:root {
    --corner-radius-base: 8px;
    --corner-radius-md: 16px;
    --crgl-accrodion-bg-color: #F3F4F3;
    --crgl-black: #000000;
    --crgl-border-color: #9FA4A2;
    --crgl-border-none: none;
    --crgl-border-primary: #DBDDDC;
    --crgl-body-bgcolor: #F5F9ED;
    --crgl-body-font-base: 16px;
    --crgl-body-font-weight: 400;
    --crgl-body-font-weight-bold: 700;
    --crgl-body-text-color: #101C16;
    --crgl-btn-radius: .5rem;
    --crgl-color-green-400: #00843d;
    --crgl-color-green-800: #03441f;
    --crgl-color-grey-400: #707773;
    --crgl-heading-font-family: 'BigCaslonNormal';
    --crgl-heading-font-lg: 72px;
    --crgl-heading-font-md: 56px;
    --crgl-heading-font-sm: 40px;
    --crgl-helvetica-bold: 'HelveticaNowBold';
    --crgl-red-500: #c50f1f;
    --crgl-top-header-bgcolor: #012912;
    --crgl-white: #ffffff;
    --font-line-height-8xl: 80px;
    --font-line-height-base: 24px;
    --padding-padding-base: 8px;
    --padding-padding-lg: 16px;
    --spacing-spacing-base: 8px;
}

body {
    color: #101C16;
    font-family: 'HelveticaNowNormal';
    font-size: 16px;
    margin: 0;
}

.crgl-btn-outline {
    background: var(--crgl-white);
    border: 1px solid var(--Border-border-primary);
    border-radius: var(--corner-radius-md);
}

.crgl-btn-primary {
    background-color: var(--crgl-color-green-400);
    border: var(--crgl-border-none);
    border-radius: var(--crgl-btn-radius);
    color: var(--crgl-white);
    padding: var(--padding-padding-base) var(--padding-padding-lg);
}

.crgl-btn-primary:hover {
    background-color: var(--crgl-color-green-800);
}

.crgl-btn-text {
    font-family: var(--crgl-helvetica-bold);
    font-size: var(--crgl-body-font-base);
    font-style: normal;
    font-weight: var(--crgl-body-font-weight-bold);
    line-height: var(--font-line-height-base);
}

.crgl-color-green {
    color: var(--crgl-color-green-400);
}

.crgl-color-white {
    color: var(--crgl-white);
}

.crgl-font-default-bold {
    font-family: var(--crgl-helvetica-bold);
    font-size: var(--crgl-body-font-base);
}

.crgl-input {
    align-items: flex-start;
    align-self: stretch;
    background: var(--crgl-white);
    border: 1px solid var(--crgl-border-color);
    border-radius: var(--corner-radius-base);
    color: var(--crgl-color-grey-400);
    display: flex;
    font-size: 16px;
    gap: var(--spacing-spacing-base);
    padding: var(--padding-padding-base);
    width: 100%;
}

.crgl-main-heading {
    color: var(--crgl-white);
    font-family: var(--crgl-heading-font-family);
    font-size: var(--crgl-heading-font-lg);
    font-weight: var(--crgl-body-font-weight);
    line-height: var(--font-line-height-8xl);
}

.margin-0 {
    margin: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'HelveticaNowBold';
    font-weight: bold;
    line-height: 24px;
}

/* .crgl-logo img {
    width: 40%;
} */

.crgl-top-bar {
    background-color: #012912;
    border-radius: 16px 16px 0 0;
    font-size: 12px;
    line-height: 24px;
    padding: 2px 24px;
}

.page-checkoutReviewPage #globalMessages .messages {
    padding: 0;
}

.page-contactUsPage #globalMessages .messages {
    padding: 0;
}

.page-contactUsPage .success-msg {
    margin-bottom: 16px;
}

.page-forgotPasswordPage #header,
.page-login #header,
.page-selfRegistrationPage #header {
    padding: 0;
}

.page-forgotPasswordPage .mbl-top-nav,
.page-login .mbl-top-nav {
    display: none;
}

.search-box .crgl-input {
    padding-left: 32px;
}

.separtor {
    border-left: 1px solid #DBDDDC;
}

body {
    background: #F5F9ED;
    display: flex;
    flex-direction: column;
    margin: 0;
}

#globalMessages .messages,
#globalMessages .messages ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#globalMessages .messages > li:is(.success-msg, .error-msg, .warning-msg) > ul > li {
    align-items: center;
    background: #ffffff;
    border: 1px solid #DBDDDC;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
    color: #111827;
    display: grid;
    grid-template-columns: 56px 1fr;
    min-height: 24px;
    margin-bottom: 4px;
    overflow: hidden;
    position: relative;
}

#globalMessages .messages > li:is(.success-msg, .error-msg, .warning-msg) > ul > li::before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 56px;
}

#globalMessages .messages > li:is(.success-msg, .error-msg, .warning-msg) > ul > li > i.fa {
    align-self: center;
    color: #ffffff;
    display: grid;
    font-size: 16px;
    height: 20px;
    place-items: center;
    width: 20px;
    z-index: 1;
}

#globalMessages .messages > li:is(.success-msg, .error-msg, .warning-msg) > ul > li .msg {
    color: #101C16;
    font-size: 16px;
    font-weight: 400;
    grid-column: 2;
    line-height: 24px;
    padding: 0;
}

#globalMessages .messages > li:is(.success-msg, .error-msg, .warning-msg) > ul > li .msg a {
    color: #101C16;
    text-decoration: underline;
}

#globalMessages .messages > li.success-msg > ul > li::before {
    background: #00843d;
}

