:root {
  font-size: var(--text-size-regular);
}

body {
  font-size: var(--text-size-regular);
  font-family: var(--font-family);
  color: var(--text-color-dark);
}

.btn:hover,
.btn:active,
.btn:focus {
  opacity: 0.9;
}

.btn.btn-primary {
  color: var(--button-primary-text-color) !important;
  background-color: var(--button-primary-background-color) !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.btn.btn-secondary {
  color: var(--button-secondary-text-color) !important;
  background-color: var(--button-secondary-background-color) !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.btn.btn-disabled {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: #a0a6ab !important;
  color: #e1e1e1 !important;
  cursor: default;
}

#navCustomization {
  display: none;
}

/* #ext-gen30 {
	display: none;
}
#mailing-list-choices {
	position: absolute;
	opacity: 0;
	left: -1000px;
	height: 0;
	width: 0;
} */
.x-panel-bwrap input {
  vertical-align: unset !important;
}

#btnGetAccuZipEstimate {
  opacity: 0;
}

.popupContent .extRefNbr,
.popupContent .PCM_API_ROW_ID,
.popupContent .sequence,
.popupContent .imbdigits,
.popupContent .ps_trynum,
.popupContent .imbarcode {
  visibility: hidden;
  position: absolute;
}

.color-div {
  background-size: contain !important;
  border: solid 1px black;
}

.color-div {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  cursor: pointer;
  flex-basis: 50px;
  flex-shrink: 0;
}

.color-wrapper {
  width: auto;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.color-wrapper span {
  font-size: 12px;
}

.color-div.active {
  box-shadow: 0px 0px 2px 4px #e63946;
}

.color-select-radio {
  display: none;
}



/* Customizer layout */
.CustomizationProperties .tab-content {
  display: flex;
  flex-direction: row-reverse;
}

.CustomizationProperties #customization {
  flex-basis: 48%;
  width: 48%;
  padding-top: 20px;
}

.CustomizationProperties #preview {
  flex-basis: 60%;
  width: 60%;
  position: relative;
  top: 22px;
  visibility: visible !important;
}

.CustomizationProperties #SlideShow {
  width: 490px !important;
}

.CustomizationProperties #SlideShow .gallerylayer {
  width: 100% !important;
}

.CustomizationProperties #SlideShow .gallerylayer img {
  width: 100%;
}

.CustomizationProperties table[id*=ucDialCustomization_SlideShow_tblNavigationPanel] {
  width: 490px !important;
}

#tdDialCustomization [id*=ducName],
#tdDialCustomization [id*=ducWrapper] .dddlName,
#tdDialCustomization [id*=LabelDialFriendlyName] {
  width: 100%;
  font-weight: 600;
  margin-bottom: 10px;
}

#tdDialCustomization .form-control {
  width: 100%;
}

div {
  box-sizing: border-box;
}

#previewWrapper {
  width: 490px !important;
}

.dialCustomization_updatePreviewBtnPnl {
  width: 490px !important;
}

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

.recipients-replacement h6 {
  font-size: 16px;
}

.recipients-replacement a {
  font-size: 16px;
  font-weight: 600;
}

.recipients-replacement .btn {
  border-radius: 3px;
  padding: 4px 12px !important;
  margin-right: 6px !important;
  min-width: unset !important;
}

.proof-approval-section {
  width: 100%;
}

.proof-approval-section p {
  white-space: pre-wrap;
}

.NCOA-box {
  margin-top: 24px;
  padding: 12px;
  border: solid 1px rgba(0, 0, 0, 0.125);
  border-radius: 3px;
  background: #fcf3d3;
}

.NCOA-box .form-check-label {
  font-weight: bold;
  padding-left: 10px;
  font-size: calc(var(--text-size-regular) * 0.85);
  white-space: normal;
  position: relative;
  top: -6px;
}
.NCOA-box strong {
  margin-bottom: 10px;
  display: block;
}

.NCOA-box .form-group.d-flex {
  align-items: start;
}

.required {
  color: red;
}

.CustomizationProperties .tab-pane {
  display: block !important;
}

#designGuidlines .nav-link {
  color: var(--text-color-dark) !important;
}

#loadingScreen {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 20000;
}

.loadingScreenBackdrop {
  opacity: 0.75;
  width: 100%;
  height: 100%;
  background: var(--button-primary-background-color);
  background-size: cover;
}

.loadingScreenProper {
  position: absolute;
  max-width: 550px;
  width: 100%;
  border-radius: 10px;
  height: 400px;
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 20000;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid var(--button-primary-background-color);
  border-radius: 50%;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--button-primary-background-color) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
  animation-delay: -0.15s;
}

