@font-face {
	font-family: 'Gotham-Book';
	src: url('Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('Gotham-Book.otf')  format('opentype'),
	url('Gotham-Book.woff') format('woff'), url('Gotham-Book.ttf')  format('truetype'), url('Gotham-Book.svg#Gotham-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Light';
	src: url('Gotham-Light.eot?#iefix') format('embedded-opentype'),  url('Gotham-Light.otf')  format('opentype'),
	url('Gotham-Light.woff') format('woff'), url('Gotham-Light.ttf')  format('truetype'), url('Gotham-Light.svg#Gotham-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-LightItalic';
	src: url('Gotham-LightItalic.eot?#iefix') format('embedded-opentype'),  url('Gotham-LightItalic.otf')  format('opentype'),
	url('Gotham-LightItalic.woff') format('woff'), url('Gotham-LightItalic.ttf')  format('truetype'), url('Gotham-LightItalic.svg#Gotham-LightItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamMedium';
	src: url('GothamMedium.eot?#iefix') format('embedded-opentype'),  url('GothamMedium.woff') format('woff'), url('GothamMedium.ttf')  format('truetype'), url('GothamMedium.svg#GothamMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Bold';
	src: url('Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('Gotham-Bold.otf')  format('opentype'),
	url('Gotham-Bold.woff') format('woff'), url('Gotham-Bold.ttf')  format('truetype'), url('Gotham-Bold.svg#Gotham-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	color: inherit;
	font-family: Arial;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	text-indent: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	max-width: 100%;
}
img title {display: none !important;}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:100%;
}
a {
	color: #00ABC2;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
a:focus, a:hover, a:active {
	outline: 0;
	color: #7B8591;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin: 0 0 13px;
	color: #000000;
	font-family: 'Gotham-Book', sans-serif !important;
}
h1 {
	font-size: 46px !important ;
	line-height: 52px;
	letter-spacing: -0.07px;
	margin-bottom: 26px;
}
h2 {
	font-size: 38px;
	line-height: 48px;
	letter-spacing: -0.05px;
	margin-bottom: 35px;
}
h3 {
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 23px;
}
h4 {
	font-size: 24px;
	line-height: 32px;
}
h5 {
	font-size: 20px;
	line-height: 30px;
}
h6 {
	font-size: 18px;
	line-height: 30px;
}
address {
	font-style: italic;
	margin-bottom: 24px;
}
abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}
b, strong {
	font-weight: normal;
	font-family: 'Gotham-Bold', sans-serif;
}
cite, dfn, em, i {
	font-style: italic;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
p {
	font-family: 'Gotham-Light', sans-serif;
	margin-bottom: 30px;
}
code, kbd, tt, var, samp, pre {
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens:none;
	-ms-hyphens: none;
	hyphens:none;
	line-height: 1.6;
}
pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
blockquote, q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens:none;
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	background-image: url("images/quote.svg");
	background-repeat: no-repeat;
	background-position: top left;
	width: 182px;
	height: 158px;
	display: block;
	opacity: 0.15;
	position: absolute;
	left: 0;
	top: -4px;
}
blockquote:after, q:after{
	display: none;
}
blockquote {
    color: #000000;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    line-height: 41px;
    padding-left: 100px;
    margin: 0;
    padding-top: 65px;
    padding-bottom: 50px;
    text-transform: none;
    letter-spacing: -0.04px;
    font-family: 'Gotham-Book', sans-serif;
    position: relative;
}
blockquote p{
	font-family: 'Gotham-Book', sans-serif;
}
blockquote cite, blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote strong, blockquote b {
	font-weight: 400;
}
small {
	margin-bottom: 14px;
	font-size: 12px;
	display: block;
	text-transform: uppercase;
	font-weight: 500;
	line-height: normal;
}
big {
	font-size: 125%;
}
sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

ul {list-style: none; margin: 0 0 49px 50px;}
ul > li{ margin-bottom: 15px; position: relative;  font-family: 'Gotham-Light', sans-serif;}
li > ul{ margin: 7px 0 12px 0px;} 
ol { list-style:none; margin: 41px 0 61px; counter-reset: section;}
ol > li { position:relative; margin-bottom: 35px; margin-left: 70px; counter-increment: li; font-family: 'Gotham-Light', sans-serif;}
ol > li:before{ counter-increment: section; content: counters(section,".") ""; left: -70px; top: -10px; width: 45px; height: 45px; background-color: #385988; color: #ffffff; display: flex; border-radius: 100px; position: absolute; align-items: center; justify-content: center; font-size: 20px; font-family: 'Gotham-Book';}
ol > li strong{display: block; color: #000000; font-size: 20px; line-height: 26px; margin-bottom: 12px;}
li > ol { margin: 24px 0 37px 0; }

.profile-default-content ul > li:before, .general-default-content ul > li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #385988;
    border-radius: 100px;
    position: absolute;
    left: -30px;
    top: 10px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}
figure {
	margin: 0;
}
fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}
legend {
	white-space: normal;
}
button, input, select, textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}
button, input {
	line-height: normal;
}
input, textarea {
	background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table, th, td {
	/* border: 1px solid #dae5ea; */
}
table.non-catalogue {
    border-top: 1px solid #dae5ea;
    table-layout: fixed;
    width: 100%;
}

table#outstandingNAFTable tr:nth-child(odd) {
    background-color: #f2f2f2;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 0 1px 0px 1px;
	margin: 23px 0 50px;
	width: 100%;
}
table tbody tr:first-child td{
	padding-top: 11px;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
th {
	background-color: #385988;
	color: #ffffff;
	border-width: 0;
	padding: 9px 18px 8px;
}
td {
	border-width: 0 0 1px 0;
	padding: 7px 18px 8px;
	font-family: 'Gotham-Light', sans-serif;
	font-size: 16px;
}
del {
	color: #54565b;
}
hr {
	display: block;
	background-color: #D8D8D8;
	border: 0;
	width: 100%;
	height: 1px;
	margin: 10px 0 13px;
}

::selection {
	background-color: #000840;
	color: #ffffff;
}

::-moz-selection {
	background-color: #000840;
	color: #ffffff;
}

/* Input fields */
input[type="search"]{
	background-color: transparent;
	color: #000000;
	font-weight: normal;
	font-size: 16px;
	border-radius: 0;
	border: 0;
	padding:16px 17px 15px;
}
input[type="search"]:focus{
	border: 0;
}
input, select, textarea, .about-news-content div.selector span, .about-news-content div.selector select {
	background-color: #ffffff;
	box-shadow: none;
	border-radius: 4px;
	border: 1px solid rgba(123, 133, 145, 0.20);
	font-weight: normal;
	color: #000000;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -0.03px;
	font-family: 'Gotham-Book', sans-serif;
	
	height: auto;
	outline: 0;
	padding:10px 20px 10px 22px;
	vertical-align: middle;
	
}
.about-news-content div.selector select{
	border:0;
}
textarea {
	width: 100%;
	resize: none;
	height: 143px;
}
input:focus, textarea:focus {
	box-shadow: none;
	outline: 0;
}
input[type="button"], input[type="reset"], input[type="submit"], button[type="submit"]{
    font-family: 'GothamMedium', sans-serif;
    display: inline-block;
    border-radius: 300px;
    background-color: #00ABC2;
    border: 0;
    color: #ffffff;
    font-size: 12px;
    line-height: 26px;
    font-weight: normal;
    padding: 14px 29px 12px 31px;
    vertical-align: middle;
    letter-spacing: 2.04px;
    text-decoration: none;
    text-transform: uppercase;
    outline: 0;
    text-align: center;
    width: auto;
}

::-webkit-input-placeholder {
	color: #000000;
}
::-moz-placeholder { 
	color: #000000;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #000000;
}
:-moz-placeholder { 
	color: #000000;
}
.search-field {
	width: 100%;
}
.search-submit {
	display: none;
}

/* Buttons */
button, .button {
	font-family: 'GothamMedium', sans-serif;
	display: inline-block;
	border-radius: 300px;
	background-color: #00ABC2;
	border: 0;
	color: #ffffff;
	font-size: 12px;
	line-height: 26px;
	font-weight: normal;
	padding: 14px 29px 12px 31px;
	vertical-align: middle;
	letter-spacing: 2.04px;
	text-decoration: none;
	text-transform: uppercase;
	outline: 0;
	text-align: center;
}
button:after, .button:after {
	content: "";
	width: 0;
	height: 10px;
	background-image: url("images/right-arrow.svg");
	background-position: center right;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    visibility: hidden;
    transform: none;
    opacity: 0;
}
button:active:after, .button:active:after, button:hover:after, .button:hover:after, button:focus:after, .button:focus:after {
	visibility: visible;
	width: 12px;
	padding-left: 10px;
	opacity: 1;
}
button:focus, .button:focus, button:active, button:hover, .button:active, .button:hover{
	background-color: #385988;
	color: #ffffff;
}
button:focus, .button:focus, button:active, button:hover, .button:active, .button:hover{
	background-color: #385988;
	color: #ffffff;
}
.button.btn-transparent{
	background-color: transparent;
	border: 1px solid #ffffff;
	padding: 14px 38px 12px 40px;
}
.button.btn-transparent:focus, .button.btn-transparent:active, .button.btn-transparent:hover{
	background-color: #385988;
	border-color: #385988;
	color: #ffffff;
}
.btn-blue.btn-transparent{
	background-color: transparent;
	border: 1px solid #EAEBED;
	color: #00ABC2;
}
.btn-blue.btn-transparent:hover{
	background-color: #385988;
	border-color: #385988;
	color: #ffffff;
}
.button.btn-white{
	background-color: #ffffff;
	border: 0;
	color: #00ABC2;
}
.button.btn-white:hover{
	background-color: #00ABC2;
	color: #ffffff;
}


/* Alignment */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft {
	margin: 64px 64px 61px 0;
}
.wp-caption.alignleft {
	margin: 64px 64px 61px 0;
}
blockquote.alignright, figure.wp-caption.alignright, img.alignright {
	margin: 64px 0 61px 64px;
}
.wp-caption.alignright {
	margin: 64px 0 61px 64px;
}
blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {
	margin-top: 64px;
	margin-bottom: 61px;
}
img.alignnone{
	margin: 64px 0 61px;
	display: block;
	clear: both;
}
.clearfix{clear: both; display:revert;}
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flex-container{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%;} .flex-container.flex-nowrap{flex-wrap: nowrap;}
.flex-center{align-items: center; justify-content: center;}
.flex-vcenter{
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.flex-end{justify-content: flex-end;}

a.portalLink{
	font-family: 'Gotham-book';
    font-weight: 500;
    font-size: 25px;
}

a.portalLink :hover{
	color: #00ABC2;
	text-decoration: none;
}

table.linksTable{	
	border:none;
}

table.formsTable{
	border:none;
}

.GothamBoldTitle{
	font-family: 'Gotham-Bold';
	font-size: 25px;
}

.GothamItalicDescription{
	font-style: italic;
	font-family: 'Gotham-Light';
}

.table{width: 100%; height: 100%; display: table;}
.table-cell{display: table-cell; vertical-align: middle;}

/*No borders on Basic forms*/

.form-control-cell{
	border:none;
}
.entity-form.crmEntityFormView
{
	border:none;
}
table.section{
	border:none;
}

.page-header{
	margin-top: 0px;;
}

ul.breadcrumb{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.profile-info>.card-body>.row>.img{
	display: none;
}

/*Footer Common*/

.footer-container{
	margin:auto;
	max-width: 90%;
}
.main-footer{background-color: #F7F8FA; border-top: 1.25px solid #e0e2e6; position: relative; z-index: 5;}
.footer{padding: 91px 0 82px; display: flex; align-items: flex-start; justify-content: space-between; }
.footer-logo{margin-top: 13px; margin-right: 19px;}
.footer-logo img{width: 108px;}
.footer-links{width: calc(100% - 108px); padding-left: 100px; display: flex; justify-content: space-between;}
.footer1-of-4{max-width: 25%;}
.footer-links ul{margin: 0;}
.footer-links ul li{ margin-bottom: 0; font-size: 16px; line-height: 39px; letter-spacing: -0.02px; font-family: 'Gotham-Book', sans-serif;}
.footer-links ul li a{color: #707070; }
.footer-links ul li a.current_language, .footer-links ul li.current-menu-item a, .footer-links ul li a:hover{color: #007A8AF8;}
ul.kflang li{display: inline-block;}
ul.kflang li:first-child{padding-right:10px;}
ul.kflang li:nth-child(2):before{content:"|";padding-right:10px;}
ul.kflang li a[lang="en"],
ul.kflang li a[lang="fr"], 
ul.kflang li:nth-child(2)::before {}

.kflang {display: flex !important;align-items: center !important;justify-content: center !important;}

.footer-login span{display: block; margin-bottom: 8px;}
.footer-login span a{font-size: 12px; line-height: normal; letter-spacing: 0.7px; color: #333333; text-transform: uppercase;}
.footer-login span a:hover{color: #00ABC2;}
.footer-login span img{vertical-align: text-top; margin-right: 5px;}
ul.social_icons{clear: both; margin: 14px 0 0;}
ul.social_icons li{display: inline-block;}
ul.social_icons li a{width: 42px; height: 42px; border: 1px solid #7B8591; border-radius: 100px; display: flex; align-items: center; justify-content: center;}
ul.social_icons li a:hover{opacity: 0.75;}


.copyrights{padding: 43px 0 41px; background-color: #ffffff; text-align: center; font-family: 'Gotham-Light', sans-serif; font-size: 12px;}
ul.copyrights-text{margin: 0 0 8px; font-size: 14px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
ul.copyrights-text li{color: #707070; padding: 0 17px; margin: 0; font-family: 'GothamMedium', sans-serif; }
ul.copyrights-text li:before{content: "+"; font-size: 16px; line-height: normal; display: block; position: absolute; right: -5px; top: 50%; transform: translateY(-50%); } 
ul.copyrights-text li:last-child:before{display: none;}
.copyrights p{letter-spacing: 0.25px; margin-bottom: 0; font-family: 'Gotham-Light', sans-serif ;}
.copyrights p a{color: #7B8591;}
.copyrights p a:hover{color: #00ABC2;}
.copyrights span.pipeline {margin: 0 4px; }

/*Invoice search section*/

.invoice-search-section {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 16px 20px 20px;
    margin-bottom: 20px;
    background-color: #fafafa;
}

.invoice-search-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #333;
}

.invoice-search-form {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-end;
}

.invoice-search-form label {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    color: #444;
}

.invoice-search-form input[type="text"] {
    padding: 6px 8px;
    border: 1px solid #bbb;
    border-radius: 4px;
}

/*Footer Media Queries*/

@media only screen and (max-width: 1023px) {
    .footer {
        display: block;
        padding: 92px 0 57px;
    }
}

@media only screen and (max-width: 1023px) {
    .footer-logo {
        margin: 0 auto 53px;
        text-align: center;
        display: block;
    }
}

@media only screen and (max-width: 1023px) {
    .footer-links {
        width: 100%;
        padding: 0;
    }
}

/*Media Queries*/

@media only screen and (min-width: 900px){
	.customer-icon-list{min-height: 106px;}
	.customer-icon{height: 65px;}
	.carrer-posting-text p{margin-bottom: 15px;}
	body.category .contact-container{max-width: 910px;}
	body.category .contact-banner-text h3{margin-bottom: 21px;}
	body.category .contact-container .contact-banner-text p{max-width: 695px; margin-left: auto; margin-right: auto;}

	body.home .hero-banner-text h1{line-height: 70px;}

	.main-header{border-bottom: 1px solid #EAEBED; background-color: #ffffff; position: fixed; width: 100%; top: 0; left: 0; right: 0; z-index: 800;}
	.main-header.fixed-header{position: fixed;}

	.menu_icon{visibility: hidden; opacity: 0;}
	.fixed-header .menu_icon:hover{opacity: 0.75;}
	.fixed-header .menu_icon{visibility: visible; opacity: 1;}

	.fixed-header .primary-nav{visibility: hidden; opacity: 0; height: 0; padding: 0;}
	.fixed-header ul.main_menu{padding-right: 41px;}
	.fixed-header ul.main_menu > li{margin-left: 29px;}
	.fixed-header ul.main_menu:before{visibility: hidden; opacity: 0; display: none;}
	.fixed-header .logo{padding: 11px 0 11px;}
	.fixed-header .logo img{width: 86px;}

	.header{display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; flex-wrap: wrap; flex-wrap: nowrap; align-items: center; width: 100%; position: relative;}
	.logo{padding: 15px 0 13px;}
	.logo img{width: 113px; transition: all 0.3s ease-in-out;}

	.main-navigation{display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; flex-wrap: wrap; width: calc(100% - 113px); justify-content: flex-end; }
	.primary-nav{padding-top: 9px; padding-bottom: 11px; text-transform: uppercase;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; font-family: 'GothamMedium', sans-serif;}
	.primary-nav span a{color: #7B8591; font-size: 10px; line-height: 13px; letter-spacing: 0.58px; margin-right: 30px;}
	.primary-nav span a:hover{color: #00ABC2;}
	.primary-nav span img{margin-right: 10px; vertical-align: baseline;}
	.primary-nav ul{margin: 0; padding-left: 4px;}
	.primary-nav ul:before{content: ""; background: url("images/earth.svg") no-repeat center; width: 15px; height: 15px; display: inline-block; vertical-align: sub; margin-right: 3px;}
	.primary-nav ul li{display: inline-block; margin-bottom: 0; margin-left: 6px; font-family: 'GothamMedium', sans-serif;}
	.primary-nav ul li a{color: #333333; font-size: 10px; line-height: 13px; letter-spacing: 0.58px;}
	.primary-nav ul li.active a, .primary-nav ul li a.active, .primary-nav ul li a.current_language, .primary-nav ul li a:hover{color: #00829B;}


	.hero-bg-section{position: relative; z-index: 5; background-color: #f6f6f6; min-height: 200px;padding:inherit;}
	.hero-bg{width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1;}
	.hero-bg.mobile{display: none;}
	.hero-container{max-width: 1170px; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; position: absolute;}

	body.home .hero-banner-main{margin: 0 auto; text-align: center;}
	.hero-banner-section img.hero-img{width: 100%; height: 100%; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%;} 
	.hero-banner-section img.desktop{height: calc(100vh - 18rem);}

	.hero-banner-main{max-width: 700px;}
	.hero-banner-text h1{color: #ffffff; font-size: 64px; line-height: 80px; margin-bottom: 0;}
	.hero-banner-text h1 span{letter-spacing: -0.57px; font-size: 32px; line-height: normal;}
	.hero-banner-text p{margin-bottom: 0; margin-top: -7px; font-size: 32px; line-height: 44px; letter-spacing: -0.05px; font-family: 'Gotham-Book', sans-serif;}
	.hero-banner-text .button.btn-transparent{margin-top: 18px;}
	.hero-banner-text .button{margin-top: 27px;}

	.common-icons-main{justify-content: space-between; padding: 47px 0 49px; color: #000000; }
	.common-icon-text p{margin: 0; font-family: 'Gotham-Book', sans-serif;}
	.common-icon-text{text-align: right; font-size: 26px; line-height: 30px; letter-spacing: -0.51px; width: 120px; margin-right: 36px;}
	.common-icons-list { /*width: calc(100% - 156px);*/ width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
	.common-icon-list{flex: 20%; max-width: 20%; margin-bottom: 30px; text-align: center; font-size: 15px; line-height: 20px; position: relative;}
	.common-icon-list:before{width: 12px; height: 12px; background: url("images/plus.svg") no-repeat center; left: -7px; top: 50%; transform: translateY(-50%); transform-origin: right; position: absolute; content: ""; display: block;}
	.common-icon-list:first-child:before, .common-icon-list:nth-child(6):before{display: none;}
	.common-icon-list img{margin: 0 auto 14px;}
	.common-icon-list p{font-family: 'GothamMedium', sans-serif; margin: 0;}
	.common-icon-list a{color: #000000;}
	.common-icon-list a:hover{color: #00ABC2;}
	.common-icon-plus img{width: 12px; margin: 0 auto;}

	div.primary-nav *{
		font-family: GothamMedium, sans-serif;
	}

	.b2cHeader{
		display: none;
	}

	ul.main_menu:before{width: 1000%; height: 1px; background-color: #EAEBED; display: block; position: absolute; left: 0; content: "";}
	ul.main_menu{margin: 0; position: relative; }
	ul.main_menu > li{display: inline-block; margin-left: 15px; margin-bottom: 0; font-family: 'GothamMedium', sans-serif;}
	ul.main_menu > li:first-child{margin-left: 0;}
	ul.main_menu > li > a{ padding: 10px 0 10px; letter-spacing: 0.03px; font-size: 14px; line-height: normal; color: #000000; display: block;}
	ul.main_menu > li > a:after {content: ""; display: block; width: 0; left: 50%; height: 5px; position: absolute; bottom: -2px; background-color: transparent; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
	ul.main_menu > li:hover > a:after, ul.main_menu > li > a:hover:after, ul.main_menu > li.current-menu-parent > a:after, ul.main_menu > li.current_page_item > a:after, ul.main_menu > li.current-menu-item > a:after, ul.main_menu > li.current_page_parent > a:after, ul.main_menu > li.current-category-ancestor > a:after{width: 100%; left: 0; background-color: #00ABC2;}
	ul.main_menu > li:hover > a, ul.main_menu > li > a:hover, ul.main_menu > li.current_page_item > a, ul.main_menu > li.current-menu-parent > a, ul.main_menu > li.current-category-ancestor > a, ul.main_menu > li.current-page-ancestor > a, ul.main_menu > li.current-menu-item > a, ul.main_menu > li.current_page_parent > a{color: #00ABC2; }
	ul.main_menu > li ul{display: none; opacity: 0; padding: 18px 24px 14px; margin: 0; top: 100%; transform: translateX(-90px); left: 0; width: 100%; min-width: 253px; height: auto; position: absolute; background-color: #ffffff; border-radius: 5px; box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2); z-index: 10; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;}
	ul.main_menu > li:hover ul{display: block; opacity: 1;}
	ul.main_menu > li ul:before{top: 0; left: 0; right: 0; margin: 0 auto; display: block; position: absolute; margin-top: -10px; width: 0; border-top: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; content: " "; font-size: 0; line-height: 0; transform: rotate(180deg);}
	ul.main_menu > li ul li{display: block; margin-bottom: 5px;font-family: 'GothamMedium', sans-serif;}
	ul.main_menu > li ul li a{font-size: 15px; color: #000000; display: block;}
	ul.main_menu > li ul li.current-menu-item a, ul.main_menu > li ul li.current-menu-parent a, ul.main_menu > li ul li.current-page-ancestor a, ul.main_menu > li ul li a:hover{color: #00ABC2;}

	ul.main_menu *{font-family: 'GothamMedium', sans-serif;}
	header.fixed-header ul.main_menu > li:hover > a:after, header.fixed-header ul.main_menu > li > a:hover:after, header.fixed-header ul.main_menu > li.current_page_item > a:after, header.fixed-header ul.main_menu > li.current_page_parent > a:after,
	header.fixed-header ul.main_menu > li.current-menu-item > a:after,  header.fixed-header ul.main_menu > li.current-menu-parent > a:after, header.fixed-header ul.main_menu > li.current-category-ancestor > a:after{
		display: none;
	}

	.primary-nav-side{width: 401px; height: auto; right: -50%; top: 0; bottom: 0; padding: 97px 50px 50px;  position: fixed; background-color: #ffffff; box-shadow: 0 2px 20px hsla(0, 0%, 0%, 0.05); z-index: 800; -webkit-transition-property: right; -webkit-transition-duration: 1s; -webkit-transition-delay: 0.5s; transition-property: right; transition-duration: 1s; transition-delay: 0.5s;}
	.close_primary_icon{width: 29px; height: 23px; right: 35px; top: 37px; position: absolute; background: url("images/close_icon.svg") no-repeat center; display: block;}
	.close_primary_icon:hover{opacity: 0.75;}


	.kohl-grid-section .container{max-width: 100%; padding: 0;}
	.kohl-grids-main {padding: 0 0 100px; }
	.kohl-grid-main{margin-top: 100px; align-items: center;}
	.kohl-grid-main:nth-child(odd){flex-direction: row-reverse;}
	.kohl-grid-main:nth-child(odd) .kohl-grid-text{  padding: 48px 115px 48px 88px; }
	.kohl-grid-main:nth-child(odd) .kohl-grid-image{padding-left: 0;}
	.kohl-grid-image{ flex: 50%; max-width: 50%; padding-left: 62px;}
	.kohl-grid-image img{width: 100%; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
	.kohl-grid-text{flex: 50%; max-width: 50%; padding: 48px 80px 48px 133px;}
	.kohl-grid-text h2{font-size: 46px; line-height: 52px; letter-spacing: -0.07px; margin-bottom: 36px;}
	.kohl-grid-text p:last-child{margin-bottom: 0;}
	.kohl-grid-text .button{margin-top: 11px;}

	.full_width{width: 100% !important; flex: none !important; max-width: 100% !important; padding-left: 130px !important; padding-right: 130px !important;}

	.our-value-grid{ flex: 33.333%; max-width: 33.333%; margin: 0; padding: 0 31px 45px;} 
	.our-value-grid:nth-child(3n+1){padding-left: 20px;}
	.our-value-grid:nth-child(3n+3){padding-right: 20px;}

	body.fr .hero-banner-text h1{font-size: 59px;}	

	header + div {
		margin-top: 119px;
	}

	header:has( #notificationBanner)+div{
		margin-top:169px;
	}

	.notification-header-link{
		margin-right: 5px;
		margin-left: 5px;
	}

	.page-copy{
		margin:auto;
		max-width: 90%;
	}

	.container{
		margin:auto;
		max-width: 90%;
	}

	.page-title{
		padding-top: 100px;
		font-weight: 700;
		font-size: 24px;
		line-height: 28px;
		text-align: center;
		color: #1E2F53;
	}	

	.sub-heading{
		padding-top: 10px;
		font-weight: 700;
		font-size: 24px;
		line-height: 28px;
		text-align: center;
		color: #1E2F53;
	}

	.crmEntityFormView{
		padding-top: 50px;
	}

	p .text-danger{
		font-family: 'Gotham-Book', sans-serif;
	}

	#cart-exists-indicator{
		position: absolute; top: 15px; right: 0; background: red; color: white; border-radius: 50%; padding: 6px 6px; font-size: 12px; vertical-align: middle;
	}

	.notification-count{
		position: absolute; top: 10px; right: 0; background: red; color: white; border-radius: 50%; padding: 2px 5px; font-size: 12px; vertical-align: middle;
	}

}

@media only screen and (max-width: 900px){
	.menu_icon {
        right: 15px;
		position: absolute;    
		width: 28px;
		height: 22px;
		display: block;
		
		transform: translateY(-50%);  
		color: #00ABC2;  
    }

	.menu_icon {
        z-index: 850;
    }

	.menu_icon span.line1 {
		margin-top: -8px;
	}

	.menu_icon.active span.line1 {
        margin-top: 0;
        transform: translateY(-50%) rotate(45deg);
    }

	.menu_icon span.line2 {
		width: 20px;
	}

	.menu_icon.active span.line2 {
        visibility: hidden;
        opacity: 0;
    }

	.menu_icon span.line3 {
		margin-top: 8px;
		width: 24px;
	}

	.menu_icon.active span.line3 {
        width: 29px;
        margin-top: 0;
        transform: translateY(-50%) rotate(-45deg);
    }

	.menu_icon span.line {
		display: block;
		width: 29px;
		height: 2px;
		background-color: #00ABC2;
		border-radius: 0;
		top: 50%;
		position: absolute;
		transform: translateY(-50%);
		right: 0;
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
	}

	.logo{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 1000;
	}

	.main-navigation {
        
        width: 100%;
        height: 100%;
        right: -100%;
        top: 0;
        bottom: 0;
        padding: 0;
        position: fixed;
        background-color: #ffffff;
        z-index: 800;
        transition: all 0.75s ease-in-out;
        -webkit-transition: all 0.75s ease-in-out;
        -moz-transition: all 0.75s ease-in-out;
        overflow-y: auto;
	}



	.main-navigation.open {
        right: 0;
    }

	.b2cHeader{
		display: none;
	}

	ul.main_menu > li.current_page_item > a, ul.main_menu > li.current_page_ancestor > a, ul.main_menu > li.current-menu-item > a, ul.main_menu > li > a:hover {
        color: #5BAAC1;
    }

	ul.main_menu > li > a {
        padding: 0;
        font-size: 20px;
        line-height: normal;
        color: #000000;
        display: inline-block;
    }

	ul.main_menu > li {
        display: block;
        margin-bottom: 30px;
    }

	ul.main_menu {
        order: 1;
        margin: 0;
        font-family: 'Gotham-Bold', sans-serif;
    }

	.sub-menu{
		padding-left: 50px;
	}

	.sub-menu>li>a{
		font-family: 'GothamMedium', sans-serif;
		font-weight: 600 ;
	}

	.mobile-navigation .primary-nav {
        width:100%;
    }

	.mobile-navigation {
        border-top: 1px solid #EAEBED;
        display: flex
;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        width: 100%;
        padding: 71px 75px 50px;
        margin-top: 101px;
    }
	.main-navigation.open {
        right: 0;
    }

	#cart-exists-indicator{
		position: absolute; top: -15px; background: red; color: white; border-radius: 50%; padding: 6px 6px; font-size: 12px; vertical-align: middle;
	}

	.notification-count{
		position: absolute; top: -10px; background: red; color: white; border-radius: 50%; padding: 2px 5px; font-size: 12px; vertical-align: middle;
	}
	
}

/* Add To Cart/Watchlist Modal */
.product-section {
	background-color: #f9f9f9;
	border-radius: 6px;
	padding: 20px;
	margin-bottom: 20px;
}

.product-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product-name {
	font-weight: bold ;
	flex-grow: 1;
	font-size: 16px;
	font-weight: bold;
}

.product-name-watclist {
	font-weight: bold ;
	flex-grow: 1;
	font-size: 16px;
	font-weight: bold;
}

.quantity-section {
	display: flex;
	align-items: center;
	gap: 10px;
}

.quantity-input {
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 60px;
}

.substitute-checkboxpopup {
	margin-left: 20px;
}

.substitution-reason-section {
	width: 100%;
	margin-top: 15px;
}

.substitution-reason-dropdown {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.cart-input-section {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.cart-name-label {
	font-weight: bold;
	min-width: 120px;
	font-size: 14px;
}

.cart-name-input {
	flex-grow: 1;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.cart-container.input-container {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
}


.cart-container.view-products-container {
    background: none;
    border: none;
    padding: 0;
}

.existing-cart-section {
	margin-bottom: 20px;
}

.cart-option {
	display: flex;
	justify-content: space-between;
	padding: 15px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	margin-bottom: 10px;
	/*background-color: white;*/
	font-size: 14px;
	font-weight: bold;
	flex-direction: column; 
	gap: 10px;
}

/* Prevent text wrapping in table cells */
#pendingCarts {
    table-layout: fixed;
    width: 100%;
	border: none;
}

#pendingCarts tbody tr {
    box-shadow: none;
    border: none;
    border-radius: 0;
    background-color: transparent;
    margin: 0;
}
input[type="radio"].cart-selection-radio {
    margin-left: auto !important;
    pointer-events: none !important;
}

#pendingCarts td {
    border: none;
    background-color: transparent;
    box-shadow: none;
}

#pendingCarts td,
#pendingCarts th {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    background-color: none;
}

#Watchlist {
    table-layout: fixed;
    width: 100%;
	border: none;
}

#Watchlist tbody tr {
    box-shadow: none;
    border: none;
    border-radius: 0;
    background-color: transparent;
    margin: 0;
}
input[type="radio"].cart-selection-radio {
    margin-left: auto !important;
    pointer-events: none !important;
}

#Watchlist td {
    border: none;
    background-color: transparent;
    box-shadow: none;
}

#Watchlist td,
#Watchlist th {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    background-color: none;
}
.custom-modal-footer {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-top: 20px;
	padding: 15px 0;
	border-top: none;
}

.add-button {
	background-color: #00a4bd;
	color: white;
	border: none;
	border-radius: 20px;
	padding: 10px 30px;
	font-weight: bold
}

.close-button {
	background-color: white;
	color: #2d5986;
	border: 1px solid #2d5986;
	border-radius: 20px;
	padding: 10px 30px;
	font-weight: bold
}

/*Submit Cart CSS*/
  /* Main container and global styles */
  .checkout-container {
    font-family: Arial, sans-serif;
    width: auto;
    margin: 0 auto;
    color: #333;
  }
  
  
  .checkout-header {
    text-align: center;
    font-size: 24px;
    color: #1a3a6e;
    margin: 20px 0;
  }
  
  .main-divider {
    border: none;
    height: 1px;
    background-color: #ddd;
    margin-bottom: 20px;
  }
  
  .content-layout {
    display: flex;
    gap: 20px;
  }
  
  .left-column {
    flex: 1;
  }
  
  .right-column {
    flex: 1;
  }
  
  /* Section headers */
  .section-header {
    color: #1a3a6e;
    font-size: 18px;
    margin: 0;
    padding: 10px 0;
  }
  
  .section-divider {
    border: none;
    height: 1px;
    background-color: #ddd;
    margin: 10px 0 20px;
  }
  
  /* Order details section */
  .order-details-section {
    background-color: #ffffff;
    margin-bottom: 20px;
  }
  
  .order-info {
    margin-bottom: 15px;
  }
  
  .cart-name {
    font-weight: bold;
    margin-bottom: 5px;
  }
  
  .order-number, .order-date {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
  }
  
  .info-divider {
    border: none;
    height: 1px;
    background-color: #eee;
    margin: 15px 0;
    font-weight: bold;
  }
  
  .address-info {
    margin-bottom: 15px;
  }
  
  .delivery-address, .delivery-date {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
  }
  
  .change-link {
    display: inline-block;
    margin-top: 5px;
    color: #00a0c6;
    text-decoration: none;
    font-size: 14px;
  }
  
  /* Order section */
  .order-section {
    margin-bottom: 20px;
  }
  
  .order-item {
    display: flex;
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
  
  .item-info {
    flex: 1;
  }
  
  .item-name {
    color: #1a3a6e;
    font-weight: bold;
    font-size: 16px;
  }
  
  .item-size {
    color: #1a3a6e;
    margin-bottom: 10px;
    font-size: 16px;
  }
  
  .item-codes {
    font-size: 14px;
    color: #666;
  }
  
  .code-item {
    margin-bottom: 3px;
  }
  
  .code-label {
    font-weight: bold;
    margin-right: 5px;
  }
  
  .item-actions {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  
  .action-label {
    display: block;
    margin-bottom: 5px;
  }
  
  .select-wrapper {
    position: relative;
  }
  
  .quantity-select {
    padding: 8px 30px 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 15px;
  }
  
  .substitute-checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
  }
  
  .price-value {
    font-weight: bold;
  }
  
  .delete-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
  }
  
  .save-template-wrapper {
    margin: 20px 0;
  }
  
  .save-template-button {
    padding: 10px 20px;
    background-color: #fff;
    color: #1a3a6e;
    border: 1px solid #1a3a6e;
    border-radius: 25px;
    cursor: pointer;
    font-weight: bold;
  }
  
  /* Order summary section */
  .order-summary-section {
    background-color: #fff;
  }
  
  .summary-total-items {
    font-weight: bold;
    margin-bottom: 15px;
  }
  
  .summary-items {
    margin-bottom: 25px;
    font-weight: bold;
  }
  
  .summary-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-weight: bold;
  }
  
  .item-quantity {
    width: 40px;
    font-weight: bold;
    
  }
  
  .item-desc {
    flex: 1;
    width: 100%;
    font-weight: bold;
  }
  
  .summary-totals {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
    
  }
  
  .total-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  
  .final-total {
    font-weight: bold;
    margin-top: 10px;
  }
  
  .checkout-button-wrapper {
    margin-top: 25px;
    text-align: center;
  }
  
  .checkout-button {
    padding: 12px 30px;
    background-color: #00a0c6;
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s;
  }
  
  .checkout-button:hover {
    background-color: #0089aa;
  }
  
  /* Responsive design */
  @media (max-width: 992px) {
    .content-layout {
      flex-direction: column;
    }
    
    .item-actions {
      flex-wrap: wrap;
    }
  }

/* Notification Quick View Modal */
.notification-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	transition: background-color 0.3s ease;
	margin-bottom: 8px;
	cursor: pointer; /* Make it clickable */
}

.notification-item.unread {
	background-color: #e6f7ff; /* Highlight unread notifications */
}

.notification-details {
	flex: 1;
	margin: 0;
}

/* Reduce spacing between paragraphs */
.notification-details p {
	margin: 2px 0; /* Reduce margin between paragraphs */
	padding: 0; /* Remove padding */
}

.timestamp {
	font-size: 11px;
	color: #888;
}

.empty-box {
	text-align: center;
	color: #666;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #f9f9f9;
}

.small-separator {
	height: 1px;
	margin: 8px 0;
	border: none;
	background-color: #ccc;
}

.urgent-flag {
	display: inline-block;
	background-color: red;
	color: black;
	padding: 3px 6px;
	border-radius: 4px;
	font-size: 0.75em;
	margin-left: 10px;
}

.moderate-flag {
	display: inline-block;
	background-color: yellow;
	color: black;
	padding: 3px 6px;
	border-radius: 4px;
	font-size: 0.75em;
	margin-left: 10px;
}


#modalTimestamp {
	font-size: 0.8em;
	color: #888;
}

#modalUrgencyFlag {
	margin-top: 10px;
}

/* Remove borders for table and table cells */
#notificationTable {
	border: none;
	width: 100%;
	border-collapse: collapse; /* Ensures no borders between cells */
}

#notificationTable th, #notificationTable td {
	border: none;
	padding: 8px;
	text-align: left;
}

.notification-modal {
display: none; /* Hidden by default */
position: fixed;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
padding-top: 60px;
}

.notification-modal-content {
background-color: #fff;
margin: 10% auto;
padding: 20px;
border-radius: 8px;
z-index: 1001; 
max-width: 600px;
display: flex;
flex-direction: column;
width: 100%;
position: relative;
}

#modalTitle{
margin:auto;
}

.notification-modal-close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}

.notification-modal-close:hover,
.notification-modal-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

.notification-modal-row{
display: flex;
flex-direction: row;
}

.notification-modal-row-title{
width:50%;
text-align: right;
margin-right: 10px;
}
.notification-modal-row-content{
width:50%;
text-align: left;
font-family: 'Gotham-Book';
}
.modal-content>img{
width:100px;
height: 100px;
margin:auto;
}

.notification-modal-row-heading>h2{
margin:auto;	
}


/*Acount Selection - Header */
.account-dropdown-menu{
	background-color: #00ABC2;
	color: #F7F8FA;
}

.account-dropdown-item{
	background-color: #F7F8FA;
	color: #000000;
}

/*Hidden Elements on portal*/
.hiddenElement{
	display:none;
}

/*Progress bar on multistep form*/
ol.progress{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	height:75px;
}

li.list-group-item.active{
	background-color: #00ABC2;
	border: none;
}

li.list-group-item{
	margin-bottom: 0px;
}

ol.progress>li:before{
	content: none;
}

/*Disabled input button to have same style as disabled custom button*/
.btn:disabled{
	background-color: #F3F2F1;
    color: #A19F9D;
}

/*Bulleted list*/
ul.bulleted-list{
	list-style: disc;
}

.alert{
	font-family: 'Gotham-Light', sans-serif;
    font-size: 16px;
}

/*Home page*/

.search-form-home{
	height: fit-content;
    background-image: url(\search-bar-bg-4);    
    background-repeat: no-repeat;
	background-position-x: left;
    background-position-y: 70%;
	background-size: cover;
}

.search-form-home-inner{
	display: flex;
    flex-direction: column;
    margin: auto;
    height: 30vh;
    width: fit-content;
    gap: 20px;    
    padding-top: 2%;
	justify-content: center;
}

.search-form-home-label{
	font-weight: 700;
    font-size: 40px;
    line-height: 48px;    
    color: #ffffff;
    font-family: 'Gotham-book';
}

.search-box-home{
	min-width: 60vw;
	margin-left: 0px!important;
}

button.search-button-home{
			position: absolute;
			right: 20vw;
    		transform: translateY(15%);
			height: 30px;
			padding: 0px 20px;
}

@media only screen and (max-width: 1100px){
	.search-form-home{
		height: fit-content;
		background-image: url(\search-bar-bg-4);
		background-size: 100% auto;
		background-repeat: no-repeat;
	}
}

#invoicesTable {
    width: auto;
    table-layout: auto;
  }

  #invoicesTable th, #invoicesTable td {
    white-space: nowrap;
    padding: 8px 12px;
  }

  .table-responsive {
    overflow-x: auto;
    width: 100%;
  }
  

h3.invoice-item-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #475467;
}

div.invoice-item {
    margin: 0px 20px;
    background-color: #f2f2f2;
    margin-top: 10px;
    width: -webkit-fill-available;
    padding: 0px 20px;
	border-radius: 8px;
}



.invoice-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

p.invoice-item-para {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #475467;
}

.invoice-item-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

img.invoice-item-chevron{
	height: 25px;  padding-right: 25px;
	cursor: pointer;
}

img.watchlist-item-chevron{
	height: 25px;  padding-right: 25px;
	cursor: pointer;
}

h3.recall-item-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #475467;
}

.invoice-view-all {
    color: #00ABC2;
    font-size: 14px;
    text-decoration: none;
    display: block;
	margin-top: 10px;
	font-weight: 600;
	text-align: center;
	
}

div.recall-item {
    margin: 0px 20px;
    background-color: #f2f2f2;
    margin-top: 10px;
    width: -webkit-fill-available;
    padding: 0px 20px;
	border-radius: 8px;
}

div.recall-item:hover{
	text-decoration: underline;
    cursor: pointer;
}

p.recall-item-para {
	font-family: 'Inter';
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
text-align: right;
    margin-bottom: 5px;
    color: #000000;
}

.recall-item-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
}


.my-orders-item-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

h3.my-orders-item-date {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #1E2F53;
}

div.my-orders-item {
    margin: 0px 20px;
    background-color: #e0fcff;
    margin-top: 10px;
    width: -webkit-fill-available;
    padding: 0px 20px;
	border-radius: 8px;
	filter: drop-shadow(0px 8px 2px rgba(208, 213, 221, 0.8));
}
div.my-cart-item {
    margin: 0px 20px;
	background-color: white;
    margin-top: 10px;
    width: -webkit-fill-available;
    padding: 0px 20px;
	border-radius: 8px;
	filter: drop-shadow(0px 8px 2px rgba(208, 213, 221, 0.8));
}
div.no-cart-message {
	text-align: center;
	padding: 20px;
}

p.my-orders-item-para {
    font-weight: 500;
    font-size: 12px;
    line-height: 5px;
    margin-bottom: 20px;
    color: #475467;
}

hr.table-panel-headerline{
	height: 2px;
    color: #667085;
    margin: 0;
    border-bottom: 2px solid #2b3549;
}

.table-grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	flex: 1;
	padding-top: 0px;
}
.articles.table-grid{
	grid-template-columns: repeat(2, 1fr);
}

.table-panel {
	background-color: white;
	border-radius: 5px;
	padding: 20px;
}

h2.table-panel-header{
	font-weight: 600;
	font-size: 24px;
	text-align: center;
	color: #1e2f53;
}

.notification-home-item {
    width: 100%;     
    border-radius: 8px;
    margin-top: 10px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.notification-home-item-urgent{
	background: #FCEBEE;
	box-sizing: border-box;
	border: 1px solid #D50032;
border-radius: 8px;
}
.notification-home-item-moderate{
	box-sizing: border-box;
	background: #FDF8F2;
	border: 1px solid #D57800;
border-radius: 8px;
}

.notification-home-item-normal{
	box-sizing: border-box;
	background: #F9FAFC;
   border: 1px solid #426DA9;
border-radius: 8px;
}

.notification-home-container {
    display: flex;
    flex-direction: column;
}

p.notification-home-text {
    padding: 0px;
    margin: 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.notification-home-item>img{
	padding-left: 10px;
	height: 20px;
}

.faq-item{
	background: white;
    filter: drop-shadow(0px 8px 20px rgba(208, 213, 221, 0.8));
	width: 100%;
    border-radius: 8px;
    margin-top: 10px;
    height: fit-content;
}

.faq-item-header{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.faq-item-content {
    padding: 10px 50px;
}

.naf-home-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: white;
    filter: drop-shadow(0px 8px 20px rgba(208, 213, 221, 0.8));
    border-radius: 8px;
    margin: 10px 20px;
}

.naf-home-container>hr{
	height: 1px;
    color: #667085;
    margin: auto;
    border-bottom: 1px solid #2b3549;
    width: 90%;
}

.naf-home-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
h3.naf-order-number {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #475467;
    margin: 0px 20px;
    /* width: 50%; */
}

p.naf-order-number {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin: 5px 20px;
}

img.naf-item-chevron{
	height: 25px;  padding-right: 25px;
	cursor: pointer;
}

.announcements-home-container{
	background-color: #F7FEFF;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	filter: drop-shadow(0px 8px 20px rgba(208, 213, 221, 0.8));
    border-radius: 8px;
	margin: 10px 20px;
}

.announcement-home-item{
	padding-left: 20px;
}

img.announcement-home-image{
	width: 30%;
    height: 100%;
    border-top-left-radius: 40px 50%;
    border-bottom-left-radius: 40px 50%;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
}

h3.announcement-home-header{
	font-weight: 700;
	font-size: 30px;
	color: #1E2F53;
}

p.announcement-home-content{
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #344054;
}

div.my-orders-item-header{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

button.reorder-button{
	height: fit-content;
    margin: 0;
    padding: 0px 10px;
    align-items: center;
}

span.orange-badge {
    /* background-color: #F4E4CC;
    color: #C37500;
    padding: 5px 10px;
    border-radius: 40px;
	height: fit-content; */
	background-color: #D5000014;
    color: orange;
	height: fit-content;
}

span.green-badge {
    background-color: #E3F3E4;
    color: #028008;
    padding: 5px 10px;
    border-radius: 40px;
	height: fit-content;
}

span.red-badge {
    background-color: #D5000014;
    color: #D50000;
	height: fit-content;
}

div.watchlist-home-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

div.watchlist-home-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0px 20px;
    background-color: #f2f2f2;
    margin-top: 10px;
    width: -webkit-fill-available;
    padding: 0px 20px;
    border-radius: 8px;
}
div.watchlist-home-content {
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
	 gap: 4px;
}

/*Contact Us*/

.card {
	max-width: 800px;
	margin: 0 auto;
	border: 1px solid #007a78;
	border-radius: 4px;
	overflow: hidden;
}
.header {
	padding-top: 20px;
	border-bottom: 1px solid #eee;
}

.subheader {
	padding: 15px 20px;
	font-size: 16px;
	border-bottom: 1px solid #eee;
}
.section-header {
	background-color: #f4f4f4;
	padding: 10px 20px;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
}
.contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
}
.contact-type {
	padding: 15px 20px 5px 20px;
	font-weight: bold;
}
.phone, .contact-phone {
	padding: 5px 20px 15px 20px;
	color: #444;
}

table.custom-basic-form-table{
	padding: 10px 30px ;
	border: 1px solid #dae5ea;
	width:60%;
	margin: auto;
}

table.custom-basic-form-table tbody tr td{	
	padding: 15px;
	border: none;
}
table.custom-basic-form-table tbody tr td label{	
	width: 30%;
	text-align: left;
	white-space: nowrap;
    min-width: max-content;
}
table.custom-basic-form-table tbody tr td input{	
	width: 50%;
	text-align: left;
}

input.custom-basic-form-disabled{
	border: none;
	padding: 0;	
}

.section-title{
	padding-top: 50px;;
	font-weight: 700;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        color: #1E2F53;
}

form.naf-acknowledgement-form{
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

a.inline-link {
	font-size: inherit;
	color: #00ABC2;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
a.inline-link:hover{
	cursor: pointer;
}
table.table-striped.Basic-Form-Custom th {
    font-weight: bold !important;
}

/*custom tooltip*/
/* Custom Bootstrap tooltip style for white background and dark text */
.custom-tooltip.bs-tooltip-auto[x-placement^="top"],
.custom-tooltip.bs-tooltip-top {
  --bs-tooltip-bg: #fff;
  --bs-tooltip-color: #212529;
  --bs-tooltip-border-radius: 8px;
  --bs-tooltip-padding-x: 16px;
  --bs-tooltip-padding-y: 12px;
  --bs-tooltip-box-shadow: 0 2px 8px rgba(60, 60, 60, 0.12);
  color: var(--bs-tooltip-color);
  background-color: var(--bs-tooltip-bg);
  border: 1px solid #e5e6e8;
  box-shadow: var(--bs-tooltip-box-shadow);
}

.custom-tooltip .tooltip-inner {
  color: #212529;
  background-color: #fff;
  border-radius: 8px;
  padding: 12px 16px;
  box-shadow: 0 2px 8px rgba(60, 60, 60, 0.12);
  border: 1px solid #e5e6e8;
}

.custom-tooltip .tooltip-arrow::before {
  border-top-color: #fff !important;
}

/* Optional: Style heading inside tooltip */
.custom-tooltip .tooltip-inner strong {
  color: #23272f;
  font-weight: 600;
}

#desktop-message {
  display: none;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
}

#desktop-message::after {
  content: "For the best experience, please visit this site using a desktop computer.";
  display: block;
}

@media (max-width: 1023px) {
  #desktop-message { 
    display: block !important; 
  }
  #mainContent { 
    display: none !important; 
  }
}

/* Non Catalogue Icon Btn */
  .filterBtnNonCatalog {
        width: 30px;
  height: 30px;
     padding: 0;
    margin: 0;
	background-color: white;
    }

    .filterBtnNonCatalog img{
        width: 25px;
  height:25px;
    }

   button.filterBtnNonCatalog:hover
 {
    
    background-color: #007D8A !important;
}

 button.filterBtnNonCatalog:hover img
 {
    
    filter: brightness(0) invert(1) !important;
}

button.primaryAction {
	width: 161px !important;
    height: 40px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
	background-color: #007D8A;
	margin-right: 8px;
}

button.primaryAction:hover{
	background-color: #385887;
}

.primaryAction:last-child {
  margin-right: 0;
}
/* Team Management view */
.create-action {
  font-family: 'Inter' !important;
}
.query.form-control {
  font-family: 'Inter' !important;
}
.entitylist-download {
  font-family: 'Inter' !important;
}
.entitylist-download:hover {
	background-color: #385988 !important;
}
.table th, .table th a {
  font-family: 'Inter' !important;
}
table tr td {
  font-family: 'Inter' !important;
}

/* Apply Inter font specifically to links inside table cells */
table tr td a {
  font-family: 'Inter' !important;
}
.section-title h3 {
      font-family: 'Inter', sans-serif;
    }
.tab-title {
      font-family: 'Inter', sans-serif;
    }

.input-group .btn {
	border: 0;
	background-color: #00ABC2;
	vertical-align: middle;
	font-weight: normal;
	font-size: 14px;
	border-radius: 300px;
}

.input-group-btn .btn {
	border-top-right-radius: 300px !important;
	border-bottom-right-radius: 300px !important;
}

button.btn.btn-default.btn-md.aria-exp{
    border-radius: 300px !important;
}

#content-container #content #mainContent {

  display: block !important; 

}