#globalMessages .messages > li.error-msg > ul > li::before {
    background: #c81e1e;
}

#globalMessages .messages > li.warning-msg > ul > li::before {
    background: #fea800;
}

#header,
.main-wrapper {
    padding: 16px 16px 0 16px;
}

.crgl-body-header {
    padding: 8px 16px;
}

.crgl-login-header {
    background-color: #ffffff;
    border-radius: 16px;
}

.crgl-login-header .crgl-top-bar ul:before {
    color: #ffffff;
    content: "\f095";
    font-family: 'FontAwesome';
    position: relative;
    right: 6px;
}

.crgl-top-bar a {
    color: #fff;
    text-decoration: none;
}

.crgl-top-bar ul li {
    margin-right: 12px;
}

.maximum-truck-load li,
.success-msg li,
ul#notification-failed li {
    align-items: center;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
    color: #111827;
    display: grid;
    grid-template-columns: 56px 1fr;
    min-height: 24px;
    overflow: hidden;
    position: relative;
}

.maximum-truck-load li::before,
ul#notification-failed > li::before {
    background: #c81e1e;
}

.requiredfield {
    font-size: 12px;
}

.select-note {
    color: #707773;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #707773 !important;
    line-height: 40px !important;
}

.success-msg > li::before {
    background: #00843D;
}

#notification-failed li i.fa,
.maximum-truck-load li i.fa,
.success-msg li i.fa {
    align-self: center;
    color: #ffffff;
    display: grid;
    font-size: 16px;
    height: 20px;
    place-items: center;
    width: 20px;
    z-index: 1;
}

ul#notification-failed li::before,
.maximum-truck-load li::before,
.success-msg li::before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 56px;
}

.accountNav {
    padding: 16px 0;
}

.button-cancel {
    background: transparent;
    border: 2px solid #E7E8E8;
    border-radius: 8px;
    color: #9FA4A2;
    font-family: 'HelveticaNowBold';
}

.button-default:hover {
    color: #ffffff;
}

.checkout-pages .title.alternative {
    justify-content: flex-start;
}

.crgl-text-secondary {
    color: #707773;
}

.crgl-text-secondary .fontmedium {
    color: #012912;
}

.modal-content a.button-default {
    padding: 8px 40px;
}

.my-order-history-page #paginated-table table tr:first-child th {
    background: #F3F4F3;
}

.page-my-account #globalMessages .messages {
    padding: 0;
}

.page-orderHistoryPage .custom-radio label:after {
    left: 16px;
    top: 10.5px;
}

.product-details .gor-accordion .accordion-header {
    border-bottom: 1px solid #DBDDDC;
}

.product-left-sidebar .select-products-grid .item .actions {
    margin: 0;
    padding: 0 24px 24px 24px;
}

.product-left-sidebar .select-products-grid .item .image img {
    border: none;
    border-radius: 16px;
    padding: 8px;
}

.product-left-sidebar .select-products-grid .item .info {
    margin: 0;
    padding: 24px 24px 8px 24px;
    min-height: 300px;
}

.product-left-sidebar .select-products-grid .item .product-name {
    font-size: 16px;
    line-height: 24px;
}

.profile-top {
    background: #ffffff;
    border: 1px solid #DBDDDC;
    border-radius: 8px;
    margin-top: 16px;
    padding: 16px;
}

.profile-top .buttons-set {
    margin: 24px 0 16px;
}

.profile-top .buttons-set .button-default {
    padding: 8px 40px;
}

.review-heading {
    color: #101C16;
}

.select2-dropdown {
    border: 1px solid #DBDDDC !important;
    border-radius: 8px !important;
}

.separtor {
    border-left: 1px solid #DBDDDC;
}

.ui-datepicker-other-month span.ui-state-default {
    visibility: hidden;
}

#notification-failed li,
.crgl-noti-text .success-msg li,
.maximum-truck-load li,
.messages li {
    align-items: center;
    border-radius: 12px;
    color: #111827;
    display: grid;
    font-size: 14px;
    font-weight: 400;
    grid-column: 2;
    line-height: 24px;
    min-height: 24px;
    padding: 16px;
}

.page-checkoutReviewPage .order-items {
	padding: 0;
}

.page-sampleRequestPage .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 14px;
}

#updateButton {
    width: 200px;
}

.crgl-all-reviews {
    color: #101C16;
}

.page-QualityDocumentation .accountNav {
    padding: 0 0 16px 0;
}

.page-categoryPage .breadcrumb {
    margin: 32px 0;
}

.page-errorPage500 p a {
    color: #009448;
}

.page-orderDetailsPage .po-number .tb-title {
    border: 1px solid #DBDDDC;
    border-radius: 8px 8px 0 0;
}

.page-replenishmentDetailsPage .custom-styled-select .outer:after {
    top: -4px;
}

.page-replenishmentListingPage .custom-styled-select .outer {
    min-width: 100px;
}

.page-sampleRequestPage .custom-styled-select .outer:after {
    font-size: 12px;
    right: -13px;
    top: -4px;
}

.page-sampleRequestPage
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b:after {
    font-size: 12px;
    right: 5px;
    top: 12px !important;
}

#product-overview .accordion-content-inner {
    color: #101C16;
    font-size: 16px;
    line-height: 24px;
}
#_asm .collapseBtn {
	background: #00843D !important;
}
#_asm {
	background: #f5f9ed !important;
}
#_asm .ASM_header .ASM_logo {
	color: #101C16 !important;
	margin-top: 0 !important;
    font-family: 'HelveticaNowBold' !important;
}
#_asm .ASM_header .first-top-row  {
	border-bottom: 1px solid #DBDDDC !important;
	margin: 0px 0px 10px 0px !important;
}