@-webkit-keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading-body {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.loading--heading,
.loading--subheading,
.loading--message {
  color: var(--button-primary-text-color);
}

.loading--heading {
  margin-bottom: 32px;
}

.loading--subheading {
  margin-bottom: 16px;
}

.loading--table {
  margin: auto;
  font-size: 10px;
  width: 260px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px 4px 6px 3px rgba(0, 0, 0, 0.15);
}

.loading--table .col {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 3px;
  border-right: solid 1px rgba(0, 0, 0, 0.125);
}

.loading--table .col:last-child {
  border-right: none;
}

.loading--table .row {
  margin: 0;
}

.loading--table {
  text-align: left;
  margin-bottom: 32px;
}

.table--heading {
  background: #e1e1e1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.table--body {
  font-family: "Dancing Script", cursive;
  font-size: 6px;
}

.table--body .row {
  background: white;
}

.table--body .row.collapse.show {
  display: flex;
}

.table--body .row:nth-child(2n) {
  background: #f1f1f1;
}

.loading--message {
  display: none;
}

.loading--messages {
  height: 40px;
}

@-webkit-keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

.loading--message {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transorm: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

.form-check .form-check {
  display: inline-block !important;
}

.XmpImageButton {
  height: unset;
}

/* .btn.btn-default {
	background: var(--button-primary-background-color)!important;
	color: var(--button-primary-text-color)!important;
	border: none!important;
}

.btn.btn-default:hover {
	background: var(--button-primary-background-color)!important;
	opacity: .8;
	color: var(--button-primary-text-color)!important;
	border: none!important;
} */
/* .CustomizationSteps.btn-group .btn.btn-default {
	background: transparent!important;
	color: var(--text-color-dark)!important;

}
.CustomizationSteps.btn-group .btn.btn-default:hover {
	background: transparent!important;
	color: var(--button-secondary-background-color)!important;

}

.CustomizationSteps.btn-group .btn.btn-default.btnSelected {
	background: transparent!important;
	color: var(--button-secondary-background-color)!important;

} */
#UploadRLWrapper input[type=file] {
  height: unset;
}

#lpwidget .body-count-result {
  width: 100% !important;
}

#lpwidget #nrecords {
  font-size: 12px;
  position: relative;
  top: 2px;
}

#lpwidget .x-form-el-nrecords .x-form-invalid-icon {
  top: 4px !important;
  left: 177px !important;
}

#divRecipientListButtons a:not(.btn):hover {
  box-shadow: none;
  color: rgba(255, 0, 0, 0.8);
  text-decoration: underline;
}

@media only screen and (min-width: 900px) {
  .modal-dialog.modal-xl {
    max-width: 1140px;
  }
}

#fullpage {
  padding-top: 32px;
  padding-bottom: 32px;
}

[id*=trWizardStepsNav] {
  display: none;
}

#CurrentCartSummary .CheckOutPage.panel.panel-default {
  margin-right: 0;
}

.OrderPriceContainer.panel.panel-default {
  margin-top: 16px;
  margin-right: 2px;
  width: 300px;
  padding-right: 15px;
}

.OrderPriceLabelWidth {
  width: auto;
}

