/*START FONT*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');

body {
font-family: "Helvetica Neue", 'Inter', Helvetica, Arial, sans-serif !important;
}

/*END FONT*/

/* CUSTOM FOOTER STYLES */

.layout-cpnt {
  margin-bottom: 0 !important;
}

.bayer-custom-footer-main-container {
		background: #10384F;
		padding: 64px 0 24px;
	}
	
	.bayer-custom-footer-main-container .bayer-custom-footer {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	
	.bayer-custom-footer-main-container .footer-links {
		display: flex;
		justify-content: space-between;
	}
	
	.bayer-custom-footer-main-container .footer-links-inner {
		display: flex;
		gap: 50px;
	}
	
	.bayer-custom-footer-main-container .legend,
	.agro-bayer {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	
	.bayer-custom-footer-main-container h4.sub-heading {
		color: #FFF;
		font-size: 20px;
		font-weight: 500;
		line-height: 24px;
		letter-spacing: 0.25px;
		margin: 0;
	}
	
	.bayer-custom-footer-main-container .bayer-custom-footer ul {
		padding: 0;
		margin: 0;
	}
	
	.bayer-custom-footer-main-container .bayer-custom-footer ul li {
		list-style-type: none;
	}
	
	.bayer-custom-footer-main-container .footer-links-inner a {
		color: #FFF;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		letter-spacing: 0.15px;
		margin: 0 0 12px;
		text-decoration: none;
		display: block;
	}
	
	.bayer-custom-footer-main-container .bayer-footer-logo img {
		display: block;
		width: 100%;
		height: auto;
		max-width: 234px;
		margin: 0;
	}
	
	.bayer-custom-footer-main-container .footer-social {
		padding: 12px 0 40px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;
	}
	
	.bayer-custom-footer-main-container .footer-social ul {
		display: flex;
		gap: 24px;
		justify-content: center;
	}
	
	.bayer-custom-footer-main-container .footer-social img {
		display: block;
		width: 100%;
		height: auto;
		max-width: 32px;
		margin: 0;
	}
	
	.bayer-custom-footer-main-container .footer-bottom {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.bayer-custom-footer-main-container .footer-bottom p.sml-text,
	.footer-bottom a {
		font-size: 12px;
		font-weight: 700;
		line-height: 16px;
		letter-spacing: 0.25px;
		color: #FFF;
		text-decoration: none;
	}
	
	.bayer-custom-footer-main-container .footer-bottom ul {
		display: flex;
		gap: 5px;
		justify-content: flex-end;
		flex-wrap: wrap;
	}
	
	.bayer-custom-footer-main-container .footer-bottom li {
		color: #FFF;
	}
	
	@media (max-width: 992px) {
		.bayer-custom-footer-main-container .footer-links-inner {
			flex-direction: column;
		}
		.bayer-custom-footer-main-container .footer-links {
			flex-direction: column-reverse;
			gap: 64px;
		}
		.bayer-custom-footer-main-container .footer-bottom {
			flex-direction: column-reverse;
			gap: 24px;
		}
		.bayer-custom-footer-main-container .footer-bottom ul {
			justify-content: flex-start;
		}
	}

/*END CUSTOM FOOTER STYLES */

/* CUSTOM 404 STYLES */

    .main-coloyal-404 {
        padding: 120px 0;
        width: 100%;
        margin: 0 auto;
    }

    .main-coloyal-404 h1 {
        color: rgba(16, 56, 79, 0.73);
        font-size: 180px;
        font-weight: 500;
        line-height: 180px;
        letter-spacing: 0.75px;
        margin: 0 0 8px;
        text-align: center;
    }

    .main-coloyal-404 p.sub-404, .main-coloyal-404 a {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: #10384F;
        margin: 0 0 64px;
        text-align: center;
    }

    .main-coloyal-404 a {
        font-weight: 700;
        color: #FFF;
        padding: 12px 24px;
        border-radius: 12px 0px;
        background-color: #10384F;
        display: block;
        width: fit-content;
        text-decoration: none;
        margin: 0 auto;
    }

/* END CUSTOM 404 STYLES */

/* CUSTOM MAINTENANCE STYLES */

    .main-coloyal-maintenance {
        padding: 80px 0;
    }

    .main-coloyal-maintenance .copy-container {
        text-align: left;
        max-width: 50%;
    }

    .main-coloyal-maintenance h1 {
        color: #10384F;
        font-size: 60px;
        font-weight: 300;
        line-height: 72px;
        letter-spacing: 0.75px;
        margin: 0 0 24px;
    }

    .main-coloyal-maintenance p.sub-text {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.15px;
    }

    .main-coloyal-maintenance .img-container {
        width: 40%;
    }

    .main-coloyal-maintenance .img-container img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
    }

    @media (max-width: 992px) {
        .main-coloyal-maintenance {
            flex-direction: column-reverse;
            justify-content: center;
            gap: 48px;
        }

        .main-coloyal-maintenance .copy-container {
            max-width: 100%;
            text-align: center;
        }

        .main-coloyal-maintenance .img-container {
            width: 100%;
        }
    }

/* END CUSTOM MAINTENANCE STYLES */

/* START SERIAL CARD */

[data-widget-id="16548"] .form-control {
border: 1px solid #fff !important;
margin-bottom: 30px !important;
}

[data-widget-id="26465"] .btn {
padding: 10px !important;
background-color: #1e70da !important;
color: #fff !important;
width: 100% !important;
font-size: 16px !important;
}

/* END SERIAL CARD */

/* START FEED*/
[data-widget-id="1724"].form-control {
border-radius: 24px 5px 24px;
}
.mb-0 pl-sm mt-0 text-semi-bold text-14 {
font-weight: 500;
font-size: 18px;
}
/*END FEED*/


/* TOP NAV ICON OVERRIDES JAN 30TH */

#header-wrap ul.top-nav-icons-list li a:not(.pseudo-select .options li a),
#header-wrap ul.top-nav-icons-list li button {
  width: 24px;
  height: 24px;
  position: relative;
}
.pseudo-select .options li a:after, 
.pseudo-select .options li a:hover:after { display: none; }

/*#header-wrap ul.top-nav-icons-list li:nth-of-type(1) a:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/shopping-bag.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.25s ease;
}
#header-wrap ul.top-nav-icons-list li:nth-of-type(1) a:hover:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/shopping-bag-hover.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

#header-wrap ul.top-nav-icons-list li:nth-of-type(1) a:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/heart.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.25s ease;
}
#header-wrap ul.top-nav-icons-list li:nth-of-type(1) a:hover:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/heart-hover.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

 #header-wrap ul.top-nav-icons-list li:nth-of-type(2) a:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/cart.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.25s ease;
}
#header-wrap ul.top-nav-icons-list li:nth-of-type(2) a:hover:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/cart-hover.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#header-wrap ul.top-nav-icons-list li:nth-of-type(3) button:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/account_circle.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.25s ease;
}
#header-wrap ul.top-nav-icons-list li:nth-of-type(3) button:hover:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/account_circle-hover.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#header-wrap ul.top-nav-icons-list li:nth-of-type(3) {
  height: 24px;
}

#header-wrap ul.top-nav-icons-list li a svg,
#header-wrap ul.top-nav-icons-list li button svg { display: none; }

.topNavIcons a.psr[data-badge]:not([data-badge='0'])::before, .topNavIcons button.psr[data-badge]:not([data-badge='0'])::before {
    position: absolute;
    bottom: 18px;
    left: 18px;
    background: #10384f;
    border-radius: 50%;
    content: attr(data-badge);
    font-size: 10px;
    font-weight: 500;
    line-height: 0.5em;
    text-align: center;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 17px;
    min-width: 17px;
}
.topNavIcons a.psr[data-badge]:not([data-badge='0'])::after {
  background: none;
}

@media screen and (max-width: 767px) {
  #header-wrap .grs-storefront-logo .nav-icon-mobile .mobile-top-nav-icons .topNavIcons .top-nav-icons-list li a.psr[data-badge]:not([data-badge='0'])::after {
    bottom: 16px;
    left: 0px !important;
  }

#header-wrap .topNavIcons a.psr[data-badge]:not([data-badge='0'])::after, #header-wrap .topNavIcons button.psr[data-badge]:not([data-badge='0'])::after {
  bottom: 16px;
    left: 0px !important;
}
  .topNavIcons a.psr[data-badge]:not([data-badge='0'])::before, .topNavIcons button.psr[data-badge]:not([data-badge='0'])::before {
    left: 16px;
  }
  .topNavIcons ul.top-nav-icons-list #hamburger-menu svg {
    display: block;
   }
}

customSelect.lang-dropdown,
#ddlLanguages {
  display: none;
}

/*UX-2006 PAGE OVERRIDES*/

/*/mypoints/transactions && /orders*/
.myPoints-page,
.myOrders-page,
.myMetrics-page,
.myAccount-page,
.contactUs-page,
.cookiePolicy-page,
.memberHome-page,
.submitMetrics-page {
  color: #10384F;
}

.myPoints-page .container .container,
.myMetrics-page .container .container { width: 100%; }

.myPoints-page h1#main-title.page-header,
.myOrders-page h1#main-title,
.myMetrics-page h1#main-title,
.submitMetrics-page h1#main-title,
#dreamTracker h1#main-title.page-header,
.myAccount-page h1#main-title,
.contactUs-page h1#main-title,
.cookiePolicy-page h1#main-title,
.memberHome-page h1#main-title,
.myProfile-page h1#main-title.page-header {
  font-size: 60px;
  font-weight: 300;
  line-height: 72px;
  letter-spacing: 0.75px;
  margin: 40px 0;
  padding: 0;
  border-bottom: none;
}

