:root {
  --header-group-height: 43px;
}

.optionListContainer {
  z-index: 3 !important;
}

/* DESKTOP VIEW */
/* Dashboard Select Display Start */
/* Display placeholder select ellipsis with long text*/
.css-1wa3eu0-placeholder {
  max-width: calc(100% - 8px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  color: hsl(0, 0%, 20%) !important;
}

.selectCropYearDashboardContainer {
  display: flex;
  align-items: center;
}

.labelCropYearDashboard {
  white-space: nowrap;
}

.selectCropYearDashboard {
  width: 100%;
  margin-left: 10px;
}

/* Dashboard Select Display End */

/* Grower Payment Title And Breadcrumb Display Start */
.titleCropYearDataTable {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Grower Payment Title And Breadcrumb Display End */
/* Textarea Crop Year Display Start */
.textarea-crop-year {
  resize: none;
}

/* Textarea Crop Year Display End */

/* Virtual Scroll  Crop Year Start */
.wrapper-virtual-scroll {
  width: 100%;
  border: none;
  height: 20px;
  overflow-x: scroll;
  overflow-y: hidden;
}

/* Scroll Crop Year End */

/* Grower Payment Report Display Start */
.contentDataTable {
  display: inline-grid;
  width: 100%;
}

.badge {
  min-width: unset;
}

.spacingNavTab {
  padding: 0;
}

.tabItemContainer {
  display: flex !important;
  align-items: center;
}

/* Grower Payment Report Display End */

/* Grower Statements Display Start */
.option-dropdown-table-grower {
  display: flex;
}

.icon-dropdown-table-grower {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.title-dropdown-table-grower {
  margin-left: 10px;
}

.spacingLabelContainerGrower {
  padding: 8px 0 0 0;
}

.spacingSelectContainerGrower {
  width: 100%;
}

.spacingButtonContainerGrower {
  display: flex;
  justify-content: flex-end;
  padding-right: 0px;
}

.dropdownAlignMenu {
  right: auto;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.selectGrowerStatementsWrapper {
  display: flex;
  margin-bottom: 15px;
}

.btnActionDatatable:hover {
  cursor: pointer;
}

.selectHeaderLeft {
  padding-right: 0;
}

.selectHeaderRight {
  padding-left: 0;
}

.group-btn-grower-statement {
  display: flex;
}

/* Grower Statements Display End */

/* Render Search Component Start*/
.renderSearchContainer {
  display: flex !important;
}

.select-render-search {
  padding: 0 5px;
}

.inputRenderSearch {
  height: 38px;
  z-index: 0 !important;
}

.inputFilter {
  width: 100% !important;
}

.spacingFilter {
  margin-top: 10px !important;
}

.groupButtonFilter {
  display: flex;
  flex-direction: column-reverse;
}

.select-config-container {
  height: 38px;
}

.select-config-size {
  height: 38px;
  width: 100% !important;
}

.selectAuditLogsContainer {
  padding: 0;
}

.labelStatusBills {
  margin-top: 5px;
}

/* Render Search Component End*/

/* Subscription Component Start */
.selectSubscription {
  height: 38px;
  width: 100% !important;
}

.statusLabelSubscription {
  overflow: hidden;
  margin: 5px 0 0 0;
}

/* Subscription Component End */

/* Datetime Input Component Container Start */
.inputDateTimeContainer {
  display: flex;
}

.inputDateTimeModal {
  margin-bottom: 15px;
}

.react-datepicker-popper {
  z-index: 100 !important;
}

.react-datepicker {
  font-size: 1.3rem !important;
}

.react-datepicker__current-month {
  font-size: 1.5rem !important;
}

.react-datepicker__header {
  padding-top: 6px !important;
}

.react-datepicker__navigation {
  top: 13px !important;
}

.react-datepicker__day-name,
.react-datepicker__day {
  margin: 0.5rem !important;
}

.react-datepicker__triangle {
  left: 50% !important;
}

.react-datepicker-wrapper {
  display: flex !important;
}

.content-body {
  width: 100%;
}

.dateInputWidth {
  width: 100% !important;
}

.Select-menu-outer {
  max-height: 1000px;
}

.Select-menu {
  max-height: 998px;
}

/* Datetime Input Component Container End */

/* Grower Component Filter Start */
.checkbox-container {
  display: flex;
  height: 38px;
  align-items: center;
}

/* Grower Component Filter End */

/*  Column Chooser Start */
.columnChooser {
  position: relative;
}

.columnChooserContainer {
  position: absolute;
  top: 0;
  right: 0;
  width: 250px;
  padding: 15px 20px;
  z-index: 10;
  background: white;
  border: 1px solid #d1d1d1;
  border-radius: 15px;
  transition: all 0.3s ease 0.3s;
}

.columnChooserContainerHide {
  display: none;
}

.columnChooserContainerTitle {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.columnChooserItemWrapper {
  margin: 10px 0;
  max-height: 350px;
  overflow-y: auto;
}

.columnChooserItem {
  display: flex;
  margin: 10px 0;
  align-items: center;
}

.columnChooserItemCheckbox {
  margin: 0 !important;
  cursor: pointer;
}

.columnChooserItemLabel {
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 14px;
  cursor: pointer;
}

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

.btnOpenColumnChooserContainerHide {
  opacity: 0 !important;
}

.btn-column-chooser {
  color: black;
  background: white;
  border-color: #cccccc;
  min-width: 50px;
}

.btnCloseColumnChooser {
  cursor: pointer;
}

.columnChooserFooter {
  display: flex;
  justify-content: center;
}

.tableWithColumnChooser {
  display: flex;
}

.btnOpenColummChooserMultitable {
  display: flex;
  align-items: flex-start;
  justify-content: end;
}

.spacingColumnChooserMultitable {
  right: 15px;
}

.btnResetColumn {
  margin: 0;
}

/* Column Chooser End */

/*  Panel Test Field Start */
.panelEmptyContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.panelItemContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 5px 20px;
  margin: 10px 0;
}

.panelItemWrapper {
  display: flex;
  align-items: center;
}

.panelItemCheckbox {
  margin: 0 !important;
  cursor: pointer;
}

.panel-item-label {
  font-size: 14px;
  cursor: pointer;
}

.panelActionUpDownDisable {
  opacity: 0.3;
}

.panelItemAction {
  display: flex;
}

.panelHeading {
  display: flex;
  justify-content: space-between;
}

.panelHeadingTitle {
  display: flex;
  align-items: center;
}

.panelHeadingAction {
  border: 2px solid white;
  border-radius: 4px;
}

.panelHeadingButton {
  margin: 0;
}

.modalTestField {
  width: 400px;
}

.panel-group-action {
  display: flex;
}

.popup-select-field-container {
  max-height: 500px;
  overflow-y: auto;
}

.modal-footer-test-field {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 0px 20px;
}

.panel-heading-button {
  font-size: 14px;
  color: white;
  margin: 0 10px;
  min-width: fit-content;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  display: inline-block;
}

.panel-heading-button:hover {
  font-size: 14px;
  color: white;
  margin: 0 10px;

  text-decoration: none;
  border-bottom: 1px solid white;
}

.panel-heading-button:focus {
  font-size: 14px;
  color: white;
  margin: 0 10px;

  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.panel-heading-custom {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  border-radius: 6px 6px 0 0;
}

.panel-heading-custom:hover {
  text-decoration: none;
}

.panel-heading-custom:focus {
  text-decoration: none;
}

.panel-heading-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.3rem;
}

.panel-heading-info-icon {
  color: #fff;
  cursor: pointer;
  font-size: 1.4rem;
  margin-left: 0.2rem;
}

.panel-custom {
  border-radius: 6px 6px 0 0;
  height: var(--header-group-height);
}

.panel-body-custom {
  border-radius: 0px;
  height: calc(100% - var(--header-group-height));
}

.panel-body-spacing {
  padding: 10px 5px;
}

.panel-group-container {
  display: flex;
  flex-wrap: wrap;
}

.panel-group-item {
  margin: 2.5px 0;
}

.panel-group-item-spacing {
  padding: 0 2.5px;
}

.panel-height-body {
  height: 100%;
}

.panel-title-main {
  font-size: 17px;
  font-weight: 500;
}

.panel-title-custom {
  font-size: 14px;
  cursor: pointer;

  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.form-group-spacing {
  margin-bottom: 5px;
}

.test-field-item-container {
  display: flex;
}

.test-field-item-container label {
  padding-top: 0 !important;
}

.test-type-group-heading-container {
  height: 100%;
}

.footer-button-group-container {
  display: flex;
  justify-content: center;
}

.panel-edit-group {
  display: flex;
  align-items: center;
  width: 90%;
  height: 100%;
}

.panel-dnd-item-default {
  display: flex;
  justify-content: space-between;

  border-radius: 6px;
  color: #777;
  font-weight: 500;

  background: #f3fdf4;
  border: 2px solid #b8e9b7;
}

.panel-dnd-item {
  display: flex;
  justify-content: space-between;

  border-radius: 6px;

  color: #777;
  font-weight: 500;

  background: #f3f6fd;
  border: 2px solid #c1d3ff;
}

.panel-dnd-title {
  padding: 10px 15px;
}

.panel-dnd-title-wrapper {
  padding: 10px 15px;
}

.panel-dnd-description {
  font-weight: normal;
}

.panel-dnd-btn {
  padding: 10px 15px;
}

.panel-dnd {
  user-select: none;
  cursor: grab;
}

.user-select-none {
  user-select: none;
}

.react-dnd-container {
  min-height: 350px;
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 20px;
  border: 2px solid #777;
  border-style: dashed;
  border-radius: 6px;
  color: #777;

  position: relative;
}

.react-dnd-container-main {
  min-height: 688px;
  max-height: 688px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 20px;
}

.panel-dnd-default-item {
  padding: 0 20px;
}

.panel-dnd-btn-group {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.panel-dnd-empty {
  font-size: 25px;
  position: absolute;
  color: #777;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.panel-dnd-empty-disable {
  display: none;
}

.test-field-dnd {
  border: 1px solid #000;
  padding: 10px;
}

.panel-header-color > .panel-heading {
  background: #c492b1;
}

.panel-header-color > .panel-heading > .panel-title {
  color: white;
}

.panel-column-display-color > .panel-heading {
  background: #45b69c;
}

.panel-column-display-color > .panel-heading > .panel-title {
  color: white;
}

.panel-fields-color > .panel-heading {
  background: #7783a3;
}

.panel-fields-color > .panel-heading > .panel-title {
  color: white;
}

.btn-disable {
  width: fit-content;
  cursor: not-allowed;
}

.btn-remove-all-display-color {
  background: #3ea58d;
  color: white;
}

.btn-remove-all-display-color:hover,
.btn-remove-all-display-color:focus {
  background: #4ec2a7;
  color: white;
}

.btn-select-all-display-color {
  background: #7783a3;
  color: white;
}

.btn-select-all-display-color:hover,
.btn-remove-all-display-color:focus {
  background: #92a0c5;
  color: white;
}

.panel-edit-group-button {
  color: white;
  margin-left: 1rem;
  cursor: pointer;
}

a > .icon-collapse {
  color: #ffffff;
  cursor: pointer;
}

a > .panel-group-action > .icon-collapse {
  color: #ffffff;
  cursor: pointer;
}

a[aria-expanded="false"] > .icon-collapse .fa-chevron-up {
  display: none;
}

a[aria-expanded="true"] > .icon-collapse .fa-chevron-down {
  display: none;
}

a[aria-expanded="false"] > .panel-group-action > .icon-collapse .fa-chevron-up {
  display: none;
}

a[aria-expanded="true"]
  > .panel-group-action
  > .icon-collapse
  .fa-chevron-down {
  display: none;
}

/*  Panel Test Field End */

/* Edit Page Test Type Start*/
.test-type-action-table {
  display: flex;
  flex-direction: row;
  column-gap: 5px;
}

.test-date-addon {
  border-width: 1px 0 1px 1px !important;
}

.test-date-input-border {
  border-radius: 0 4px 4px 0 !important;
  z-index: 0 !important;
}

.type-containers-border {
  border-radius: 4px !important;
}

.number-container-border {
  border-radius: 0 4px 4px 0 !important;
}

.input-take-photo-border {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px !important;
}

.input-take-photo-container {
  display: flex;
}

.input-take-photo-size {
  width: 100% !important;
}

.btn-take-photo-border {
  border-radius: 0 4px 4px 0 !important;
}

.input-header-spacing {
  padding-top: 0px !important;
}

.test-field-control {
  display: flex;
  align-items: center;
}

/* Edit Page Test Type End */
/* Render Search Component Start */
.group-item-decrease-spacing {
  margin-bottom: -15px;
}

/* Render Search Component End */

/* Switch Component Test Type Page Start */
.switch-control-container {
  display: flex;
  align-items: center;
  height: 34px;
}

.btn-switch-control {
  height: 28px;
}

.hide-require-component-container {
  display: flex;
  align-items: center;
  height: 34px;
}

.field-with-switch-control-spacing {
  padding-right: 0;
}

.field-editable-container {
  display: flex;
}

.select-type-container-size {
  min-width: 50px;
}

/* Switch Component Test Type Page End */

/* Option Dropdown Start*/
.dropdown-option-color {
  color: #1891e5;
}

.dropdown-option-icon-color {
  background-color: #1891e5;
}

/* Option Dropdown End */

/* Panel Heading List View And Filter Collapse Component Start */
.panel-heading-list-view {
  padding: 10px 18px;
}

.panel-actions-list-view {
  top: unset;
}

.panel-btn-group {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.panel-datatable-content {
  display: grid;
  width: 100%;
}

.panel-btn-group-color,
.panel-btn-group-color:hover,
.panel-btn-group-color:focus {
  color: #1891e5 !important;
}

.panel-filter-control-wrapper {
  display: flex;
  padding: 0px 10px;
}

.panel-btn-group-item-position {
  float: right;
}

/* Panel Heading List View And Filter Collapse Component End */

/* Filter Crop Year Multi Processor Start*/
.select-container {
  width: 100%;
}

.select-processor-crop-year-label {
  float: left;
}

/* Filter Crop Year Multi Processor End*/

/* Modal Warning Payment Date Start*/
.modal-custom > .modal-dialog {
  width: 65%;
}

.modal-bulk-update > .modal-dialog {
  width: 75%;
}

.modal-refresh {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Modal Warning Payment Date End*/

.select-field-popup > .modal-dialog {
  width: 50%;
}

.test-field-table {
  max-height: 65vh;
  overflow-y: auto !important;
}

/* Select Field Popup Start */
.select-field-popup-body {
  margin-bottom: -30px;
  width: 100%;
}

.select-field-popup-btn {
  height: 38px;
  width: 100%;
}

.select-filed-checkbox input {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

/* Select Field Popup End */

/* Bulk Update Override Price Start */
.update-override-price-popup > .modal-dialog {
  width: 25%;
}

.update-override-price-body {
  padding-right: 0px;
}

.update-override-price-footer {
  margin-top: 0px;
}

.new-price-input {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}

.new-price-input > div {
  flex-grow: 1;
}

.number-input-custom > .new-price-input > div {
  padding: 0px;
  width: 100%;
}

.number-input-custom > .new-price-input > label {
  padding: 0px;
  text-align: right;
}

.border-panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Bulk Update Override Price End */

/* Popover Start */
.popover-custom {
  z-index: 10000;
}

.popover-content-wrapper {
  padding: 1rem;
}

.popover-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/* Popover End */

/* Header Datatable Payment Detail View Start*/
.sub-title-datatable {
  display: flex;
}

.main-title-datatable {
  width: fit-content;
}

.title-datatable-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sub-title-datatable-item {
  min-width: 80px;
  display: flex;
  justify-content: center;
}

/* Header Datatable Payment Detail View End */

/* TABLET VIEW */
@media screen and (max-width: 1024px) {
  .page-header .breadcrumbs {
    display: none !important;
  }

  /* Grower Payment Report Display Start */
  .titleNavTab {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 20em;
    overflow: hidden;
    display: block;
  }

  /* Grower Payment Report Display End */

  /* Render Search Component Start*/
  .renderSearchContainer {
    display: unset !important;
  }

  .selectAuditLogsContainer {
    margin-top: 20px;
    padding: 0;
  }

  .rowDatePickerBills {
    margin-top: 15px;
    padding: 0 10px;
  }

  .labelStatusBills {
    margin-top: 15px;
  }

  .spacingFilter {
    margin-top: 0;
  }

  .spacingButtonFilter {
    margin-top: 15px;
    display: inline-block;
  }

  /* Render Search Component End*/

  /* Grower Statements Display Start */
  .selectHeaderLeft {
    padding-right: 15px;
  }

  .selectHeaderRight {
    padding-left: 15px;
  }

  /* Grower Statements Display End */

  /* Subscription Component Start */
  .statusLabelSubscription {
    margin: 15px 0 0 0;
  }

  /* Subscription Component End */

  .tableWithColumnChooser {
    display: block;
  }

  .btnOpenColummChooserMultitable {
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
  }

  /* Render Search Component Start */
  .group-item-decrease-spacing {
    margin-bottom: -10px;
  }

  /* Render Search Component End */

  /* Panel Heading List View And Filter Collapse Component Start */
  .panel-filter-control-wrapper {
    display: unset;
  }

  /* Panel Heading List View And Filter Collapse Component End */

  /* Modal Warning Payment Date Start*/
  .modal-custom > .modal-dialog {
    width: 100%;
  }

  /* Modal Warning Payment Date End*/

  /* Modal select field Start */
  .select-field-popup > .modal-dialog {
    width: 100%;
  }

  .select-field-popup-btn {
    width: 40%;
  }

  /* Modal select field End */

  /* Modal Bulk Update Override Price Start */
  .update-override-price-popup > .modal-dialog {
    width: 100%;
  }

  /* Modal Bulk Update Override Price End */

  /* Modal Select Test Field Start*/
  .test-field-table {
    max-height: 42vh;
  }

  /* Modal Select Test Field End*/
}

/* TABLET VIEW */
@media screen and (max-width: 768px) {
  /* Dashboard Chart Display Start */
  html.flexbox .inner-wrapper,
  html.flexboxlegacy .inner-wrapper {
    display: -webkit-box;
  }

  /* Dashboard Chart Display End */

  /* Grower Statements Display Start */
  .selectGrowerStatementsWrapper {
    display: unset;
  }

  .selectGrowerStatements {
    margin: 0 0 15px 0 !important;
  }

  .spacingButtonContainerGrower {
    margin-top: 15px;
    justify-content: flex-start;
    padding-right: 0px;
  }

  .dropdown-menu-right {
    left: unset;
    right: unset;
  }

  /* Grower Statements Display End */

  /* Render Search Component Start*/
  .selectAuditLogsContainer {
    margin-top: 35px;
    padding: 0;
  }

  .spacingFilter {
    margin-top: 0;
  }

  /* Render Search Component End*/

  /* Datetime Input Component Container Start */
  .inputDateTimeContainer {
    display: grid;
  }

  .inputDateTime {
    margin-bottom: 15px;
  }

  .form-inline .input-group .input-group-addon {
    width: 38px;
  }

  /* Datetime Input Component Container End */

  /*  Panel Test Field Start */
  .nut-type-group-item {
    display: flex;
    flex-direction: column;
  }

  /*  Panel Test Field End */

  /* Render Search Component Start */
  .group-item-decrease-spacing {
    margin-bottom: -5px;
  }

  /* Render Search Component End */

  /* Panel Group Container Start*/
  .panel-group-container {
    display: block;
    flex-wrap: unset;
  }

  /* Panel Group Container End*/
}

/* MOBILE VIEW */
@media screen and (max-width: 375px) {
  /* Grower Payment Report Display Start */
  .titleNavTab {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 10em;
    overflow: hidden;
    display: block;
  }

  .panelActionsCropYear {
    margin-right: 10px;
  }

  /* Grower Payment Report Display End */

  /* Render Search Component Start*/
  .selectAuditLogsContainer {
    margin-top: 0;
    padding: 0;
  }

  .panelActionsAuditLogs {
    margin-right: 10px;
  }

  .spacingFilter {
    margin-top: 0;
  }

  .spacingButtonFilter {
    margin-top: 15px;
  }

  /* Render Search Component End*/

  /* Empty Table Start */
  .fWHyCt {
    min-height: 250px !important;
  }

  /* Empty Table End */

  /* Render Search Component Start */
  .group-item-decrease-spacing {
    margin-bottom: 0px;
  }

  /* Render Search Component End */

  /* Modal Select Test Field Start*/
  .test-field-table {
    max-height: 35vh;
  }

  /* Modal Select Test Field End*/
}

/*  Panel Test Field Start */
.panelEmptyContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.panel-action-up-down-disable {
  opacity: 0.3;
}

.panel-action-cursor {
  cursor: pointer;
}

.panel-move-cursor {
  cursor: move;
}

.panel-item-action {
  display: flex;
  align-items: center;
  justify-content: end;
  height: 100%;
}

.panel-item-action-color {
  color: white !important;
}

.panelHeadingTitle {
  display: flex;
  align-items: center;
}

.panel-nut-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}

.nut-type-group-item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 5px;
  padding-top: 15px;
}

.group-item {
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 5px 20px;
  margin: 10px 0;
}

.modal-content-custom {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.modal-footer-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nut-type-panel-body {
  padding: 15px 5px 15px 5px;
}

/*  Panel Test Field End */

/* Action Dropdown Start */
.dropdown-toggle-custom {
  background: transparent !important;
  border: none !important;
  color: rgba(0, 0, 0, 0.87) !important;
  font-size: 13px;
}

.dropdown-toggle-custom:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.7rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
  outline: none !important;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

/* Action Dropdown End */
.line-search {
  margin-top: 0px !important;
  margin-bottom: 10px !important;
}

.line-search-no-margin {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.btn-group .btn {
  height: 34px !important;
}

/* Custom Select (React-Select) Start */
.select-container > div[class$="menu"] {
  z-index: 10;
}

/* Custom Select (React-Select) End */

/* Bonuses & Deducts Start */
.bonus-color {
  color: green;
}

.deduct-color {
  color: red;
}

/* Bonuses & Deducts End */

/* Test Type Start */
.checkbox-test-type-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.checkbox-sync-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  height: max-content;
  gap: 10px;
}

.checkbox-sync {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  flex-grow: 1;
}

.checkbox-sync-label {
  display: flex;
  column-gap: 0.2rem;
  width: 80px;
}

.checkbox-sync-label span {
  top: -0.1rem;
}

.checkbox-bin {
  margin-top: 10px;
}

.net-weight-unit {
  height: 35px;
}

.net-weight-unit-label {
  width: 55px;
}

.net-weight-unit-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  column-gap: 1rem;
}

@media screen and (max-width: 1200px) {
  .checkbox-sync-container {
    width: 100%;
  }

  .net-weight-unit-container {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-top: 5px;
  }

  .checkbox-test-type-container {
    margin-top: 10px;
  }

  /* Modal Select Test Field Start*/
  .test-field-table {
    max-height: 42vh;
  }

  /* Modal Select Test Field End*/
}

/* Test type end */

.test-type-popup-body {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.test-type-field-item {
  display: flex;
  align-items: center;
  padding: 10px 10px;
}

.test-type-lable {
  width: 50%;
  text-align: right;
  padding-right: 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.test-type-popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.close-popup-test-field-button {
  width: max-content;
  padding: 5px 5px;
  color: #efa740;
  border-radius: 50%;
  border: none;
}

.icon-test-type-show-popup {
  width: 22px;
  height: 34px;
  color: #1891e5;
  float: right;
  font-size: 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.dashboard-select-panel {
  padding: 10px 0;
  background-color: #f6f6f6;
  margin-bottom: 20px;
}

.dashboard-select {
  width: 75%;
}

.multi-quality-data-control {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px 0;
}

.add-new-row-in-quality-data-btn {
  padding: 5px;
}

.show-summary-control {
  display: flex;
  align-items: center;
}

.new-override-price-panel {
  box-sizing: border-box;
}

.popup-bulk-update-field-group {
  text-align: right;
  margin-bottom: 0;
}

.popup-bulk-update-field-group > label {
  margin-bottom: 0;
}

.popup-bulk-update-field-group > .bulk-update-field > .form-group {
  align-items: center;
  margin: 5px 0;
}

.popup-bulk-update-field-group
  > .bulk-update-field
  > .form-group
  > .control-label {
  margin-bottom: 0;
}

.popup-bulk-update-field-group > .control-label {
  margin-bottom: 0;
}

.popup-bulk-update-field-group > .col-md-8 {
  padding: 0 !important;
}

.popup-bulk-update-field-group > .bulk-update-field > .form-group > .col-md-8 {
  padding: 0 !important;
}

.multi-quality-data-border {
  padding: 0 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  z-index: 900000;
}

.test-fields-popup {
  position: absolute;
  top: 30px;
}

.new-override-label {
  margin: 5px 0 !important;
}

.test-fields-popup > .modal-dialog > .modal-content > form > .modal-body {
  padding: 15px 15px 15px 15px;
}

.test-fields-popup
  > .modal-dialog
  > .modal-content
  > form
  > .modal-body
  > .number-input-custom
  > .form-group
  > .col-md-4 {
  padding-left: 0;
}

.test-fields-popup
  > .modal-dialog
  > .modal-content
  > form
  > .modal-body
  > .number-input-custom
  > .form-group
  > .col-md-8 {
  padding: 0;
}

.test-fields-popup > .modal-dialog > .modal-content > form > .modal-header {
  padding: 15px;
}

.test-fields-popup > .modal-dialog > .modal-content > form > .modal-footer {
  padding: 15px;
}

@media only screen and (max-width: 46.1872em) {
  .popup-bulk-update-field-group > .bulk-update-field > .form-group {
    display: block;
    text-align: left;
    margin: 10px 0;
  }
  .popup-bulk-update-field-group {
    text-align: left;
    padding: 0px 10px;
  }
  .border-panel {
    padding: 0;
  }
  .popup-bulk-update-field-group
    > .bulk-update-field
    > .form-group
    > .col-md-8 {
    padding: 0 !important;
  }
  .popup-bulk-update-field-group
    > .bulk-update-field
    > .form-group
    > .col-md-4 {
    padding: 0 !important;
  }
  .popup-bulk-update-field-group > .col-md-4 {
    padding: 0 !important;
  }
  .popup-bulk-update-field-group > .col-md-8 {
    padding: 0 !important;
  }
  .modal-bulk-update > .modal-body {
    padding: 15px 0;
  }
  .new-override-price-panel > .col-lg-12 > .col-lg-6 {
    padding: 0;
  }
  .new-override-price-panel > .col-lg-12 {
    padding: 0 10px;
  }
  .new-override-price-panel {
    padding: 0 5px !important;
  }
  .new-override-label {
    padding: 0px !important;
    margin: 0 !important;
  }
  .multi-quality-data-control {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .add-new-row-in-quality-data-btn {
    width: 100%;
    margin-left: 0px !important;
    margin-bottom: 10px !important;
  }
  .test-fields-popup > .modal-dialog > .modal-content > form > .modal-body {
    padding: 5px 10px 10px 10px;
  }
  .test-fields-popup
    > .modal-dialog
    > .modal-content
    > form
    > .modal-body
    > .number-input-custom
    > .form-group
    > .col-md-4 {
    padding-left: 0;
  }
  .test-fields-popup
    > .modal-dialog
    > .modal-content
    > form
    > .modal-body
    > .number-input-custom
    > .form-group
    > .col-md-8 {
    padding: 0;
  }
  .test-fields-popup > .modal-dialog > .modal-content > form > .modal-header {
    padding: 10px;
  }
  .test-fields-popup > .modal-dialog > .modal-content > form > .modal-footer {
    padding: 10px;
  }
}

@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
  .popup-bulk-update-field-group > .bulk-update-field > .form-group {
    text-align: left;
    margin: 10px 0;
  }
  .popup-bulk-update-field-group {
    text-align: left;
  }
  .popup-bulk-update-field-group
    > .bulk-update-field
    > .form-group
    > .col-md-8 {
    padding: 0 !important;
  }
  .popup-bulk-update-field-group
    > .bulk-update-field
    > .form-group
    > .col-md-4 {
    padding: 0 !important;
  }
  .popup-bulk-update-field-group > .col-md-4 {
    padding: 0 !important;
  }
  .popup-bulk-update-field-group > .col-md-8 {
    padding: 0 !important;
  }
  .modal-bulk-update > .modal-body {
    padding: 15px 0;
  }
  .border-panel {
    padding: 5px 0 !important;
  }
  .test-fields-popup > .modal-dialog > .modal-content > form > .modal-body {
    padding: 10px 15px 15px 15px;
  }
  .test-fields-popup
    > .modal-dialog
    > .modal-content
    > form
    > .modal-body
    > .number-input-custom
    > .form-group
    > .col-md-4 {
    padding-left: 0;
  }
  .test-fields-popup
    > .modal-dialog
    > .modal-content
    > form
    > .modal-body
    > .number-input-custom
    > .form-group
    > .col-md-8 {
    padding: 0;
  }
  .test-fields-popup > .modal-dialog > .modal-content > form > .modal-header {
    padding: 15px;
  }
  .test-fields-popup > .modal-dialog > .modal-content > form > .modal-footer {
    padding: 15px;
  }
  .new-override-label {
    margin-top: 0 !important;
  }
}

.bulk-apply-payments-modal-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0 !important;
}

.add-payments-modal {
  margin-top: 30px;
}

.add-payments-modal > .modal-dialog {
  width: 500px;
}

.add-payment-button {
  float: right;
  padding: 5px 10px;
  border: none;
  background-color: #1891e5;
  color: #ffffff;
  border-radius: 4px;
}

.no-padding {
  padding: 0 !important;
}

.add-payments-modal-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0 !important;
}

.multi-select-growers {
  margin-top: 27px;
}

.bulk-apply-button-group {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}

.bulk-apply-body {
  padding: 5px !important;
  min-height: 200px;
}

.content-editor > .jodit-react-container > .jodit-container > .jodit-workplace {
  height: 300px !important;
}

.field-help-label {
  text-align: left !important;
}

.help-popup-icon {
  font-size: 25px;
  vertical-align: middle;
  margin-right: 17px;
  cursor: pointer;
}

.help-popup-background {
  width: 100%;
  height: 100vh;
  position: fixed;
  opacity: 0.5;
  background-color: hsl(0, 0%, 20%);
  z-index: 2000;
  margin-top: -3px;
}

.help-popup {
  position: fixed;
  height: 100vh;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.3s;
  z-index: 2000;
}

.help-popup-header {
  padding: 10px 15px;
  margin-bottom: 10px;
  border-bottom: 0.1px solid #dcdcdf;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.help-popup-header-title {
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 18.75px;
  font-weight: 700;
  margin-top: 7px;
  margin-bottom: 7px;
  color: #000;
}

.help-popup-body {
  flex: 1 1 auto;
}

.help-popup-footer {
  flex: 0 0 31px;
  padding: 20px 30px;
}

.help-popup-body-button-group {
  padding: 7px 15px;
  width: 100%;
}

.close-help-popup-button {
  vertical-align: middle;
  float: right;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.help-item {
  padding: 10px 10px;
}

.help-popup-button {
  border: none;
  margin: 10px 0 10px 7px;
  width: 75px;
  padding: 5px 0;
  border-radius: 3px;
  color: #ffffff;
  background-color: #1891e5;
}

.help-popup-button:hover {
  background-color: #42a9f3;
}

.help-page {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.help-page-header {
  top: 0;
  left: 0;
  right: 0;
  height: 158px;
  background-color: #1e3564;
  position: fixed;
  z-index: 1000000;
}

.help-page-header-left {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.help-page-header-right {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-image: linear-gradient(to right, #1e3564, #0274be);
}

.parity-logo {
  width: 250px;
  height: 70px;
  cursor: pointer;
}

.help-page-header-right-top {
  width: 100%;
  color: #ffffff;
  padding: 20px 20px;
  display: block;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  font-size: 22px;
  font-style: inherit;
  font-weight: inherit;
  font-family: "Montserrat", sans-serif;
}

.help-detail-page-body {
  min-height: 500px;
  background-color: #ffffff;
  width: 100%;
  flex: 1 1 auto;
}

.help-detail-page-footer {
  height: 100px;
  background-color: #1e3564;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to right, #1e3564, #0274be);
}

.help-title {
  display: block;
  height: auto;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 50px;
  color: #1e3564;
  font-weight: 500;
}

.help-content {
  padding: 0 100px;
  width: 100%;
  height: auto;
}

.help-page-menu {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  padding: 15px 30px;
}

.help-page-menu-item {
  color: #ffffff;
  font-size: 22px;
  margin: 0 20px;
  padding: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.flex-box-align-items-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.apply-growers-popup > .modal-dialog {
  width: 40%;
}

.padding-left-apply-growers-filter-field {
  padding-left: 2.5px !important;
  padding-right: 0 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.padding-right-apply-growers-filter-field {
  padding-left: 0px !important;
  padding-right: 2.5px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.column-no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.bulk-update-field > .form-group-spacing > .col-md-8 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.bulk-update-field > .form-group > .col-md-8 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.input-allow-bulk-update-field {
  padding: 0 !important;
  margin: 0 !important;
}

.bulk-update-test-field-checkbox {
  padding: 0 !important;
  text-align: left;
  line-height: 0;
}

.adjustment-popup-table > .modal-dialog {
  width: max-content;
  min-width: 500px;
}

.adjustment-popup-table
  > .modal-dialog
  > .modal-content
  > .modal-header
  > .modal-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.adjustment-popup-table
  > .modal-dialog
  > .modal-content
  > .modal-header
  > .modal-title
  > i {
  cursor: pointer;
}

.adjustment-popup-table
  > .modal-dialog
  > .modal-content
  > .modal-header
  > .modal-title
  > i:hover {
  color: #eb455f;
}

.adjustment-popup-table > .modal-dialog > .modal-content > .modal-body {
  padding: 5px;
}

.help-documentation-menu-item {
  font-size: 1.3rem;
  color: #abb4be;
  white-space: nowrap;
  padding: 12px 25px;
  text-overflow: ellipsis;
}

.help-documentation-menu-item::after {
  font-family: "FontAwesome";
  content: "\f107";
  font-size: 16px;
  font-size: 1.6rem;
  color: #abb4be;
  position: absolute;
  right: 0;
  top: 0;
  padding: 14px 25px;
}

.request-update-body {
  padding: 20px 5px;
}

.request-update-footer {
  margin-top: 0px;
  text-align: center;
}

.request-update-info {
  display: inline-block;
  color: blue;
  font-size: 0.8em;
  font-weight: bold;
  position: relative;
  top: -0.2em;
}

.copy-adjustments-popup-footer {
  display: flex;
  justify-content: center;
  margin-top: 0 !important;
}

.more-dropdown {
  margin-left: 10px;
  margin-bottom: 10px;
}

.more-dropdown-item {
  color: #1891e5;
}

.more-dropdown-item:hover {
  color: #1891e5;
}

.more-dropdown-item-icon {
  font-size: 15px;
  margin-right: 3px;
}

.btn-more-dropdown {
  background-color: #17a2b8 !important;
}

.btn-more-dropdown:hover {
  background-color: #20b1c7 !important;
}

.header-right {
  display: flex;
  align-items: center;
}

.userbox {
  margin: 0 17px 0 0;
}

@media screen and (max-width: 540px) {
  .userbox {
    margin: 0 27px 0 0;
  }
}

@media screen and (max-width: 281px) {
  .profile-info {
    margin: 0 5px 0 10px !important;
  }
}

.confirm-popup-custom {
  box-shadow: 0 0 10px 1px #42424462;
}

.confirm-popup-custom-title {
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  background-color: #34495e;
}

.confirm-popup-custom-message {
  padding: 10px 20px;
  font-size: 14px;
  margin: 0 !important;
}

.confirm-popup-custom-footer {
  padding: 15px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.confirm-popup-custom-footer > button {
  margin: 0px;
}

.confirm-popup-custom-footer > button[button-type="cancel"] {
  margin-left: 10px !important;
}

.react-confirm-alert-overlay {
  z-index: 1041 !important;
}

.navigation-item-loading {
  display: flex !important;
  align-items: center !important;
}

/* Alert Message Start */
.alert-message {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 30px 10px;
  border-radius: 8px;
}

.alert-message-success {
  color: #3dbe27;
  background: #e9ffe9;
  border: 1px solid #83e872;
}

.alert-message-error {
  color: #be3127;
  background: #ffece9;
  border: 1px solid #e87a72;
}

.alert-message-info {
  color: #53adc9;
  background: #e7feff;
  border: 1px solid #5bc0de;
}

.alert-message-icon {
  font-size: 30px;
}

.alert-message-title {
  font-size: 13px;
  margin-top: 12px;
}
/* Alert Message End */

/* Bonus Deduct Start */
.edit-popup-on-wizard {
  z-index: 1040;
}
/* Bonus Deduct End */

/* Wizard Start */
.wizard-tab-disabled {
  cursor: not-allowed;
}

.wizard-tab-container {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.wizard-tab-item {
  flex-grow: 1;
  text-align: center;
}
/* Wizard End */

.confirm-signup-modal-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 0 2rem;
}

.report-panel-body {
  -webkit-transition: max-height 0.2s;
  -moz-transition: max-height 0.2s;
  -ms-transition: max-height 0.2s;
  -o-transition: max-height 0.2s;
  transition: max-height 0.2s;
  overflow: hidden;
  max-height: 0; /* height: 0 not work with css transitions */
}

.top-bottom-no-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.profile-panel-footer-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

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

.system-log-detail-modal > .modal-dialog {
  width: 50%;
}

@media screen and (max-width: 1280px) {
  .system-log-detail-modal > .modal-dialog {
    width: 60%;
  }
}

@media screen and (max-width: 912px) {
  .system-log-detail-modal > .modal-dialog {
    width: 80%;
  }
}

.job-history-modal > .modal-dialog {
  width: 50%;
}

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

.scheduled-task-history-header {
  height: 30px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .scheduled-task-history-header {
    display: inline;
  }
  .scheduled-task-history-header-title {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
}