@font-face {
	font-family: 'Lato-Regular';
	font-style: normal;
	font-weight: 400;
	src: url(static/assets/fonts/LatoRegular.woff2) format('woff2');
	font-display: fallback;
}

@font-face {
	font-family: 'Lato-Heavy';
	font-style: normal;
	font-weight: 700;
	src: url(static/assets/fonts/LatoHeavy.woff2) format('woff2');
	font-display: fallback;
}

body {
	font-family: Lato-Regular, sans-serif;
	font-weight: 400;
	font-style: normal;
	text-rendering: optimizeLegibility;
	font-size: 1rem;
	line-height: 1.5;
	background-color: #f2f7ff !important;
}

.MuiInputLabel-outlined {
	z-index: 10 !important;
}

.testtype .MuiInputLabel-outlined {
	top: -5px !important;
}
.react-rte-demo {
	width: 350px;
	background: '#f2f7ff' !important;
	border-radius: 10px !important;
	margin-bottom: 8px !important;
}

.react-rte-customField {
	width: auto;
}

.react-rte-customFieldPackaging {
	width: 90%;
	background-color: #f2f7ff !important;
}

.react-rte-lang {
	width: 240px;
	background: '#f2f7ff' !important;
	border-radius: 10px !important;
	z-index: 0;
	position: relative;
}

.rte-editor {
	margin: 0px !important;
	padding: 0px !important;
	height: 31px;
}
.gridAddButton {
	min-width: 112px;
	width: 'auto';
	height: 40px !important;
	background: #ffffff 0% 0% no-repeat padding-box !important;
	border: 2px solid #002b71 !important;
	border-radius: 8px !important;
	opacity: 1;
	color: #002d76 !important;
	margin-top: 10px !important;
	margin-left: 10px !important;
	font-family: 'Lato-Heavy' !important;
}

.gridAddButtonArticle {
	min-width: 112px;
	width: 'auto';
	height: 40px !important;
	background: #ffffff 0% 0% no-repeat padding-box !important;
	border: 2px solid #002b71 !important;
	border-radius: 8px !important;
	opacity: 1;
	color: #002d76 !important;
	margin: 10px 10px 10px 0px !important;
	font-family: 'Lato-Heavy' !important;
}

.gridAddButtonCp {
	min-width: 112px;
	width: 'auto';
	height: 40px !important;
	background: #002d76 0% 0% no-repeat padding-box !important;
	border: 2px solid #002b71 !important;
	opacity: 1;
	color: #fff !important;
	margin-top: 10px !important;
	margin-left: 10px !important;
	font-family: 'Lato-Heavy' !important;
}
.gridValidAddButton {
	min-width: 112px;
	width: 'auto';
	height: 40px !important;
	background: #ffffff 0% 0% no-repeat padding-box !important;
	border: 2px solid red !important;
	border-radius: 8px !important;
	opacity: 1;
	color: #002d76 !important;
	margin-top: 10px !important;
	margin-left: 10px !important;
	font-family: 'Lato-Heavy' !important;
}
div#flyout {
	width: 310px;
}
div#flyoutComplaint {
	width: 380px;
}
.searchPackingBtn {
	background-color: #002a70 !important;
	width: 'auto';
	height: 40px !important;
	border-radius: 8px !important;
	opacity: 1;
	color: #fff !important;
	font-family: 'Lato-Heavy' !important;
	margin-left: 10px !important;
}
.searchBtn {
	background-color: #002a70 !important;
	width: 169px;
	height: 40px !important;
	border-radius: 8px !important;
	opacity: 1;
	color: #fff !important;
	font-family: 'Lato-Heavy' !important;
	margin-left: 10px !important;
}
.searchResetBtn {
	margin-left: 10px !important;
}
.disableBtn {
	width: 169px;
	height: 40px !important;
	font-family: 'Lato-Heavy' !important;
	border-radius: 8px !important;
}
.updateDetailsBtn {
	text-decoration: none;
	margin-left: 10px !important;
}
.createBtn {
	margin-top: 10px !important;
}