.OrderPriceTable tr {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.OrderPriceTable td.tdAmount {
  width: auto;
}

.OrderPriceSpacer {
  display: none;
}

.OrderPriceTable td:not(.OrderPriceLabelWidth):not(.tdAmount):not([class*=ucOrderPrice_lblTotalLabel]) {
  display: none;
  width: 0px;
}

.OrderPriceTable,
.OrderPriceTable tbody {
  width: 100%;
}

body {
  counter-reset: customsteps;
}

.stepsnavigation {
  display: block !important;
  border-bottom: 1px solid #dde0e5;
  counter-reset: customsteps;
}

.CustomizationSteps {
  padding-bottom: 1rem;
}

.CustomizationSteps span a.btn-default,
.CustomizationSteps span a.btn-default:hover {
  background-color: #fff !important;
  color: var(--text-color-medium) !important;
  font-weight: 500 !important;
  border-radius: 0px !important;
  padding: 0px 30px 0px 0px !important;
  font-size: var(--text-size-regular) !important;
  text-transform: none !important;
  margin: 0px !important;
  letter-spacing: 0px !important;
  outline: none;
  border: none !important;
}

.CustomizationSteps span.btnSelected a,
.CustomizationSteps span.btnSelected a:hover {
  color: var(--button-primary-background-color) !important;
}

.CustomizationSteps>span>span::before {
  counter-increment: customsteps;
  content: counter(customsteps);
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: calc(var(--text-size-regular) * 1.6667);
  height: calc(var(--text-size-regular) * 1.6667);
  color: var(--button-primary-text-color);
  font-size: calc(var(--text-size-regular) * 1.1111);
  margin-right: 10px;
  background: var(--text-color-medium);
  color: white;
}

.CustomizationSteps>span>span.btnSelected::before {
  background: var(--button-primary-background-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: var(--text-color-ultra-dark);
  font-weight: var(--text-font-weight-heading);
  line-height: 1.2;
  margin-bottom: calc(var(--text-size-regular) * 0.5);
}

h1,
.h1 {
  font-size: calc(var(--text-size-regular) * 2.5);
}

h2,
.h2 {
  font-size: calc(var(--text-size-regular) * 2);
}

h3,
.h3 {
  font-size: calc(var(--text-size-regular) * 1.75);
}

h4,
.h4 {
  font-size: calc(var(--text-size-regular) * 1.5);
}

h5,
.h5 {
  font-size: calc(var(--text-size-regular) * 1.25);
}

h6,
.h6 {
  font-size: var(--text-size-regular);
}

#ctl00_cphMainContent_ucDialCustomization_updatePanelDummy {
  padding-top: 24px;
  text-align: center;
}

/* #ctl00_cphMainContent_ucDialCustomization_updatePanelDummy a {
  color: var(--button-primary-background-color) !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 1.33rem !important;
  text-transform: uppercase !important;
  border: none !important;
  font-weight: bold !important;
  box-shadow: none !important;
} */

.mainAreaFooterFullWidth .WizardButtonsContainer {
  display: flex;
  justify-content: flex-end;
}

/* #fullpage .mainAreaFooterFullWidth .WizardButtonsContainer .back a:link.btn {
	border: solid 1px var(--button-secondary-background-color)!important;
	background-color: transparent!important;
	color: var(--button-secondary-background-color)!important;
	box-sizing: border-box!important;
}
.WizardButtonsContainer .back a:link.btn:hover,
.WizardButtonsContainer .back a:link.btn:active,
.WizardButtonsContainer .back a:link.btn:focus {
	border: none;
	background-color: var(--button-secondary-background-color)!important;
	color: var(--button-secondary-text-color)!important;
	box-shadow: none!important;
	opacity: 1!important;
} */
#body-legacy #fullpage .WizardButtonsContainer .back a.btn {
  border: solid 1px var(--button-secondary-background-color);
  color: var(--button-secondary-background-color);
  background: transparent;
  box-sizing: border-box;
}

#body-legacy #fullpage .WizardButtonsContainer .back a.btn:hover,
#body-legacy #fullpage .WizardButtonsContainer .back a.btn:active,
#body-legacy #fullpage .WizardButtonsContainer .back a.btn:focus {
  color: var(--button-secondary-text-color);
  background: var(--button-secondary-background-color);
  opacity: 1;
  box-shadow: none;
}

#fullpage .btn {
  box-shadow: none !important;
}

#fullpage .btn:hover {
  opacity: 0.9;
}

.HybridFormLabel,
.FormLabel {
  color: var(--text-color-dark);
}

tr[id*=dgRecipientList] td {
  width: auto !important;
}

.proof-approval-section .proofLink a[id*=lbtnProof].btn-primary.btn.btn-lg {
  color: var(--button-primary-text-color) !important;
  margin: 0 !important;
}

.proofLink {
  margin-bottom: 20px !important;
  padding-left: 0 !important;
}

a:not(.btn) {
  color: var(--button-primary-background-color);
}

a:not(.btn):hover,
a:not(.btn):focus,
a:not(.btn):active {
  color: var(--button-primary-background-color);
  opacity: 0.85;
}

.btn-lg {
  font-size: 1.25rem !important;
}

a[id*=btnRecalculate] {
  display: none !important;
}

.tblPriceTagsWrapper {
  display: none;
}

#btnAddNewRecords,
#ctl00_cphMainContent_lblRecipient_btnDeleteRows {
  background: transparent !important;
  color: var(--button-primary-background-color) !important;
  border: none !important;
  padding: none !important;
  font-weight: bold;
  margin-left: 12px;
}

#btnAddNewRecords::before,
#ctl00_cphMainContent_lblRecipient_btnDeleteRows::before {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 4px;
}

#ctl00_cphMainContent_lblRecipient_btnDeleteRows {
  color: #e63946 !important;
}

#ctl00_cphMainContent_lblRecipient_btnDeleteRows::before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 4px;
}

.rgMasterTable thead tr {
  background: var(--button-secondary-background-color) !important;
}

.rgMasterTable thead th {
  background-color: transparent !important;
  color: var(--button-secondary-text-color) !important;
}

#searcharea {
  display: none !important;
}

.WizardProgressBarContainer {
  display: none !important;
}

#fullpage.LoginMaster {
  min-height: 100vh;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #eeeeee;
}

#fullpage.LoginMaster .mainareaFullWidth {
  padding: 0;
}

#fullpage.LoginMaster * {
  float: none !important;
}

#fullpage.LoginMaster #bodyarea,
#fullpage.LoginMaster .mainareaFullWidth {
  width: 100% !important;
  height: 100% !important;
  background-color: transparent;
}