.surveys-page h1#main-title.page-header {
  font-size: 40px;
  font-weight: 300;
  line-height: 45px;
  letter-spacing: 0.75px;
  margin: 40px 0;
  padding: 0;
  border-bottom: none;
}

.myOrders-page .orders-header,
.myMetrics-page .page-header,
.submitMetrics-page .page-header {
  border-bottom: none;
  margin: 0 !important;
  padding: 0 !important;
}

.myPoints-page h1#main-title span.fal.fa-user,
.myAccount-page h1#main-title span.fal.fa-user,
.termsandConditions-page h1#main-title span.fal.fa-gavel,
.contactUs-page h1#main-title span.fal.fa-envelope,
.memberHome-page h1#main-title span.fal.fa-user,
.myOrders-page h1#main-title span.fal.fa-user,
.myMetrics-page h1#main-title span.fal.fa-user,
.cookiePolicy-page h1#main-title span.fal.fa-lock,
.submitMetrics-page h1#main-title span.fal.fa-user,
.surveys-page h1#main-title.page-header span.fal.fa-check-circle,
#dreamTracker h1#main-title span.fal.fa-heart,
.myProfile-page h1#main-title span.fal.fa-user { display: none; }

.myPoints-page .nav.nav-pills.mb-md label,
.myOrders-page .nav.nav-pills.mb-md label,
.myMetrics-page .nav.nav-pills.mb-md label,
.myProfile-page .dropdown label#options {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.15px;
}
.myPoints-page .nav.nav-pills.mb-md button#ddlPageTab,
.myOrders-page .nav.nav-pills.mb-md button#ddlPageTab,
.myMetrics-page .nav.nav-pills.mb-md button#ddlPageTab,
.myProfile-page .dropdown button.dropdown-toggle.btn {
  border-radius: 12px 0px;
  padding: 12px 16px !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.myPoints-page .fixed-table-toolbar,
.myOrders-page .fixed-table-toolbar,
.myMetrics-page .fixed-table-toolbar { margin-bottom: 16px !important; }
.myPoints-page .fixed-table-toolbar button,
.myOrders-page .fixed-table-toolbar button,
.myMetrics-page .fixed-table-toolbar button {
  border-radius: 12px 0px;
  padding: 12px 16px !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.myPoints-page .fixed-table-toolbar button#point-filter,
.myOrders-page .fixed-table-toolbar #orders-filter button,
.myMetrics-page .fixed-table-toolbar #su-filter button { margin-right: 10px !important; }

.myPoints-page .table,
.myOrders-page .table,
.myMetrics-page .table,
.submitMetrics-page .table { border-bottom: none !important; }

.myPoints-page .table > thead > tr > th,
.myPoints-page .table > tbody > tr > td,
.myOrders-page .table > thead > tr > th,
.myOrders-page .table > tbody > tr > td,
.myMetrics-page .table > thead > tr > th,
.myMetrics-page .table > tbody > tr > td,
.submitMetrics-page .table > thead > tr > th,
.submitMetrics-page .table > tbody > tr > td {
  background-color: #fff;
  padding: 16px 0;
  border-bottom: 1px solid rgba(16, 56, 79, 0.12);
}

.myPoints-page .table > thead > tr > th span,
.myOrders-page .table > thead > tr > th span,
.myMetrics-page .table > thead > tr > th span,
.submitMetrics-page .table > thead > tr > th span,
.submitMetrics-page .container div div .row.mb-md .col-lg-9.col-xs-12 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.myPoints-page .table > tbody > tr > td button.btn-link.text-underline,
.myPoints-page .table > tbody > tr > td span,
.myPoints-page span.pagination_info,
.myPoints-page .page_list span,
.myOrders-page .table > tbody > tr > td button.btn-link.text-underline,
.myOrders-page .table > tbody > tr > td span,
.myOrders-page span.pagination_info,
.myOrders-page .page_list span,
.myMetrics-page .table > tbody > tr > td button.btn-link.text-underline,
.myMetrics-page .table > tbody > tr > td span,
.myMetrics-page span.pagination_info,
.myMetrics-page .page_list span,
.submitMetrics-page .table > tbody > tr > td button.btn-link.text-underline,
.submitMetrics-page .table > tbody > tr > td span,
.submitMetrics-page span.pagination_info,
.submitMetrics-page .page_list span,
.myProfile-page #requiredFieldsLegend span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  text-decoration: none;
}

.myPoints-page .table > tbody > tr > td button.btn-link.text-underline,
.myOrders-page .table > tbody > tr > td button.btn-link.text-underline ,
.myMetrics-page .table > tbody > tr > td button.btn-link.text-underline,
.submitMetrics-page .table > tbody > tr > td button.btn-link.text-underline { color: #017DB8; }
.myPoints-page .table > tbody > tr > td button.btn-link.text-underline:hover,
.myOrders-page .table > tbody > tr > td button.btn-link.text-underline:hover,
.myMetrics-page .table > tbody > tr > td button.btn-link.text-underline:hover,
.submitMetrics-page .table > tbody > tr > td button.btn-link.text-underline:hover { text-decoration: underline; }

.myPoints-page .table > tfoot > tr > td,
.myOrders-page .table > tfoot > tr > td,
.myMetrics-page .table > tfoot > tr > td,
.submitMetrics-page .table > tfoot > tr > td { padding: 16px 0; }

.myPoints-page .table > tfoot > tr > td:last-of-type strong,
.myOrders-page .table > tfoot > tr > td:last-of-type strong,
.myMetrics-page .table > tfoot > tr > td:last-of-type strong,
.submitMetrics-page .table > tfoot > tr > td:last-of-type strong { font-weight: normal !important; }

.myPoints-page .table > tfoot > tr > td strong,
.myOrders-page .table > tfoot > tr > td strong,
.myMetrics-page .table > tfoot > tr > td strong,
.submitMetrics-page .table > tfoot > tr > td strong {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.myPoints-page #transactions_modal .modal-content #modal-title {
  border-bottom: none;
  padding: 16px; 
}

.myPoints-page #transactions_modal .modal-content #modal-title h2.modal-title {
  color: #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.5px;
  margin: 8px 0;
}

.myPoints-page #transactions_modal .modal-content #modal-description dt.control-label,
.myPoints-page #transactions_modal .modal-content #modal-description  dd p.form-control-static {
  color: rgba(16, 56, 79, 0.73);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  margin: 0 0 8px;
}
.myPoints-page #transactions_modal .modal-content #modal-description  dd p.form-control-static { color: #000; }