.singleTabText {
	width: 520px;
	/* word-break: break-all; */
}

.customText {
	color: #428bca !important;
}
.customLink {
	color: #428bca !important;
	font-size: 14px;
}
.articleTabText {
	width: 600px;
}
.customDefaultAndDerivedModal {
	min-width: 900px;
	min-height: 300px;
}
.customCard {
	padding-bottom: 0px !important;
}
.addSectionBtn {
	margin-top: 10px !important;
}

.previewRequestTable {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.customSupplierTable {
	max-height: 400px;
	overflow-y: auto;
}
.sepMarginTop {
	margin-top: 0 !important;
}

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

.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100000;
}
.customAddArticleAndCertificateIcon {
	cursor: pointer;
}
.customTableCellMassActivation {
	z-index: 100 !important;
}

.WrapSupplierTableDescription {
	word-break: break-all;
}
.RPCustomBadge {
	border-radius: 5px !important;
	padding: 0.5rem !important;
	margin-right: 2% !important;
	margin-top: 1% !important;
}
.css-zebaxw {
	z-index: 100;
}

.table tr:nth-child(odd) {
	background: rgba(0, 0, -1, 0.04);
}
.table tr:nth-child(even) {
	background: white;
}

.customBackgroundforInputElement {
	background-color: lightyellow !important;
}
.customBackgroundforInputElementWithColorChange {
	background-color: lightyellow !important;
	color: blue !important;
}
.TableRow-false {
	display: none !important;
}
.filterContainer {
	background-color: #f2f7ff;
	border-radius: 10px;
}
.searchfilterMargin {
	margin: 5px !important;
	color: #000 !important;
	width: -webkit-fill-available;
}
.customDashboardSearchIcon {
	cursor: pointer;
	margin-left: -7px;
}
.customBackgroundforInputElementWithColorChangeWithoutComments {
	background-color: #fbebe8 !important;
	color: blue !important;
}
.receipecolor {
	background-color: beige !important;
}
.recharts-legend-wrapper {
	bottom: 0px !important;
}

.scrollTopButton {
	height: 36px !important;
	float: right;
	width: 36px !important;
	border: 2px solid;
	border-radius: 30px;
	cursor: pointer;
	position: absolute;
	bottom: 5px;
	right: 15px;
}

.excelIcon {
	color: green;
	cursor: pointer;
}
.supplier-excelIcon {
	position: relative;
	bottom: 5px;
}
.article-excelIcon {
	position: relative;
	bottom: 5px;
}
.customModalForTask {
	width: 750px !important;
	height: 375px !important;
}
.customModalForAssignTask {
	width: 700px !important;
	height: 335px !important;
}
.customModalForAssignTaskToUser {
	width: 700px !important;
	height: 348px !important;
}
.imageClose {
	position: absolute;
	font-weight: 700;
	cursor: pointer;
	margin-left: -16px;
	margin-top: -5px;
	width: 22px;
}
.releaseNoteimageClose {
	font-weight: 700;
	cursor: pointer;
	width: 22px;
	margin-left: 100%;
}
.removeFile {
	position: absolute;
	font-weight: 700;
	cursor: pointer;
	margin-left: -5px;
	margin-top: -15px;
	width: 22px;
}
.removeImage {
	position: absolute;
	font-weight: 700;
	cursor: pointer;
	margin-left: 108px;
	margin-top: -12px;
	width: 22px;
}
.imageCloseGrid {
	position: absolute;
	font-weight: 700;
	cursor: pointer;
	margin-left: -2px;
	margin-top: -2px;
	width: 22px;
}

a {
	text-decoration: none;
	color: #005eff;
}

a:hover {
	cursor: pointer;
}

a:not([href]) {
	color: #005eff !important;
	text-decoration: none !important;
}