#fullpage.LoginMaster .form-control {
  width: 100% !important;
}

#divLogo {
  width: 100%;
  background: var(--header-background-color);
  padding-top: var(--header-padding-desktop);
  padding-bottom: var(--header-padding-desktop);
  height: var(--header-height-desktop);
}

.loginLogoContainer {
  text-align: left;
}

.loginLogoContainer .logo {
  max-width: 100%;
  max-height: calc(var(--header-height-desktop) - 2 * var(--header-padding-desktop));
  display: block !important;
}

.formbox,
.LockedUserDiv,
.LoginPasswordExpired,
.LockedUser {
  background: transparent;
}

[id*=lblRegisterHeading] {
  display: block;
  text-align: center;
}

.loginFormContainer {
  width: 430px;
  margin: auto;
}

.loginFormContainer .the-login-form .btn {
  display: block;
}

.loginFormContainer .the-login-form .form-group:last-of-type {
  margin-bottom: 4px;
}

.loginFormContainer .the-login-form .form-control {
  display: block !important;
  width: 100% !important;
  padding: 0.375rem 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: #495057 !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.loginFormContainer .the-login-form .SmallLink {
  color: var(--text-color-dark);
}

.loginFormContainer .the-login-form .SmallLink:hover {
  color: var(--text-color-dark);
}

.headings {
  margin-bottom: 24px;
}

.headings .d-block {
  text-align: center;
}

.LoginMaster .btn.btn-default {
  color: var(--button-primary-text-color) !important;
  background-color: var(--button-primary-background-color) !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.LoginMaster .btn.btn-default:hover,
.LoginMaster .btn.btn-default:active,
.LoginMaster .btn.btn-default:focus {
  opacity: 0.9;
  color: var(--button-primary-text-color) !important;
}

.RegisterLink {
  margin: 10px !important;
}

#tblRegistration table tr {
  flex-flow: unset;
  flex-direction: row;
  padding-bottom: 10px;
  align-items: center;
}

.LoginMaster [id*=btnRegister].btn.btn-default {
  width: 100%;
  background: transparent !important;
  color: var(--button-primary-background-color) !important;
  font-weight: bold;
}

#tblNumCopies {
  display: none;
}

[id*=BtnSubmit].btn-default {
  color: var(--button-primary-text-color) !important;
}

.checkoutFinalNext [id*=btnNext] {
  color: var(--button-primary-text-color) !important;
}

.form-check-input {
  position: relative !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
}

[id*=pnlPropertiesConfig] {
  padding-top: 32px;
}

.tblPriceTagsWrapper h4 {
  font-size: 24px;
}

.tblPriceTags h4 {
  font-size: 24px !important;
}

.beforePriceGap {
  display: none !important;
}

.CheckOutPage li {
  border: none !important;
}

.CheckOutPage .buttonsContainer {
  margin: 0 !important;
}

.CheckOutPage .buttonsContainer .buttonContainer {
  padding: 0 !important;
}

.CheckOutPage .trBottom {
  padding: 0 !important;
}

.CheckOutPage .detail,
.CheckOutPage .ShoppingCartPriceTD {
  margin: 0 !important;
}

#CurrentCartSummary .CheckOutPage.panel.panel-default {
  margin-right: 0;
}

.OrderPriceContainer.panel.panel-default {
  margin-top: 16px;
  margin-right: 2px;
  width: 300px;
  padding-right: 15px;
}

.OrderPriceLabelWidth {
  width: auto;
}

.OrderPriceTable,
.OrderPriceTable tbody {
  font-size: 16px;
  width: 100%;
}

#ctl00_cphMainContent_ucCurrentCart_LblTitle {
  display: none;
}

.ShoppingCartTitle,
.boxHeading,
.addressPaneTitle span,
.TablesTitle span {
  margin: 0 0 20px;
  font-size: 24px;
  line-height: normal;
}

.ShoppingCartGrid_Column_Buttons .btn {
  display: none !important;
}

.ShoppingCartGrid_Column_ProductName {
  width: 350px !important;
  overflow: hidden;
}

.mainAreaFooterFullWidth .WizardButtonsContainer {
  display: flex;
  justify-content: flex-end;
}

.CheckOutPage {
  list-style: none;
  padding: 0;
}

.CheckOutPage * {
  font-size: 16px !important;
}

.CheckOutPage.panel-default,
.OrderPriceContainer.panel-default {
  width: 400px;
  float: right;
  border-radius: 0;
}

.CheckOutPage.panel-default .aboveTop,
.OrderPriceContainer.panel-default .aboveTop {
  display: none;
}

.CheckOutPage.panel-default .top,
.OrderPriceContainer.panel-default .top {
  padding: 6px 12px !important;
}