.myPoints-page #transactions_modal .modal-content .modal-footer { border: none; }

.myPoints-page #transactions_modal .modal-content .modal-footer button.btn {
  background: #10384F;
  padding: 12px 16px;
  border-radius: 12px 0;
  width: fit-content;
  width: moz-fit-content;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.myPoints-page .fixed-table-toolbar #popover .popover-content {
  padding: 16px;
}

.myPoints-page .fixed-table-toolbar #popover .popover-content .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.myPoints-page .fixed-table-toolbar #popover .popover-content .form-group p.col-md-12.mb-0 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  margin: 0 0 16px !important;
}

.myPoints-page .fixed-table-toolbar #popover .popover-content .form-group label.control-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.15px;
  padding-left: 0;
}

/*/sales_central/metricQueue/submissions && /sales_central/submit*/
.myMetrics-page .page-header a,
.submitMetrics-page .page-header button,
.submitMetrics-page span.display-block.text-right button#btn-submit,
.submitMetrics-page .modal .modal-footer button#btn-add {
  border-radius: 12px 0;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
}
.submitMetrics-page .container div div .row.mb-md .col-lg-9.col-xs-12 {
  margin: 16px 0;
  width: 100%;
}
.submitMetrics-page .container div div .row.mb-md .col-lg-9.col-xs-12 p { font-weight: 500; }