.downArrowIcon {
	transform: rotate(90deg);
}
.customBackGroundForSectionCommentIcon {
	stroke: yellow;
	stroke-width: 1px;
}
.customcardheadingText {
	font-family: 'Lato-Heavy' !important;
	font-size: 16px !important;
	margin-top: 12px !important ;
	margin-bottom: 8px !important;
}
.customcardsubheadingText {
	font-size: 16px !important;
	margin-bottom: 8px !important;
	padding-left: 12px !important;
	margin-top: 8px !important ;
	text-align: left !important;
	line-height: unset !important;
}
.dashboardTask {
	color: white !important;
	opacity: 1 !important;
	padding: 6px 4px !important;
	z-index: 100 !important;
	font-size: 18px !important;
	box-shadow: 0px 3px 6px #00000029 !important;
	text-align: left !important;
	font-family: 'Lato-Heavy' !important;
	border-radius: 10px 10px 0px 0px !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	background-color: #0064fe !important;
}
.dashboardTaskNotActive {
	color: #002d72 !important;
	opacity: 1 !important;
	padding: 6px 4px !important;
	z-index: 8 !important;
	font-size: 18px !important;
	box-shadow: 4px 3px 8px #00000029 !important;
	text-align: left !important;
	border-radius: 10px 10px 0px 0px !important;
	letter-spacing: 0px !important;
	text-transform: none !important;
	background-color: #f5f5f5 !important;
	border: 1px solid #747375 !important;
}
.sortLabelIcon {
	color: '#747375';
	font-weight: 'bold';
}

.rc-tooltip {
	opacity: 1 !important;
	z-index: 10001 !important;
}

.container {
	display: inline-block;
	position: relative;
}

.input,
.spanText {
	line-height: 32px;
	border: 1px solid #000;
	border-radius: 3px;
	height: 36px;
}

.spanText {
	visibility: hidden;
	display: block;
	white-space: pre;
	min-width: 100px;
	width: 100%;
	padding: 0 8px;
	text-align: left;
}

.spanText_SpGrid {
	display: block;
	white-space: pre;
	min-width: 100px;
	width: 100%;
	padding: 0 8px;
	text-align: left;
}

.input {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}

.countryOfSales {
	display: inline-block;
	color: 'black !important';
}

.countryOfSales + .countryOfSales::before {
	display: inline-block;
	white-space: pre;
	content: ', ';
}

.withdraw input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
	-webkit-appearance: none;
}
.customMassAssign {
	position: absolute;
	top: 8%;
	left: 61%;
	font-size: 8px;
}
.customArrowDrpDown {
	position: absolute;
	left: 29%;
	top: 68%;
	cursor: pointer;
}
.MassAssignList {
	width: 306px;
	left: 78%;
	background: #fff;
	bottom: 489px;
	z-index: 100;
	color: #002d76;
	box-shadow: 0px 3px 6px #00000029 !important;
}
.collapseMassAssign {
	height: 5px !important;
}
.MassAssignList li {
	cursor: pointer;
}
.highlightRow {
	background-color: lightsteelblue !important;
}
.cancelMassAssign {
	padding-top: 10px;
	padding-right: 17px !important;
	text-decoration: underline;
}
.highlightField {
	border: 1px solid rgb(3, 101, 254) !important;
}
.customizeWidth {
	width: 150px;
}
.deListedArticle {
	color: #8b8b8b !important;
	font-style: italic !important;
}
.addArticleBtnCss {
	min-width: 112px;
	width: 'auto';
	height: 40px !important;
	background: #ffffff 0% 0% no-repeat padding-box !important;
	border: 2px solid #002b71 !important;
	border-radius: 8px !important;
	opacity: 1;
	color: #002d76 !important;
	font-family: 'Lato-Heavy' !important;
}
.customBackgroundforTestGradeWithColorChange {
	background-color: #c9e0f8 !important;
	border: 1px solid #4b98e5;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.inhousePackagingText {
	min-height: 250px;
	overflow-y: hidden;
	border-top-color: #000 !important;
	border-right-color: #000 !important;
	border-left-color: #000 !important;
	border-bottom-color: #000 !important;
	border-bottom-right-radius: 15px !important;
	border-bottom-left-radius: 15px !important;
	border-top-right-radius: 15px !important;
}