.CheckOutPage.panel-default .top dl,
.OrderPriceContainer.panel-default .top dl {
  margin-bottom: 2px;
}

.CheckOutPage.panel-default .top dt,
.OrderPriceContainer.panel-default .top dt {
  display: inline-block;
}

.CheckOutPage.panel-default .top dd,
.OrderPriceContainer.panel-default .top dd {
  display: inline-block;
  float: right;
}

.CheckOutPage.panel-default .bottom,
.OrderPriceContainer.panel-default .bottom {
  padding: 10px 12px;
}

.CheckOutPage.panel-default .bottom .buttonContainer,
.OrderPriceContainer.panel-default .bottom .buttonContainer {
  display: inline-block;
}

.CheckOutPage.panel-default .OrderPriceTable,
.OrderPriceContainer.panel-default .OrderPriceTable {
  width: 100%;
}

.CheckOutPage.panel-default .OrderPriceTable #ctl00_cphMainContent_ucOrderPrice_trSubtotal,
.OrderPriceContainer.panel-default .OrderPriceTable #ctl00_cphMainContent_ucOrderPrice_trSubtotal {
  background-color: #e7edf2;
  color: var(--text-color-ultra-dark);
}

.CheckOutPage.panel-default .OrderPriceTable #ctl00_cphMainContent_ucOrderPrice_trSubtotal .OrderPriceLabelWidth,
.OrderPriceContainer.panel-default .OrderPriceTable #ctl00_cphMainContent_ucOrderPrice_trSubtotal .OrderPriceLabelWidth {
  padding: 5px 10px;
}

.CheckOutPage.panel-default .OrderPriceTable td,
.OrderPriceContainer.panel-default .OrderPriceTable td {
  padding: 5px 10px;
}

.RadGrid .rgFilterBox {
  color: var(--button-secondary-background-color);
}

.RadGrid .rgFilterRow img,
.RadGrid .rgFilterRow input {
  vertical-align: top !important;
}

.RadGrid_Default {
  border: 0 !important;
  width: auto !important;
  overflow: auto;
}

.RadGrid_Default .rgMasterTable {
  /*font-size: 15px !important;*/
}

.RadGrid_Default .rgHeader {
  background: none !important;
  color: var(--button-secondary-text-color) !important;
  border: 0 !important;
}

.RadGrid_Default .rgHeader {
  text-align: left !important;
}

.RadGrid_Default .rgAltRow>td {
  border-color: #ccc !important;
}

.RadGrid_Default .rgAltRow {
  background: none !important;
}

.rgHeader a {
  color: var(--button-secondary-text-color) !important;
  font-weight: 400 !important;
}

.rgMasterTable {
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.rgMasterTable td,
.rgMasterTable th {
  padding: 0;
}

.rgMasterTable td table td,
.rgMasterTable th table th {
  border: 0;
}

.rgMasterTable thead {
  background-color: var(--button-secondary-background-color);
  color: var(--button-secondary-text-color);
}

.rgMasterTable thead th {
  padding: 8px 10px;
  font-size: 16px;
  font-weight: bold;
}

.rgMasterTable thead th a {
  color: var(--button-secondary-text-color);
}

.rgMasterTable tbody tr:nth-child(odd) {
  background-color: #e7edf2;
}

.rgMasterTable tbody table tbody tr:nth-child(odd) {
  background: none;
}

.ShoppingCartGrid_Column_Buttons .btn {
  display: none !important;
}

.RadGrid .rgMasterTable,
.RadGrid .rgDetailTable {
  font-size: 15px;
  margin-bottom: 15px;
  /*width: 100% !important;*/
}

.RadGrid .rgMasterTable label,
.RadGrid .rgDetailTable label,
.RadGrid .rgEditForm table label {
  font-weight: normal;
  margin-right: 10px;
  width: 20%;
}

.RadGrid .rgMasterTable input[type=text],
.RadGrid .rgMasterTable select,
.RadGrid .rgDetailTable input[type=text],
.RadGrid .rgDetailTable select,
.RadGrid .rgEditForm table input[type=text],
.RadGrid .rgEditForm table select {
  margin-bottom: 10px;
}

.RadGrid .rgRow>td,
.RadGrid .rgAltRow>td,
.RadGrid .rgEditRow>td,
.RadGrid .rgFooter>td,
.RadGrid .rgHeader,
.RadGrid th.rgResizeCol,
.RadGrid .rgMasterTable .rgNoRecords td {
  padding: 10px !important;
  text-align: left;
}

.RadGrid .rgPagerLabel {
  vertical-align: middle !important;
}

.RadGrid .rgPager .RadInput {
  margin: 0 !important;
  line-height: normal;
  vertical-align: middle !important;
}

.rgMasterTable tbody .SiteLink {
  color: var(--button-secondary-background-color);
}

.RadGrid .rgPager .rgPagerButton {
  padding-bottom: 0 !important;
}

.RadGrid td.rgPagerCell {
  padding: 5px 0 !important;
}

.RadGrid .rgWrap,
.RadGrid .rgNumPart a {
  line-height: 29px !important;
}

#divRecipientListButtons {
  margin: 30px 0;
}