.submitMetrics-page .modal #modal-title { border-bottom: none; }
.submitMetrics-page .modal h2.modal-title.font-size-h4 {
  color: #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.5px;
}

.submitMetrics-page .modal #modal-description .form-group.form-req {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.submitMetrics-page .modal #modal-description .form-group.form-req label {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  max-width: 150px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.submitMetrics-page .modal input.form-control, 
.submitMetrics-page .duet-date__input {
  border-radius: 2px;
  border: 1px solid rgba(16, 56, 79, 0.38);
  padding: 12px;
}
.submitMetrics-page .modal #modal-description .form-group.form-req label#label-attachment { margin-bottom: 0 !important; }
.submitMetrics-page .modal .input-group button#item-selector,
.submitMetrics-page #itemSelection.modal span.input-group-btn button { height: 100%; }

.submitMetrics-page .modal .modal-footer {
  display: flex;
  flex-direction: row-reverse;
  border: none;
}

.submitMetrics-page .modal .modal-footer #btn-metric-cancel {
  border: none;
  background: none;
  padding: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.submitMetrics-page #itemSelection.modal #modal-description p,
.submitMetrics-page #itemSelection.modal #modal-description h3.page-header{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  margin: 0 0 16px !important;
}

.submitMetrics-page #itemSelection.modal .modal-footer:before,
.submitMetrics-page #itemSelection.modal .modal-footer:after { display: none; }
.submitMetrics-page #itemSelection.modal .modal-footer { gap: 12px; }