.wineRecipeSubSectionText {
	max-height: 350px;
	overflow-y: hidden;
	border-top-color: #000 !important;
	border-right-color: #000 !important;
	border-left-color: #000 !important;
	border-bottom-color: #000 !important;
	border-bottom-right-radius: 15px !important;
	border-bottom-left-radius: 15px !important;
	border-top-right-radius: 15px !important;
}
.wineRecipeSubSectionText.rte-editor1 .DraftEditor-root {
	height: 350px;
	width: 980px;
}

.rte-editor1 {
	margin: -1px !important;
	padding: 0px !important;
	height: 31px;
}

.cellStyle {
	word-break: break-word !important;
}

.inhousePackagingText.rte-editor1 .DraftEditor-root {
	height: 215px;
}

textarea#sortingInstructions-materialDetails {
	max-height: 70px;
	min-width: 250px;
}
#sortingInstruction-hide-icon svg.MuiSvgIcon-root.MuiSelect-icon {
	display: none;
}
#embeddedgrid-label svg.MuiSvgIcon-root.MuiSelect-icon {
	display: none;
}
#embeddedgrid-label div {
	margin-top: -4px;
}
#embeddedgrid-label div div {
	padding-right: 0px;
}
textarea#srpAdditionalInformation {
	max-height: 70px;
}
div#packaging_Icons {
	min-width: 200px;
	height: 50px;
}
ul#single-select-custom-autocomplete-popup {
	max-height: 300px;
}
input#single-select-custom-autocomplete.MuiInputBase-input.Mui-disabled {
	opacity: 1;
	color: gray;
}
.singleSelectCustomAutocomplete-disabled-autocomplete > div > div > input {
	cursor: pointer;
}
/* #data-report-supplier-dropdown-label {
	color: #000;
} */

.distributionList .MuiInputLabel-outlined {
	transform: translate(14px, 12px) scale(1) !important;
}
#marketing-text {
	height: 120px !important;
}
button#tabComment > span {
	display: flex;
	flex-direction: row-reverse;
}

.tableBorderStyle {
	border: 2px solid #002d72;
	width: 100%;
}
#input-marketing-text {
	height: 100%;
}
#chipWarning > div {
	font-size: 15px;
}
.pointerEventsNone {
	pointer-events: none;
}
.MuiAutocomplete-groupUl li[aria-disabled="true"] {
	pointer-events: inherit !important;
}

.MuiAutocomplete-groupUl li[aria-disabled="true"]:hover,
.MuiAutocomplete-groupUl li[aria-disabled="true"]:focus {
	background: white !important;
}

.MuiAutocomplete-groupUl li[aria-disabled="true"]:active {
	background: white !important;
	pointer-events: none !important;
}
#nested-subsection {
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 5PX;
}
.releaseNotRichTextEditor {
	height: 137px;
	min-height: 100px !important;
	width: 700px;
	margin-left: 10px !important;
	border-top-color: #000 !important;
	border-right-color: #000 !important;
	border-left-color: #000 !important;
	border-bottom-color: #000 !important;
}

.releaseNotRichTextEditor .DraftEditor-root .DraftEditor-editorContainer {
	position: relative;
	height: 100px !important;
	max-height: 110px !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}

.rte-editor-releaseNote {
	margin: -1px !important;
	padding: 0px !important;
	height: 30px;
}

.react-rte-releaseNote-record {
	color: '#002d72';
	font-weight: 'normal';
	margin-left: 15px;
}

.react-rte-releaseNote-marginLeft {
	margin-left: 32px;
}

.react-rte-view-releaseNote-record {
	color: '#002d72';
	font-weight: 'normal';
	margin-left: 15px;
	border: none !important;
	word-break: break-all !important;
}
.ingredients .rich-editor {
    background: none;
    border: none;
}
.consumerPreparationInstructions .rich-editor {
    width: 100%;
}
.addtional-attribute .rich-editor {
    width: 100%;
}