.rgMasterTable tbody .btn-group a {
  display: none;
}

.rgMasterTable tbody .btn-group a:first-child {
  display: inline;
}

.rgMasterTable a {
  color: var(--button-secondary-background-color);
}

.rgMasterTable .btn {
  font-size: 12px;
  padding: 0 4px;
  border: none;
  border-radius: 0 !important;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--button-secondary-text-color);
  background-color: var(--button-secondary-background-color);
  border-color: var(--button-secondary-baclkground-color);
  transition: all 0.35s;
}

.rgPager .riSingle .riTextBox {
  height: 22px !important;
  padding: 2px !important;
}

.RadGrid .rgPagerTextBox {
  text-align: left !important;
}

.RadGrid .rgPager .rgPagerButton {
  vertical-align: middle !important;
  margin-top: 4px !important;
  padding: 0 5px !important;
  border: 0 !important;
  position: relative;
  top: -2px;
}

.CheckOutPage.panel-default .top,
.OrderPriceContainer.panel-default .top {
  background-color: #e7edf2 !important;
  color: var(--text-color-ultra-dark) !important;
  padding: 6px 12px !important;
}

#trTop {
  margin-top: 8px;
}

#ctl00_cphMainContent_BtnShopping {
  background: transparent;
  color: var(--button-secondary-background-color) !important;
  transition: all ease-out 0.3s;
  border-color: var(--button-secondary-background-color) !important;
}

#ctl00_cphMainContent_BtnShopping:hover,
#ctl00_cphMainContent_BtnShopping:focus,
#ctl00_cphMainContent_BtnShopping:active {
  color: var(--button-secondary-text-color) !important;
  background-color: var(--button-secondary-background-color) !important;
}

.breadCrumbs,
.breadCrumbs * {
  font-size: 14px !important;
}

tr[id$=MainContent_trBillingAddress]>td {
  border: none;
  padding: 0;
}

.selectAddressWrapper .formSelectionField {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background: var(--button-secondary-background-color);
  border-color: var(--button-secondary-background-color);
  color: var(--button-secondary-text-color);
  box-shadow: none !important;
}

.selectAddressWrapper .formSelectionField:hover,
.selectAddressWrapper .formSelectionField:focus,
.selectAddressWrapper .formSelectionField:active {
  color: var(--button-secondary-background-color) !important;
  background: transparent !important;
  text-decoration: none !important;
}

.boxSubHeading {
  color: var(--button-secondary-text-color);
  font-size: 16px;
  margin: 0 !important;
}

img[src="./Images/Add.gif"],
img[src="./Images/icon-Edit.gif"] {
  display: inline-block !important;
}

.checkoutFinalBack a {
  border: solid 1px var(--button-secondary-background-color) !important;
  color: var(--button-secondary-background-color) !important;
  background-color: transparent !important;
}

.checkoutFinalBack a:hover,
.checkoutFinalBack a:focus,
.checkoutFinalBack a:active {
  color: var(--button-secondary-text-color) !important;
  background-color: var(--button-secondary-background-color) !important;
}

.AddressBody .formSelectionField {
  color: var(--text-color-ultra-dark) !important;
}

.CouponBar [id*=txtCouponCode] {
  width: 200px !important;
}

[id*=btnCouponRecalculate] {
  background-color: var(--button-secondary-background-color);
  border-color: var(--button-secondary-background-color);
  color: white;
}

[id*=btnCouponRecalculate]:hover,
[id*=btnCouponRecalculate]:focus,
[id*=btnCouponRecalculate]:active {
  background-color: var(--button-secondary-background-color);
  border-color: var(--button-secondary-background-color);
  color: white;
}

[id*=lnkClearCoupon] {
  color: var(--button-secondary-background-color) !important;
}

[id*=lnkClearCoupon]:hover,
[id*=lnkClearCoupon]:focus,
[id*=lnkClearCoupon]:active {
  color: var(--button-secondary-background-color) !important;
}

[id*=trPaymentMethods] hr,
[id*=trPaymentMethodDivider] hr {
  display: none;
}

.billing-message p {
  white-space: normal;
}

.OrderPriceTable,
.OrderPriceTable tbody {
  font-size: 16px;
  width: 100%;
}

.CheckOutPage.panel-default .OrderPriceTable,
.OrderPriceContainer.panel-default .OrderPriceTable {
  width: 100%;
}

.checkoutSubmissionOrderPriceContainerContainer .OrderPriceTable tr {
  border-top: 1px solid #ccc;
}