.submitMetrics-page #itemSelection.modal .modal-footer button {
  border-radius: 12px 0;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.submitMetrics-page #itemSelection.modal .form-group.mb-0.flex-row.flex-nowrap { margin-bottom: 24px !important; }

/*/mall/dreamTracker*/
#dreamTracker .tr-dreamtracker a h2.media-heading {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #017DB8;
}
#dreamTracker .tr-dreamtracker .media-left p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.15px;
}

#dreamTracker .tr-dreamtracker .dreamtracker-media-right button.btn {
  border-radius: 12px 0;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
}

/*/myprofile*/
.myProfile-page #requiredFieldsLegend i,
.myProfile-page #profileForm span.text-muted.text-unbold { display: none; }

.myProfile-page #requiredFieldsLegend span { color: rgba(16, 56, 79, 0.50); }

.myProfile-page #profileForm .form-group label strong {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.35px;
}

.myProfile-page #profileForm input.form-control,
.myProfile-page #profileForm .form-group select.form-control {
  padding: 12px;
  border-radius: 2px;
  border: 1px solid rgba(16, 56, 79, 0.38);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.myProfile-page #profileForm .row:nth-of-type(2) .form-group.text-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 auto;
}

.myProfile-page #profileForm .row:nth-of-type(2) .form-group.text-center button.btn.btn-block {
  border-radius: 12px 0;
  padding: 12px 60px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
  width: fit-content;
  width: -moz-fit-content;
}

.myProfile-page #profileForm .row:nth-of-type(2) .form-group.text-center a#btn-cancel-1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
  padding: 0;
  margin: 0;
}


/*UX-1994 STOREFRONT OVERRIDES*/

/* GALLERY DASHBOARD OVERRIDES */

#gallery-dashboard [data-widget-type="galleryRecommendation"] h2.cat {
    color: #10384F;
    font-size: 34px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: 0.5px;
    padding: 0 0 0 1rem;
    margin: 0;
}

#gallery-dashboard [data-widget-type="galleryRecommendation"] span.cline {
    display: none;
}

#gallery-dashboard [data-widget-type="galleryRecommendation"] .x {
    justify-content: flex-start;
    margin: 40px 0; 
}

#gallery-dashboard [data-widget-type="galleryRecommendation"] .x.pl2 {
    padding-left: 0;
}

#gallery-dashboard .layout-cpnt {
    margin-bottom: 0;
}