.OrderPriceContainer.panel.panel-default {
  margin-top: 16px;
  margin-right: 2px;
  width: 300px;
  padding-right: 15px;
  border: none;
}

.OrderPriceContainer.panel-default {
  float: none !important;
  margin-left: auto;
  position: relative;
  right: -10px;
}

.CheckOutPage.panel-default .aboveTop,
.OrderPriceContainer.panel-default .aboveTop {
  display: none;
}

.OrderPriceTable td:not(.OrderPriceLabelWidth):not(.tdAmount):not([class*=ucOrderPrice_lblTotalLabel]) {
  display: block !important;
}

.OrderPriceTable tr[id*=ucOrderPrice_trSeperator] {
  display: none;
}

.cookies-ribbon {
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  z-index: 10;
  left: 0;
  display: flex;
  justify-content: center;
}

.cookies-ribbon *,
.cookies-ribbon .text {
  color: #ffffff;
  font-size: 12px;
}

.cookies-ribbon .close-btn-container {
  margin: 22px;
  right: 0;
  bottom: 0;
  cursor: pointer;
  position: absolute;
}

.cookies-ribbon .close-btn-container .close-btn {
  vertical-align: unset;
}

.cookies-ribbon .cookies-consent-container {
  max-width: 100%;
  width: 1170px;
  text-align: center;
  padding: 10px;
}

.cookies-ribbon .cookies-consent-container .icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.cookies-ribbon .cookies-consent-container .icon svg {
  stroke: white;
}

.XmpTooltipPopup {
  display: none;
}

.addressItemTable:not(#ctl00_cphMainContent_billingPane_dlAddresses) {
  text-align: left;
}

.addressItemBody {
  padding-left: 16px;
  padding-top: 16px;
}

.addressItemHead {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}

#ctl00_cphMainContent_billingPane_dlAddresses {
  display: flex;
}

#ctl00_cphMainContent_billingPane_dlAddresses .tdContainer {
  padding-left: 16px;
  padding-bottom: 16px;
  width: 33%;
  flex-basis: 33%;
}

#ctl00_cphMainContent_pPaddingTop {
  display: none;
}

#productDetailsContainer {
  display: none !important;
}

#ctl00_cphMainContent_billingPane_dlAddresses {
  display: flex;
}

#ctl00_cphMainContent_billingPane_dlAddresses .tdContainer {
  padding-left: 16px;
  padding-bottom: 16px;
  width: 33%;
  flex-basis: 33%;
}

#ctl00_cphMainContent_pPaddingTop {
  display: none;
}

#productDetailsContainer {
  display: none !important;
}

/* Begin Mobile Changes */

@media only screen and (max-width: 991px) {

  .CustomizationProperties .tab-content.ng-scope table,
  .CustomizationProperties .tab-content.ng-scope tr,
  .CustomizationProperties .tab-content.ng-scope td,
  .CustomizationProperties .tab-content.ng-scope th,
  .CustomizationProperties .tab-content.ng-scope tbody,
  .CustomizationProperties td,
  .CustomizationProperties tr,
  .CustomizationProperties table,
  .CustomizationProperties th,
  .CustomizationProperties tbody,
  .CustomizationProperties,
  table:has(.CustomizationProperties),
  tbody:has(.CustomizationProperties),
  div:has(.TablesTitle[title="LeadsPlease (en-US)"]) table:not(.x-btn),
  div:has(.TablesTitle[title="LeadsPlease (en-US)"]) table:not(.x-btn) > tbody,
  div:has(.TablesTitle[title="LeadsPlease (en-US)"]) th,
  div:has(.TablesTitle[title="LeadsPlease (en-US)"])  table:not(.x-btn) > tbody > tr,
  div:has(.TablesTitle[title="LeadsPlease (en-US)"])  table:not(.x-btn) > tbody > tr > td,
  .ustore_OrderFinalStep table,
  .ustore_OrderFinalStep tbody,
  .ustore_OrderFinalStep th,
  .ustore_OrderFinalStep tr,
  .ustore_OrderFinalStep td {
    display: block;
  }

  #lpwidget {
    overflow-x: auto;
  }

  .proof-approval-section {
    padding-top: 20px;
  }

  .proof-approval-section h4,
  .NCOA-box * {
    text-wrap: wrap;
  }

  .glyphicon.glyphicon-ok-sign.mobile {
    display: none;
  }


  .CustomizationProperties .tab-content.ng-scope {
    flex-direction: column-reverse;
  }

  .CustomizationProperties .tab-content.ng-scope #preview {
    float: none !important;
    display: block;

  }

  .CustomizationProperties .tab-content.ng-scope #preview #ctl00_cphMainContent_ucDialCustomization_updatePanelSlideShow {
    float: none;
  }

  #divProgress {
    width: 100%;
  }

  .CustomizationProperties .tab-content.ng-scope #previewWrapper,
  .CustomizationProperties .tab-content.ng-scope #previewWrapper .dialCustomization_updatePreviewBtnPnl,
  .CustomizationProperties #SlideShow {
    width: 100% !important;

  }

  #ctl00_cphMainContent_ucDialCustomization_SlideShow_tblNavigationPanel tr {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 18px;
    padding-right: 18px;
  }

  #ctl00_cphMainContent_ucDialCustomization_updatePanelDummy a {
    font-size: 18px !important;
  }

  #customization table dl {
    width: 100%;
  }

  #tdDialCustomization {
    min-width: unset;
    width: 100%;
  }

  .CustomizationProperties #customization {
    flex-basis: 100%;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .row.color-select-row .col-md-6 {
    width: 50%;
  }

  div[id*=RLManager] td {
    height: auto !important;
  }

  /* #tblLayout {
    display: none;
  } */

  .fix-bad-table {
    display: block;
  }

  .fix-bad-table>td {
    display: block;
  }

  #CurrentCartSummary {
    width: 100%;
  }

  #CurrentCartSummary .CheckOutPage.panel.panel-default {
    float: none;
    width: 100%;
  }

  #CurrentCartSummary .bottom {
    text-align: right;
  }

  #CurrentCartSummary .bottom a {
    margin-left: 10px;
  }

  .buttonsContainer {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
  }

  .login-splash-screen {
    height: 100vh;
    top: 0;
  }

  body {
    padding-top: 0;

  }

  .ustore_Login #ctl00_cphMainContent_pPaddingTop {
    display: none;
  }

  .ustore_Login .container {
    margin: 0;
    padding: 0;
  }

  .loginFormContainer {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }

  #ctl00_containerPageProductName {
    display: none;
  }

  .unhideBadThing .btnUnselected {
    display: none !important;
  }

  .unhideBadThing .btnSelected {
    margin-top: 16px;
  }

  .unhideBadThing .btnSelected::before {
    display: none;
  }

  .color-div {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }

  .addressBoxWrapper .selectAddressWrapper {
    display: flex;
    align-items: center;
  }

  .ustore_CheckoutPaymentSubmission table:not(#ctl00_cphMainContent_ucShoppingCart_dgOrderTable_ctl00, .OrderPriceTable),
  .ustore_CheckoutPaymentSubmission tbody:not(#ctl00_cphMainContent_ucShoppingCart_dgOrderTable_ctl00 tbody, .OrderPriceTable tbody),
  .ustore_CheckoutPaymentSubmission thead:not(#ctl00_cphMainContent_ucShoppingCart_dgOrderTable_ctl00 thead, .OrderPriceTable thead),
  .ustore_CheckoutPaymentSubmission tr:not(#ctl00_cphMainContent_ucShoppingCart_dgOrderTable_ctl00 tr, .OrderPriceTable tr),
  .ustore_CheckoutPaymentSubmission td:not(#ctl00_cphMainContent_ucShoppingCart_dgOrderTable_ctl00 td, .OrderPriceTable td),
  .ustore_CheckoutPaymentSubmission th:not(#ctl00_cphMainContent_ucShoppingCart_dgOrderTable_ctl00 th, .OrderPriceTable th) {
    display: block;
  }

  /* #ctl00_cphMainContent_ucShoppingCart_dgOrderTable_ctl00 tr
  {
display: flex;
  } */
  .ShoppingCartGrid_Column_NotificationIcon {
    display: none;
  }

  td.ShoppingCartGrid_Column_Thumbnail {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: start;
  }

  td.ShoppingCartGrid_Column_Thumbnail label {
    width: auto !important;
    margin-left: 8px;
  }

  .OrderPriceLabelWidth+td {
    display: block !important;
  }

  #ctl00_cphMainContent_lnkClearCoupon {
    display: none !important;
  }

  #ctl00_cphMainContent_ucShoppingCart_dgOrderTable_ctl00 .hidden-xs,
  #ctl00_cphMainContent_ucShoppingCart_dgOrderTable_ctl00 .hidden-sm {
    display: none !important;
  }

  .productDetailsContinue a {
    opacity: 0;
  }



}

.cookies-ribbon {
  display: none !important;
}

@media only screen and (min-width: 454px) {
  #customization table td {
    float: left;
  }
}

@media only screen and (max-width: 420px) {
  #customization table td {
    float: none;
  }
}

.addressItemHead {
padding: 0;
}
.addressItemHead .personName {
 padding: 16px;
}
.addressItemHead > div {
 padding: 0;
}
.addressItemBody {
padding: 0;
}
.addressItemBody li {
 padding-left: 16px;
padding-right: 16px;
}
.addressItemHead .buttons {
 padding: 0;
}