#gallery-dashboard [data-widget-type="galleryRecommendation"] .mwA {
    max-width: 1500px;
}

/* SCOPED FIXES */
.rewards-for-you .product-box {
    border-radius: 0px 24px;
    border: 1px solid rgba(16, 56, 79, 0.12);
}

.rewards-for-you .product-tile-link {
    border-radius: 0px 24px;
}

.rewards-for-you .product-box .product-copy-container .product-title h2,
.rewards-for-you .product-box .product-copy-container .price-container span.our-price {
    color: #10384F;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.25px;
}

.rewards-for-you .product-box .product-copy-container .product-title h2 {
    margin-top: 8px !important;
}

.rewards-for-you .product-title::before {
    content: "";
    color: #10384F;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.rewards-for-you a.product-tile-link div[data-productname]:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
}

.rewards-for-you .product-box {
    display: flex;
}

.rewards-for-you .product-tile-link {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rewards-for-you .inner-router-link-bottom {
    display: flex;
    justify-content: flex-start;
    flex: 1;
}

.rewards-for-you .product-copy-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.rewards-for-you .product-title {
    flex-grow: 1;
}

/* Gallery Header Overrides */

.header-container .svg-search-btn {
    border-radius: 24px 0;
}

.header-container .point-bucket .point-count .num {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.25px;
    color: #10384F;
}

/* Shop Categories */

#reward-gallery #facets-description .facetSide.menu h2, #reward-gallery #facets-description .font-size-medium, .mall-breadcrumbs #desktop_breadcrumb span, .mall-breadcrumbs .copy-link, #reward-gallery #resultsBar, #desktop_breadcrumb a {
    color: #10384F;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
}

#reward-gallery #facets-description .font-size-medium, .mall-breadcrumbs #desktop_breadcrumb span, .mall-breadcrumbs .copy-link, #reward-gallery #resultsBar, #desktop_breadcrumb a {
    font-weight: 400;
}

#reward-gallery #resultsBar #sortButton {
    background-color: transparent !important;
}

#reward-gallery #resultsBar #sortButtonLabel {
    font-weight: 400 !important;
}

#reward-gallery #resultsBar #sortButton span.fal {
    font-weight: 700;
    color: #10384F;
}

.fa-sort-alt:before {
    content: "\f883";
}

.mall-breadcrumbs-container .breadcrumb > li span:nth-child(2)::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f054";
    color: #10384F;
    font-size: 14px;
    margin: 0 20px;
}

.mall-breadcrumbs-container .breadcrumb>li span:first-child::before {
    display: none;
}

.fa-chevron-circle-right::before {
    display: none;
}

.fa-chevron-circle-right::after {
    content: "\f054" !important;
}

.rangeSearch_container .btn-icon span {
    font-size: 8px !important;
    font-weight: 500;
    color: #FFF !important;
    border: 1px solid #10384F;
    border-radius: 100%;
    background: #10384f;
    padding: 5px 7px;
}

.rangeSearch_container label[for="searchMinPtsUpdate"], .rangeSearch_container label[for="searchMaxPtsUpdate"] {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.35px;
    color: #10384F;
}

/* Shop Nav */

#reward-gallery #pagination .pagination > li > a {
    border: 1px solid #FFF;
}

#reward-gallery #pagination .pagination > li.active > a, #reward-gallery #pagination .pagination > li.disable > a {
    color: #10384F;
}

#reward-gallery #pagination .pagination > li > a:hover {
    background-color: #10384F;
    color: #FFF;
    border: 1px solid #10384F;
}

#reward-gallery #pagination .pagination > .active > a {
    color: #10384F;
    border-color: #10384F;
}

#reward-gallery #pagination .pagination-chevron {
    color: #10384F;
}

#reward-gallery #pagination .pagination-chevron:hover {
    color: #FFF;
}

#reward-gallery #pagination .pagination > .disabled > a {
    color: #10384F;
}

#reward-gallery #pagination .pagination-sm > li:first-child > a, #reward-gallery #pagination .pagination-sm > li:last-child > a {
    border: none;
    color: #10384F;
}
/*END UX-1994 STOREFRONT OVERRIDES*/
/*SURVEY*/
.surveys-page form#survey-form #requiredFieldsLegend { display: none; }
/*END SURVEY*/

/*CONTACT*/
.contactUs-page #requiredFieldsLegend { display: none; }
/*END CONTACT*/