/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-43.use[1]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-43.use[2]!./src/assets/css/style.scss ***!
  \**********************************************************************************************************************************************************************/
.p-component {
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
}

.field {
  margin-bottom: 16px;
  position: relative;
}
.field label {
  font-size: var(--font-size-12);
  line-height: 16px;
  text-transform: capitalize;
  margin: 0 0 2px 0;
  font-weight: var(--font-weight-500);
  color: var(--secondary-700);
}
@media (min-width: 1600px) {
  .field label {
    font-size: var(--font-size-13);
  }
}
.field label.ml-35 {
  margin-left: 35px;
}
.field label.ml-50 {
  margin-left: 49px;
}
.field label span {
  font-weight: var(--font-weight-400);
}
.field .p-chips {
  width: 100%;
}
.field .p-calendar {
  width: 100%;
}
.field .p-multiselect {
  width: 100%;
}
.field .p-dropdown {
  width: 100%;
}
.field > label {
  width: 100%;
}
.field > label small {
  color: var(--red-500);
  font-size: var(--font-size-14);
  margin-left: 2px;
}
.field .clearValueBtn {
  border: 0;
  background: transparent;
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 32px;
  color: var(--gray-600);
}
.field .clearValueBtn i {
  font-size: var(--font-size-12);
}

/* Input Field Start */
.p-inputtext {
  font-family: "Open Sans", sans-serif;
  width: 100%;
  padding: 7px 10px;
  border: 1px solid var(--inputBdr);
  border-radius: var(--radius-4);
  margin: 0;
  color: var(--secondary-700);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-12);
  line-height: 16px;
  vertical-align: middle;
}
.p-inputtext::-webkit-input-placeholder {
  color: var(--inputBdr);
}
.p-inputtext:-ms-input-placeholder {
  color: var(--inputBdr);
}
.p-inputtext::placeholder {
  color: var(--inputBdr);
}
.p-inputtext:enabled:hover {
  border-color: var(--gray-600);
  outline: none;
}
.p-inputtext:enabled:focus {
  border-color: var(--gray-600);
  outline: none;
}
.p-inputtext:disabled {
  color: var(--gray-600);
  border: 1px solid var(--inputBdr);
  background: var(--gray-00);
  opacity: 1;
}

/* Input Field End */
/* Input Number Field Start */
.p-inputnumber {
  width: 100%;
}

.p-autocomplete {
  width: 100%;
}

/* Input Number Field End */
/* Dropdown Start */
.p-dropdown {
  width: 100%;
  border: 1px solid var(--inputBdr);
  border-radius: var(--radius-4);
  margin: 0;
  color: var(--gray-600);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-12);
  line-height: 16px;
  background: #fff;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  cursor: pointer;
  display: flex;
  align-items: center;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(18, 18, 23, 0.08);
}
.p-dropdown .p-dropdown-label {
  padding: 7px 10px;
  min-height: auto;
  text-align: left;
  border-radius: 0;
  border: 0;
}
.p-dropdown .p-dropdown-label.p-placeholder {
  color: var(--secondary-700);
}
.p-dropdown .p-dropdown-label:focus-visible {
  outline: none;
}
.p-dropdown .p-dropdown-trigger {
  color: var(--gray-600) !important;
  width: 30px;
}
.p-dropdown .p-dropdown-trigger svg {
  width: 12px;
  height: 12px;
}
.p-dropdown:not(.p-disabled).p-focus {
  border-color: var(--gray-600) !important;
  box-shadow: none;
}
.p-dropdown:not(.p-disabled):hover {
  border-color: var(--gray-600) !important;
}
.p-dropdown:not(.p-disabled).p-overlay-open {
  border-color: var(--gray-600) !important;
}
.p-dropdown .p-dropdown-clear-icon {
  right: 28px;
  font-size: var(--font-size-12);
  color: var(--gray-600);
  width: 12px;
  height: 12px;
  margin-top: -6px;
}
.p-dropdown.p-disabled {
  color: var(--gray-600);
  border: 1px solid var(--inputBdr);
  background: var(--gray-00);
  opacity: 0.6;
}
.p-dropdown.p-disabled .p-inputtext {
  color: var(--gray-600);
}

.p-dropdown-panel {
  background: #fff;
  box-shadow: --boxShadow;
  border: 1px solid var(--Bdr);
  border-radius: 4px;
}
.p-dropdown-panel .p-dropdown-header {
  padding: 8px;
}
.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items {
  margin: 0;
}
.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item-group {
  color: var(--Black);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-12);
  padding: 8px 16px;
  display: block;
}
.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item {
  color: var(--Black);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-12);
  padding: 8px 16px;
  transition: all 0.2s;
  display: block;
}
.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item.p-highlight, .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item:hover, .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  background: var(--gray-100);
  color: var(--Black);
}
.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  background: var(--gray-100);
  color: var(--Black);
}
.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item.p-focus {
  background-color: var(--gray-200);
}

.p-dropdown-filter-container {
  position: relative;
}
.p-dropdown-filter-container .p-icon {
  cursor: pointer;
}

.p-dropdown-filter-icon {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
}

/* Dropdown End */
/* Multi Select Dropdown Start */
.p-multiselect {
  border: 1px solid var(--buttonBdr);
  border-radius: var(--radius-4);
  width: 100%;
  display: flex;
  align-items: center;
}
.p-multiselect .p-multiselect-label-container {
  width: 100%;
}
.p-multiselect .p-multiselect-label {
  padding: 6px 10px;
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-500);
  color: var(--secondary-700);
}
.p-multiselect .p-multiselect-label.p-placeholder {
  color: #6c757d;
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-500);
}
.p-multiselect .p-multiselect-trigger {
  width: 30px;
  color: var(--secondary-700);
}
.p-multiselect .p-multiselect-trigger .p-multiselect-trigger-icon {
  font-size: var(--font-size-12);
}
.p-multiselect .p-multiselect-trigger svg {
  width: 12px;
  height: 12px;
}
.p-multiselect:not(.p-disabled):hover {
  border-color: var(--primary-900);
}
.p-multiselect:not(.p-disabled).p-focus {
  box-shadow: none;
}
.p-multiselect.p-disabled {
  color: var(--gray-600);
  border: 1px solid var(--inputBdr);
  background: var(--gray-00);
  opacity: 0.6;
}
.p-multiselect.p-disabled .p-placeholder {
  color: var(--gray-600);
}
.p-multiselect.p-disabled .p-multiselect-trigger {
  opacity: 0.6;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token {
  padding: 2px 10px;
  background: var(--primary-50);
  color: var(--gray-600);
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.p-multiselect-panel {
  border-radius: var(--radius-4);
  box-shadow: 0px 6px 10px rgba(50, 51, 94, 0.15);
  background: var(--White);
  border: 1px solid var(--Bdr);
}
.p-multiselect-panel .p-multiselect-header {
  padding: 6px 12px;
}
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items {
  padding: 0.75rem 0;
  margin: 0;
  align-items: center;
}
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item-group {
  padding: 6px 12px;
}
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item {
  color: var(--Black);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-12);
  padding: 6px 12px;
}
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover, .p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight, .p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  background: var(--gray-100);
  color: var(--Black);
}
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .GroupDrop-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 16px);
}
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .GroupDrop-items .openItem {
  font-size: 11px;
  color: #818181;
}
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .GroupDrop-items.Leave {
  color: #c63737;
}
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .GroupDrop-items.Leave:before {
  content: "";
  background: #ffcdd2;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  left: 0;
}
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .GroupDrop-items.Leave .openItem {
  color: var(--primary-900);
  font-weight: 700;
  text-decoration: underline;
}
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .GroupDrop-items.Leave .openItem:hover {
  color: #4393cc;
}
.p-multiselect-panel button.p-multiselect-close {
  display: none;
}

/* Multi Select Dropdown End */
/* Button Start */
.p-button {
  border-radius: var(--radius-4);
  margin: 0;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-12);
  padding: 9px 12px;
  background: var(--primary-600);
  border-color: var(--primary-600);
  line-height: 1;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(18, 18, 23, 0.08);
  justify-content: center;
}
.p-button .p-button-label {
  font-weight: var(--font-weight-600);
  transition-duration: unset;
  flex: inherit;
}
.p-button:hover, .p-button:enabled:hover {
  color: #fff;
  border-color: var(--primary-400);
  background: var(--primary-400);
  outline: none;
}
.p-button:enabled:active {
  color: #fff;
  border-color: var(--primary-400);
  background: var(--primary-400);
  outline: none;
}
.p-button.p-disabled {
  opacity: 0.6;
  pointer-events: none;
}
.p-button i {
  margin-right: 8px;
}
.p-button.two-icon i.left-icon {
  margin-right: 8px;
}
.p-button.two-icon i.right-icon {
  margin-left: 8px;
  margin-right: 0px;
}
@media (max-width: 767px) {
  .p-button.two-icon i.right-icon {
    margin-left: auto;
  }
}
.p-button em {
  font-style: normal;
  background: white;
  border-radius: 100px;
  min-width: 16px;
  display: inline-table;
  font-size: 12px;
  padding: 0 0 1px;
  color: #54a85d;
}
.p-button .p-button-icon {
  font-size: 12px;
  margin-right: 5px;
}
.p-button.p-button-icon-only {
  width: auto;
}
.p-button.btn-sm {
  padding: 6px 8px;
  font-size: 12px;
}
.p-button.p-button-secondary {
  color: var(--White);
  background: var(--primary-300);
  border: 1px solid var(--primary-300);
}
.p-button.p-button-secondary:hover, .p-button.p-button-secondary:enabled:hover {
  color: var(--White);
  border-color: var(--primary-200);
  background: var(--primary-200);
  outline: none;
}
.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:enabled:focus {
  color: var(--White);
  border-color: var(--primary-600);
  background: var(--primary-600);
  outline: none;
}
.p-button.p-button-secondary:disabled {
  opacity: 0.6;
  pointer-events: none;
}
.p-button.p-button-aux {
  color: var(--secondary-800);
  background: var(--White);
  border-color: var(--inputBdr);
}
.p-button.p-button-aux:hover, .p-button.p-button-aux:enabled:hover {
  background: var(--inputBdr);
  border-color: var(--inputBdr);
  color: var(--secondary-800);
  outline: none;
}
.p-button.p-button-aux:hover img, .p-button.p-button-aux:enabled:hover img {
  opacity: 0.8;
}
.p-button.p-button-aux:enabled:active, .p-button.p-button-aux:enabled:focus {
  color: var(--gray-800);
  background: #fbfbfb;
  outline: none;
}
.p-button.p-button-aux-icon {
  color: var(--secondary-800);
  background: var(--White);
  padding: 1px 0px 0 0;
  width: 20px;
  height: 20px;
  border: 0;
}
.p-button.p-button-aux-icon:hover, .p-button.p-button-aux-icon:enabled:hover {
  background: var(--primary-600);
  color: #ffffff;
  outline: none;
}
.p-button.p-button-aux-icon:hover img, .p-button.p-button-aux-icon:enabled:hover img {
  opacity: 0.8;
}
.p-button.p-button-aux-icon:enabled:active, .p-button.p-button-aux-icon:enabled:focus {
  color: var(--gray-800);
  background: #fbfbfb;
  outline: none;
}
.p-button.p-button-aux-red {
  color: var(--primary-600);
  background: var(--White);
  border: 1px solid var(--gray-400);
}
.p-button.p-button-aux-red:hover, .p-button.p-button-aux-red:enabled:hover {
  color: var(--primary-600);
  background: var(--gray-100);
  border-color: var(--gray-500);
  outline: none;
}
.p-button.p-button-aux-red:hover img, .p-button.p-button-aux-red:enabled:hover img {
  opacity: 0.8;
}
.p-button.p-button-aux-red:enabled:active, .p-button.p-button-aux-red:enabled:focus {
  color: var(--primary-600);
  background: var(--gray-50);
  border-color: var(--gray-300);
  outline: none;
}
.p-button.p-button-aux-dark {
  color: var(--gray-600);
  background: var(--gray-300);
  border: 1px solid var(--gray-400);
}
.p-button.p-button-aux-dark:hover, .p-button.p-button-aux-dark:enabled:hover {
  color: var(--gray-600);
  background: var(--gray-400);
  border: 1px solid var(--gray-400);
  outline: none;
}
.p-button.p-button-aux-dark:hover img, .p-button.p-button-aux-dark:enabled:hover img {
  opacity: 0.8;
}
.p-button.p-button-aux-dark:enabled:active, .p-button.p-button-aux-dark:enabled:focus {
  color: var(--gray-600);
  background: var(--gray-200);
  border: 1px solid var(--gray-200);
  outline: none;
}
.p-button.p-button-text {
  background: transparent;
  color: var(--secondary-800);
}
.p-button.p-button-text:enabled:hover, .p-button.p-button-text:hover {
  color: var(--Black);
  background: var(--gray-200);
  outline: none;
}
.p-button.OnlyIcon {
  color: var(--Black);
  background: transparent;
  border: 1px solid transparent;
  padding: 6px 9px;
  text-align: center;
}
.p-button.OnlyIcon .p-button-icon {
  margin-right: 0;
}
.p-button.OnlyIcon:hover {
  color: var(--Black);
  background: var(--gray-200);
  border: 1px solid transparent;
}
.p-button.smallIconBtn {
  padding: 6px;
  min-height: auto;
  font-size: 8px;
}
.p-button.p-button-danger {
  color: var(--White);
  background: var(--red-600);
  border: 1px solid var(--red-600);
}
.p-button.p-button-danger:hover, .p-button.p-button-danger:enabled:hover {
  color: var(--White);
  border-color: var(--red-500);
  background: var(--red-500);
  outline: none;
}
.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:enabled:focus {
  color: var(--White);
  border-color: var(--red-500);
  background: var(--red-500);
  outline: none;
}
.p-button.p-button-danger:disabled {
  opacity: 0.6;
  pointer-events: none;
}
.p-button.p-button-danger .p-badge {
  color: #e14d4d;
}
.p-button.p-button-danger.p-button-outlined {
  background-color: transparent;
  color: #EF4444;
  border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:enabled:hover {
  background: rgba(239, 68, 68, 0.04);
  color: #EF4444;
  border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:enabled:active {
  background: rgba(239, 68, 68, 0.04);
  color: #EF4444;
  border: 1px solid;
}
.p-button.p-button-warning {
  color: var(--White);
  background: var(--orange-600);
  border: 1px solid var(--orange-600);
}
.p-button.p-button-warning:hover, .p-button.p-button-warning:enabled:hover {
  color: var(--White);
  border-color: var(--orange-500);
  background: var(--orange-500);
  outline: none;
}
.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:enabled:focus {
  color: var(--White);
  border-color: var(--orange-500);
  background: var(--orange-500);
  outline: none;
}
.p-button.p-button-warning:disabled {
  opacity: 0.6;
  pointer-events: none;
}
.p-button.p-button-rounded {
  border-radius: 2rem;
}
.p-button.p-button-success {
  color: var(--White);
  background: var(--success-color);
  border: 1px solid var(--success-color);
}
.p-button.p-button-success:hover, .p-button.p-button-success:enabled:hover {
  color: var(--White);
  border-color: var(--success-secondary-color);
  background: var(--success-secondary-color);
  outline: none;
}
.p-button.p-button-success:enabled:active, .p-button.p-button-success:enabled:focus {
  color: var(--White);
  border-color: var(--success-color);
  background: var(--success-color);
  outline: none;
}
.p-button.p-button-success:disabled {
  opacity: 0.6;
  pointer-events: none;
}
.p-button.p-button-outlined-danger {
  color: var(--red-600);
  background: var(--White);
  border: 1px solid var(--red-600);
}
.p-button.p-button-outlined-danger:hover, .p-button.p-button-outlined-danger:enabled:hover {
  color: var(--red-600);
  background: var(--red-50);
  border: 1px solid var(--red-600);
  outline: none;
}
.p-button.p-button-outlined-danger:hover img, .p-button.p-button-outlined-danger:enabled:hover img {
  opacity: 0.8;
}
.p-button.p-button-outlined-danger:enabled:active, .p-button.p-button-outlined-danger:enabled:focus {
  background: var(--White);
  border: 1px solid var(--red-600);
  outline: none;
}

.btn-small {
  font-size: 9px;
  padding: 5px 6px;
  line-height: 1;
  display: inline-block;
}
@media (min-width: 1600px) {
  .btn-small {
    font-size: var(--font-size-10);
  }
}
.btn-small .p-button-label {
  font-weight: 600;
}
.btn-small .p-button-icon {
  font-size: 9px;
}
.btn-small .p-badge {
  font-size: 10px;
  height: 12px;
  min-width: unset;
  width: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0;
}

/* Button End */
/* Datatable Start */
.p-datatable-table {
  border-spacing: 0px;
  width: 100%;
}

.p-datatable {
  overflow: auto;
}
.p-datatable.p-datatable-gridlines .p-datatable-wrapper .p-datatable-table .p-datatable-thead > tr > th {
  border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-wrapper .p-datatable-table .p-datatable-thead > tr > th .p-checkbox.p-highlight .p-checkbox-box {
  border-color: #ffffff;
  background: #ffffff;
}
.p-datatable.p-datatable-gridlines .p-datatable-wrapper .p-datatable-table .p-datatable-thead > tr > th .p-checkbox.p-highlight .p-checkbox-box .p-checkbox-icon {
  color: var(--primary-color);
}
.p-datatable.p-datatable-gridlines .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td {
  border-width: 1px;
}
.p-datatable .p-datatable-wrapper {
  background: var(--White);
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead > tr > th {
  color: #ffffff;
  padding: 9px 10px;
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-600);
  border-color: #238dc3;
  white-space: nowrap;
  background: var(--primary-color);
}
@media (min-width: 1600px) {
  .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead > tr > th {
    font-size: var(--font-size-13);
  }
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr {
  color: #232529;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td {
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-500);
  padding: 0px 10px !important;
  border-color: #eeeff1;
  background: #ffffff;
  height: 45px;
}
@media (min-width: 1600px) {
  .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td {
    font-size: var(--font-size-13);
  }
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td .vjs-tree {
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td strong {
  font-weight: 600;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td .Gender-Icon {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td .field {
  max-width: 180px;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-init,
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-save,
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-cancel {
  padding: 6px;
  min-height: auto;
  color: var(--gray-800);
  background: var(--White);
  border: 0;
  box-shadow: 0px 0px 2px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
  border-radius: var(--radius-4);
  width: 24px;
  height: 24px;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-save {
  background: #7bb933;
  color: #ffffff;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-cancel {
  background: #e14d4d;
  color: #ffffff;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr.p-highlight, .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr[aria-selected=true] {
  color: var(--primary-600);
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr.p-highlight > td, .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr[aria-selected=true] > td {
  background: #ebf3f9;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr.p-highlight .p-frozen-column, .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr[aria-selected=true] .p-frozen-column {
  background: #ebf3f9 !important;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr:not(.p-datatable-row-expansion):hover > td {
  background: #ebf3f9;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr:not(.p-datatable-row-expansion):hover .p-frozen-column {
  background: #ebf3f9 !important;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr:not(.piaggioBrandTotal):not(.piaggioSubTotal):not(.apriliaBrandTotal):not(.apriliaSubTotal):not(.motoBrandTotal):not(.motoSubTotal):not(.vespaSubTotal):not(.vespaBrandTotal):not(.piaggioBrand):not(.piaggioPlant):not(.piaggioFamily):not(.piaggioModel) .dark-bg {
  background-color: #e3e3e3 !important;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody .p-frozen-column:first-child {
  box-shadow: 2px 5px 6px 0px rgba(56, 65, 74, 0.15);
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody .p-frozen-column:nth-child(2) {
  box-shadow: 2px 5px 6px 0px rgba(56, 65, 74, 0.15);
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody .p-frozen-column:last-child {
  box-shadow: -2px 5px 6px 0px rgba(56, 65, 74, 0.15);
}
.p-datatable .p-datatable-wrapper .p-datatable-table .text-center .p-column-header-content {
  justify-content: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .check-box-center {
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  text-align: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .check-box-center .p-column-header-content {
  justify-content: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .check-box-center .p-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .sr-box-center {
  min-width: 55px;
  width: 55px;
  max-width: 55px;
  text-align: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .sr-box-center .p-column-header-content {
  justify-content: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .status-column {
  min-width: 85px;
  width: 85px;
  max-width: 85px;
  text-align: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .status-column .p-column-header-content {
  justify-content: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .Sort-column {
  min-width: 100px;
  width: 100px;
  max-width: 100px;
  text-align: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .Sort-column .p-column-header-content {
  justify-content: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .created-date {
  min-width: 180px;
  width: 180px;
  max-width: 180px;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .table-action-2 {
  min-width: 97px;
  width: 97px;
  max-width: 97px;
  text-align: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .table-action-2 .p-column-header-content {
  justify-content: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .table-action-3 {
  min-width: 124px;
  width: 124px;
  max-width: 124px;
  text-align: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .table-action-3 .p-column-header-content {
  justify-content: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .table-action-4 {
  min-width: 161px;
  width: 161px;
  max-width: 161px;
  text-align: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .table-action-4 .p-column-header-content {
  justify-content: center;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .width-100 {
  min-width: 100px;
  width: 100px;
  max-width: 100px;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .width-110 {
  min-width: 110px;
  width: 110px;
  max-width: 110px;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .width-130 {
  min-width: 130px;
  width: 130px;
  max-width: 130px;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .width-150 {
  min-width: 150px;
  width: 150px;
  max-width: 150px;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .width-180 {
  min-width: 180px;
  width: 180px;
  max-width: 180px;
}
.p-datatable .p-datatable-wrapper .ChildTableWrap {
  padding: 24px 5px 32px;
}
.p-datatable .p-datatable-wrapper .ChildTableWrap .ChildTable.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead > tr > th {
  padding: 4px 10px;
  background: #dddddd !important;
  color: #000000 !important;
  border-bottom: 16px solid #ffffff;
}
.p-datatable .p-datatable-wrapper .ChildTableWrap .ChildTable.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td {
  height: 30px;
  border-bottom: 1px solid #ffffff;
}
.p-datatable .p-datatable-wrapper .ChildTableWrap .ChildTable.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td > div {
  height: 30px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.p-datatable .p-datatable-wrapper .ChildTableWrap .ChildTable.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td > div i {
  font-weight: 300;
}
.p-datatable .p-sortable-column .p-sortable-column-icon {
  width: 11px;
  min-width: 11px;
  height: 14px;
  font-size: 0;
  background-repeat: no-repeat;
  background-size: 11px;
  color: transparent;
  vertical-align: baseline !important;
  position: relative;
  top: 2px;
}
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
  color: transparent;
}
.p-datatable .p-sortable-column[aria-sort=none] .p-sortable-column-icon {
  background-image: url(/img/Sort.3eece154.svg);
}
.p-datatable .p-sortable-column[aria-sort=ascending] .p-sortable-column-icon {
  background-image: url(/img/SortDown.83bf0e3e.svg);
}
.p-datatable .p-sortable-column[aria-sort=descending] .p-sortable-column-icon {
  background-image: url(/img/SortUp.05087424.svg);
}
.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon, .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  color: transparent;
}
.p-datatable .action-btns .p-button-aux {
  padding: 6px 8px;
  font-size: 16px;
  line-height: 1;
  width: unset;
}
.p-datatable .action-btns .p-button-aux .p-button-icon {
  margin: 0;
}
.p-datatable .action-btns .p-button-aux + .p-button-aux {
  margin-left: 5px;
}
.p-datatable .p-paginator-bottom {
  margin-top: 15px;
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.04);
  margin-bottom: 10px;
}
.p-datatable .p-paginator-bottom .p-paginator {
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.p-datatable .p-paginator-bottom .p-paginator .p-paginator-rpp-options {
  width: auto;
  height: auto;
}
@media (max-width: 767px) {
  .p-datatable .p-paginator-bottom .p-paginator .p-paginator-rpp-options {
    margin: 0;
    margin-bottom: 8px;
  }
}
.p-datatable .p-paginator-bottom .p-paginator .p-paginator-current {
  margin-right: auto;
  font-size: 12px;
  color: #1c1d1f;
  height: auto;
  line-height: normal;
}
@media (max-width: 767px) {
  .p-datatable .p-paginator-bottom .p-paginator .p-paginator-current {
    width: calc(100% - 69px);
    justify-content: flex-end;
    padding-right: 0;
  }
}
.p-datatable .p-paginator-bottom .p-paginator .p-paginator-page.p-highlight {
  background: #edf9ff;
  border-color: #edf9ff;
  width: 32px;
  height: 32px;
  min-width: auto;
  color: var(--primary-600);
}
@media (max-width: 767px) {
  .p-datatable .p-paginator-bottom .p-paginator .p-paginator-page.p-highlight {
    min-width: 24px;
    height: 24px;
    width: 24px;
  }
}
.p-datatable .p-paginator-bottom .p-paginator .p-paginator-element {
  min-width: 34px;
  height: 34px;
}
@media (max-width: 767px) {
  .p-datatable .p-paginator-bottom .p-paginator .p-paginator-element {
    min-width: 24px;
    height: 24px;
    width: 24px;
  }
}
.p-datatable .p-frozen-column {
  position: sticky;
  z-index: 1;
}

.scroll_height {
  min-height: 241px;
}
@media screen and (max-width: 767px) {
  .scroll_height {
    height: auto;
  }
}
.scroll_height .p-datatable {
  height: auto;
}
@media (max-width: 767px) {
  .scroll_height .p-datatable .p-datatable-wrapper {
    height: calc(100% - 100px);
  }
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table {
  border-collapse: separate;
  border-spacing: 0;
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead {
  position: sticky;
  top: 0;
  z-index: 5 !important;
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead td {
  border-bottom: 0 !important;
  border-left: 0 !important;
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead th {
  border-bottom: 0 !important;
  border-left: 0 !important;
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead th.p-frozen-column:first-child {
  box-shadow: 8px 0 6px -6px rgba(56, 65, 74, 0.15);
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead th.p-frozen-column:last-child {
  box-shadow: -8px 0 6px -6px rgba(56, 65, 74, 0.15);
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td {
  border-bottom: 0 !important;
  border-left: 0 !important;
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td:last-child {
  border-right: 0 !important;
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:nth-child(even) td.p-frozen-column {
  background-color: var(--White);
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:nth-child(odd) td.p-frozen-column {
  background-color: var(--White);
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child td {
  border-bottom: 1px solid #eeeff1 !important;
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child td.p-frozen-column:first-child {
  box-shadow: 8px 0 6px -6px rgba(56, 65, 74, 0.15);
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child td.p-frozen-column:last-child {
  box-shadow: -8px 0 6px -6px rgba(56, 65, 74, 0.15);
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child.p-datatable-emptymessage td {
  border-bottom: 0 !important;
  background: transparent;
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child.p-datatable-emptymessage .no-data {
  text-align: center;
  padding: 30px 0;
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child.p-datatable-emptymessage .no-data img {
  width: 100%;
  max-width: 120px;
}
.scroll_height .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child.p-datatable-emptymessage .no-data h4 {
  margin: 20px 0 0 0;
  color: #6d6d6d;
  font-size: var(--font-size-14);
  text-align: center;
}

.No__scroll-height .scroll_height {
  height: auto;
}

.p-dialog-content .scroll_height {
  height: auto;
  min-height: auto;
}

.no-filter + .custom-datatable-wrapper .scroll_height {
  height: calc(100vh - 200px);
}
@media screen and (max-width: 767px) {
  .no-filter + .custom-datatable-wrapper .scroll_height {
    height: calc(100vh - 225px);
  }
}

/* Small, Normal, Large Table CSS */
.Normal .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead > tr > th {
  padding: 8px;
  height: 45px;
}
.Normal .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td {
  padding: 5px 8px;
  height: 45px;
}

.Large .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead > tr > th {
  padding: 8px;
  height: 51px;
}
.Large .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td {
  padding: 5px 8px;
  height: 51px;
}

/* Datatable End*/
/* Checkbox Start */
.p-checkbox {
  width: 20px;
  height: 20px;
  position: relative;
}
.p-checkbox .p-checkbox-input {
  cursor: pointer;
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  z-index: 1;
  outline: 0 none;
  border: 1px solid #dfdbd0;
  border-radius: 6px;
}
.p-checkbox .p-checkbox-box {
  text-align: center;
  border: 1px solid #dfdbd0;
  background: var(--White);
  width: 20px;
  height: 20px;
  border-radius: 6px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
  outline-color: transparent;
}
.p-checkbox .p-checkbox-box.p-highlight {
  border-color: var(--primary-600);
  background: var(--primary-600);
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
  transition-duration: 0.2s;
  color: #ffffff;
  font-size: 0.875rem;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
  width: 0.875rem;
  height: 0.875rem;
}
.p-checkbox.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  border-color: var(--gray-500);
}
.p-checkbox.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  border-color: var(--primary-600);
  background: var(--primary-600);
  color: var(--White);
}
.p-checkbox.p-checkbox-disabled {
  pointer-events: none;
}
.p-checkbox.p-checkbox-disabled .p-checkbox-box.p-disabled {
  background: var(--gray-50);
  border-color: var(--buttonBdr);
}
.p-checkbox.p-checkbox-disabled + label {
  pointer-events: none;
  color: var(--gray-300);
}
.p-checkbox + label {
  margin-bottom: 0px;
  cursor: pointer;
}
.p-checkbox.p-highlight .p-checkbox-box {
  border-color: var(--primary-color);
  background: var(--primary-color);
}
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
  border-color: #94a3b8;
}
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
  border-color: var(--primary-color);
  background: var(--primary-color);
  color: #ffffff;
}

/* Checkbox End */
/* Radio Button Start */
.p-radiobutton {
  position: relative;
  display: inline-flex;
  user-select: none;
  vertical-align: bottom;
  width: 18px;
  height: 18px;
}
.p-radiobutton .p-radiobutton-box {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #cbd5e1;
  background: var(--White);
  width: 18px;
  height: 18px;
  color: var(--gray-600);
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
  outline-color: transparent;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 10px;
  height: 10px;
  transition-duration: 0.2s;
  background-color: var(--primary-color);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0) scale(0.1);
  border-radius: 50%;
  visibility: hidden;
}
.p-radiobutton.p-highlight .p-radiobutton-box {
  border-color: var(--primary-600);
}
.p-radiobutton.p-highlight.p-radiobutton-box:not(.p-disabled):hover {
  border-color: var(--primary-600);
  background: var(--primary-600);
}
.p-radiobutton.p-radiobutton-disabled {
  pointer-events: none;
}
.p-radiobutton.p-radiobutton-disabled .p-radiobutton-box.p-disabled {
  background: var(--gray-50);
  border-color: var(--buttonBdr);
}
.p-radiobutton.p-radiobutton-disabled + label {
  pointer-events: none;
  color: var(--gray-300);
}
.p-radiobutton + label {
  margin-bottom: 0px;
  cursor: pointer;
}
.p-radiobutton .p-radiobutton-input {
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  z-index: 1;
  outline: 0 none;
  border: 1px solid #cbd5e1;
  border-radius: 50%;
  cursor: pointer;
}

.p-radiobutton.p-highlight .p-radiobutton-icon {
  transform: translateZ(0) scale(1, 1);
  visibility: visible;
}

/* Radio Button End */
.p-dialog-mask {
  padding: 16px;
}
.p-dialog-mask .p-dialog {
  width: 100%;
  max-width: 680px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: var(--boxShadow);
  border: 1px solid var(--buttonBdr);
  border-radius: 16px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  padding-bottom: 70px;
  max-height: 90%;
  transform: scale(1);
}
.p-dialog-mask .p-dialog .p-dialog-header {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
.p-dialog-mask .p-dialog .p-dialog-header .p-dialog-title {
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  color: var(--secondary-800);
}
.p-dialog-mask .p-dialog .p-dialog-header .p-dialog-header-icons .p-dialog-header-icon {
  color: var(--gray-600);
}
.p-dialog-mask .p-dialog .p-dialog-content {
  padding: 16px;
  overflow: auto;
}
.p-dialog-mask .p-dialog .p-dialog-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
  padding: 16px;
  left: 0;
}
.p-dialog-mask .p-dialog .p-dialog-footer button {
  min-width: 80px;
  margin: 0;
}
.p-dialog-mask .p-dialog .p-dialog-footer button + button {
  margin-left: 8px;
}
.p-dialog-mask .p-dialog.large-modal {
  max-width: 950px;
}
.p-dialog-mask .p-dialog.extra-large-modal {
  max-width: 1200px;
}

.custom-datatable-wrapper .tabsview-content {
  position: relative;
}
.custom-datatable-wrapper .admin-actions-btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1800px) {
  .custom-datatable-wrapper .admin-actions-btn-wrapper {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .custom-datatable-wrapper .admin-actions-btn-wrapper {
    flex-direction: column-reverse;
    min-height: 40px;
  }
}
@media (max-width: 767px) {
  .custom-datatable-wrapper .admin-actions-btn-wrapper .left-part {
    width: 100%;
    display: flex;
  }
}
.custom-datatable-wrapper .admin-actions-btn-wrapper .left-part .p-button {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .custom-datatable-wrapper .admin-actions-btn-wrapper .left-part .p-button {
    margin-bottom: 8px;
    justify-content: center;
    width: 100%;
  }
}
.custom-datatable-wrapper .admin-actions-btn-wrapper .left-part .p-button + .p-button {
  margin-left: 10px;
}
.custom-datatable-wrapper .admin-actions-btn-wrapper .right-part {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .custom-datatable-wrapper .admin-actions-btn-wrapper .right-part {
    padding-right: 42px;
    min-height: 40px;
  }
}
@media (max-width: 767px) {
  .custom-datatable-wrapper .admin-actions-btn-wrapper .right-part {
    width: 100%;
    flex-wrap: wrap;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .custom-datatable-wrapper .admin-actions-btn-wrapper .right-part > div {
    width: 100%;
  }
}
.custom-datatable-wrapper .admin-actions-btn-wrapper .right-part .p-button {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .custom-datatable-wrapper .admin-actions-btn-wrapper .right-part .p-button {
    margin-bottom: 8px;
    justify-content: center;
    width: 100%;
  }
}
.custom-datatable-wrapper .admin-actions-btn-wrapper .right-part .p-button .p-button-label {
  flex: unset;
}
.custom-datatable-wrapper .admin-actions-btn-wrapper .right-part > *:not(:last-child) {
  margin-right: 16px;
}
@media (max-width: 767px) {
  .custom-datatable-wrapper .admin-actions-btn-wrapper .right-part > *:not(:last-child) {
    margin-right: 0;
  }
}
.custom-datatable-wrapper .admin-actions-btn-wrapper .right-part .p-fileupload-choose {
  color: var(--secondary-800);
  background: var(--White);
  border: 0;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.custom-datatable-wrapper .admin-actions-btn-wrapper .right-part .p-fileupload-choose .p-button-icon {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  margin-bottom: 0;
}
.custom-datatable-wrapper .admin-actions-btn-wrapper .right-part .p-fileupload-choose:hover {
  background: var(--primary-600);
  color: #ffffff;
}
.custom-datatable-wrapper .admin-actions-btn-wrapper .right-part .p-fileupload-choose:active, .custom-datatable-wrapper .admin-actions-btn-wrapper .right-part .p-fileupload-choose:focus {
  color: var(--gray-800);
  background: #fbfbfb;
  box-shadow: 0px 0px 2px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
}
.custom-datatable-wrapper .admin-actions-btn-wrapper .field > label {
  width: auto;
  color: var(--gray-600);
}
@media (max-width: 767px) {
  .custom-datatable-wrapper .admin-actions-btn-wrapper .field > label {
    margin-right: auto;
  }
}
.custom-datatable-wrapper .status-tag {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 100px;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid;
  min-width: 80px;
  text-align: center;
}
.custom-datatable-wrapper .status-tag.active {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.custom-datatable-wrapper .status-tag.inactive {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.custom-datatable-wrapper .field {
  box-shadow: rgb(224, 224, 224) 0px 0px 2px, rgba(24, 39, 75, 0.02) 0px 1px 4px -2px, rgba(24, 39, 75, 0.06) 0px 4px 4px -2px;
  border-radius: var(--radius-4);
  padding: 8px 10px;
}
.custom-datatable-wrapper .field .p-inputtext {
  border: none;
  box-shadow: none;
  color: var(--secondary-800);
}
.custom-datatable-wrapper .field .p-dropdown {
  box-shadow: none;
}
.custom-datatable-wrapper .field .p-dropdown .p-dropdown-label {
  padding: 0;
}
.custom-datatable-wrapper .field .p-dropdown .p-dropdown-trigger {
  color: var(--secondary-800) !important;
}
.custom-datatable-wrapper .p-calendar .p-button {
  border: none !important;
}

/* Calendar Start */
.p-calendar {
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(18, 18, 23, 0.05);
}
.p-calendar .p-datepicker {
  min-width: 100%;
  width: 320px !important;
}
.p-calendar .p-inputtext {
  border-right: 0;
  box-shadow: none;
  border-radius: 4px 0 0 4px;
}
.p-calendar .p-inputtext:hover + .p-datepicker-trigger {
  border-color: var(--gray-600) !important;
}
.p-calendar .p-datepicker-trigger {
  background: transparent !important;
  color: var(--gray-600) !important;
  border: 1px solid var(--inputBdr) !important;
  border-left: 0 !important;
  opacity: 1;
  border-radius: 0px 4px 4px 0px;
  box-shadow: none;
}
.p-calendar .p-datepicker-trigger .p-icon {
  width: 14px;
  height: 14px;
}
.p-calendar .p-datepicker-trigger .pi-clock {
  font-size: 13px;
}
.p-calendar .p-button {
  padding: 5px 8px;
}
.p-calendar.p-calendar-disabled {
  pointer-events: none;
}
.p-calendar.p-calendar-disabled .p-inputtext {
  border-right: 0;
}
.p-calendar.p-calendar-disabled .p-datepicker-trigger {
  color: var(--gray-600);
  border: 1px solid var(--inputBdr) !important;
  background: var(--gray-00) !important;
  opacity: 0.6;
  border-left: 0 !important;
}
.p-calendar:not(.p-calendar-disabled).p-focus .p-inputtext {
  outline: none;
}

.p-datepicker .p-datepicker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-datepicker .p-datepicker-header .p-link {
  text-align: left;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  user-select: none;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar th > span {
  width: 22px;
  height: 22px;
  color: var(--gray);
  font-size: 12px;
  font-weight: 500;
}
.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar td {
  padding: 0.3rem;
}
.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar td > span {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  transition: box-shadow 0.2s;
  border: 1px solid transparent;
  color: var(--Black);
  font-weight: 400;
  font-size: 12px;
}
.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar td > span.p-highlight {
  color: var(--White);
  background: var(--primary-600);
}
.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar td.p-datepicker-today > span {
  background: var(--primary-600);
  color: var(--White);
}
.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar td.p-datepicker-today > span:hover {
  background: var(--primary-500) !important;
  color: var(--White);
}
.p-datepicker .p-monthpicker-month {
  font-size: 14px;
}
.p-datepicker .p-yearpicker-year {
  font-size: 14px;
  width: calc(50% - 10px);
  margin: 2px 5px;
}
.p-datepicker .p-datepicker-title {
  font-size: 14px;
  text-align: center;
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
  outline-offset: 0;
}

/* Calendar End */
/* Timepicker Start */
.p-timepicker {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-timepicker > div {
  display: flex;
  align-items: center;
  flex-direction: column;
}

/* Timepicker End */
/* Switch Start */
.p-inputswitch {
  display: inline-block;
}
.p-inputswitch .p-inputswitch-input {
  cursor: pointer;
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  z-index: 1;
  outline: 0 none;
  border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider {
  box-shadow: 0px 0px 2px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid transparent;
  background: #cbd5e1;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
  border-radius: 30px;
  outline-color: transparent;
}
.p-inputswitch .p-inputswitch-slider:before {
  position: absolute;
  content: "";
  top: 50%;
  background: #ffffff;
  border-radius: 50%;
  transition-duration: 0.2s;
}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
  background: #fbfbfb;
}
.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
  background: #cbd5e1;
}
.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
  background: var(--primary-300);
}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
  background: var(--primary-600);
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: var(--primary-600);
}
.p-inputswitch.p-focus .p-inputswitch-slider {
  border-radius: 100px;
  box-shadow: 0px 0px 2px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
}
.p-inputswitch.p-highlight .p-inputswitch-slider {
  background: var(--primary-color);
}
.p-inputswitch.p-highlight .p-inputswitch-slider:before {
  background: #ffffff;
  transform: translateX(1rem);
}

/* Switch End */
.p-editor-container .ql-font,
.p-editor-container .ql-image,
.p-editor-container .ql-clean {
  display: none !important;
}
.p-editor-container .ql-editor {
  min-height: 120px;
}

/* Focus CSS Start */
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus,
.p-cascadeselect:not(.p-disabled).p-focus,
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus,
.p-multiselect:not(.p-disabled).p-focus,
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus,
.p-rating .p-rating-icon:focus,
.p-slider .p-slider-handle:focus,
.p-treeselect:not(.p-disabled).p-focus,
.p-button:focus,
.p-button.p-button-link:enabled:focus,
.p-carousel .p-carousel-content .p-carousel-prev:focus,
.p-carousel .p-carousel-content .p-carousel-next:focus,
.p-datatable .p-datatable-tbody tr:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus,
.p-column-filter-menu-button:focus,
.p-column-filter-clear-button:focus,
.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
  box-shadow: none;
  outline: none;
}

/* Focus CSS End */
/* Toast Start */
.p-toast {
  opacity: 0.95;
  width: 100%;
  max-width: 324px;
}
.p-toast.p-toast-top-right {
  top: 20px !important;
}
.p-toast.CustomToast .p-toast-message {
  box-shadow: 0 3px 6px rgba(143, 149, 178, 0.16);
  border-radius: var(--radius-4);
}
.p-toast.CustomToast .p-toast-message .p-toast-message-content {
  position: relative;
  display: block;
  padding: 15px 15px 15px 49px;
  border-radius: var(--radius-4);
}
.p-toast.CustomToast .p-toast-message .p-toast-message-content > i {
  display: block;
  position: absolute;
  top: 12px;
  left: 15px;
  font-size: 22px;
}
.p-toast.CustomToast .p-toast-message .p-toast-message-content h4 {
  margin: 0 0 8px;
  padding: 0;
  font-weight: var(--font-weight-700);
  color: var(--green-700);
}
.p-toast.CustomToast .p-toast-message .p-toast-message-content p {
  margin: 0;
  padding: 0;
  font-size: var(--font-size-12);
}
.p-toast.CustomToast .p-toast-message .p-toast-message-content p a {
  text-decoration: underline;
  color: var(--secondary-800);
}
.p-toast.CustomToast .p-toast-message .p-toast-message-content div[data-pc-section=buttoncontainer] {
  position: absolute;
  top: 10px;
  right: 15px;
  width: auto;
  height: auto;
}
.p-toast.CustomToast .p-toast-message .p-toast-message-content div[data-pc-section=buttoncontainer]:hover {
  background: transparent;
}
.p-toast.CustomToast .p-toast-message.p-toast-message-success i,
.p-toast.CustomToast .p-toast-message.p-toast-message-success h4,
.p-toast.CustomToast .p-toast-message.p-toast-message-success p,
.p-toast.CustomToast .p-toast-message.p-toast-message-success .p-toast-icon-close {
  color: var(--green-700);
}
.p-toast.CustomToast .p-toast-message.p-toast-message-error i,
.p-toast.CustomToast .p-toast-message.p-toast-message-error h4,
.p-toast.CustomToast .p-toast-message.p-toast-message-error p,
.p-toast.CustomToast .p-toast-message.p-toast-message-error .p-toast-icon-close {
  color: var(--red-700);
}
.p-toast.CustomToast .p-toast-message.p-toast-message-warn i,
.p-toast.CustomToast .p-toast-message.p-toast-message-warn h4,
.p-toast.CustomToast .p-toast-message.p-toast-message-warn p,
.p-toast.CustomToast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
  color: #cf943a;
}
.p-toast.CustomToast .p-toast-message.p-toast-message-info i,
.p-toast.CustomToast .p-toast-message.p-toast-message-info h4,
.p-toast.CustomToast .p-toast-message.p-toast-message-info p,
.p-toast.CustomToast .p-toast-message.p-toast-message-info .p-toast-icon-close {
  color: #4393cc;
}

/* Toast End */
/* Accordion Start */
.p-accordion .p-accordion-tab {
  margin-bottom: 16px;
}
.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
  font-size: var(--font-size-12);
  font-weight: 700;
  padding: 12px 35px 12px 15px;
  color: var(--gray-800);
  background: var(--White);
  border: 1px solid var(--gray-400);
}
@media (max-width: 767px) {
  .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
    flex-wrap: wrap;
  }
  .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link .ml-2 {
    margin-left: 0 !important;
    width: 100%;
    display: block;
    margin-top: 6px;
  }
}
.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  order: 2;
  position: absolute;
  right: 10px;
  margin: 0 !important;
  font-size: 14px;
  display: inline-flex;
  padding: 1px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: var(--gray-00);
  height: 14px;
  width: 14px;
  color: var(--gray-600);
}
.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link .p-accordion-header-text {
  width: 100%;
  padding-right: 15px;
}
.p-accordion .p-accordion-tab .p-accordion-header.p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: var(--primary-600);
  color: var(--White);
  border-color: var(--primary-600);
}
.p-accordion .p-accordion-tab .p-accordion-header:hover .p-accordion-header-link {
  background: var(--primary-600);
  color: var(--White);
  border-color: var(--primary-600);
}
.p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content {
  border: 1px solid var(--buttonBdr);
  background: #fff;
}
.p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content p {
  font-size: var(--font-size-12);
  line-height: 20px;
  text-transform: capitalize;
  margin: 0;
  font-weight: var(--font-weight-500);
  color: var(--secondary-700);
}
.p-accordion .p-accordion-tab .p-toggleable-content .custom-datatable-wrapper .admin-actions-btn-wrapper {
  display: none;
}
.p-accordion .p-accordion-tab .p-toggleable-content .custom-datatable-wrapper .scroll_height {
  height: auto;
}
.p-accordion .p-accordion-tab .accordionFooter {
  border-top: 1px solid var(--buttonBdr);
  border-radius: 0 0 6px 6px;
  text-align: right;
  background: #ffffff;
  position: sticky;
  bottom: 0;
  padding: 16px 0;
  margin-top: 8px;
}
.p-accordion .p-accordion-tab .accordionFooter .p-button {
  min-width: 74px;
}
.p-accordion .p-accordion-tab .accordionFooter .p-button + .p-button {
  margin-left: 10px;
}
.p-accordion.custom-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
  padding: 0 32px 0 12px;
}
.p-accordion.custom-accordion .p-accordion-tab .p-accordion-header .acco-title {
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  padding: 8px 13px 8px 0;
  font-weight: 500;
  line-height: 16px;
  width: 33.33%;
}
@media (max-width: 767px) {
  .p-accordion.custom-accordion .p-accordion-tab .p-accordion-header .acco-title {
    width: 100%;
    margin-right: 0;
    border-right: 0;
    padding: 10px 0 0 0;
  }
}
.p-accordion.custom-accordion .p-accordion-tab .p-accordion-header .acco-title:last-child {
  margin-right: 0;
  border-right: 0;
}
@media (max-width: 767px) {
  .p-accordion.custom-accordion .p-accordion-tab .p-accordion-header .acco-title:last-child {
    margin-bottom: 10px;
  }
}
.p-accordion.custom-accordion .p-accordion-tab .p-accordion-header .acco-title.acco-status {
  position: absolute;
  right: 25px;
  text-align: right;
  width: auto;
}
.p-accordion.custom-accordion .p-accordion-tab .p-accordion-header .text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-accordion.custom-accordion .p-accordion-tab .p-accordion-header.draftSaved .p-accordion-header-link {
  background: var(--red-500) !important;
}
.p-accordion.custom-accordion .p-accordion-tab .p-accordion-header.createdVisitEntry .p-accordion-header-link {
  background: #ed7d31 !important;
}

/* Accordion End */
.p-inputgroup > div {
  width: 100%;
}
.p-inputgroup > div .p-inputtext {
  width: 100%;
  border-radius: 0px 6px 6px 0px;
}
.p-inputgroup .p-inputgroup-addon {
  background: var(--gray-50);
  height: 32px;
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-600);
}

.p-slider {
  background: var(--Bdr);
  border-radius: 100px;
}
.p-slider .p-slider-range {
  background: var(--secondary-600);
  border-radius: 100px;
}
.p-slider .p-slider-handle {
  border: 2px solid var(--secondary-600);
  width: 14px;
  height: 14px;
  margin-top: -7px !important;
  margin-left: -7px !important;
}

/* Tooltip Start */
.p-tooltip {
  position: absolute;
}
.p-tooltip .p-tooltip-arrow {
  border-bottom-color: var(--gray-800);
}
.p-tooltip .p-tooltip-text {
  font-size: 10px;
  background: var(--secondary-700);
  padding: 5px 10px;
}

/* Tooltip end */
.p-colorpicker .p-inputtext {
  height: 36px;
}

.selectedColorCode {
  margin-left: 10px;
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-500);
  color: var(--secondary-700);
}

.p-chips .p-chips-multiple-container .p-chips-token {
  padding: 3px 8px;
}

.p-button-icon-only .p-button-icon {
  margin-right: 0;
}

.p-tabview .p-tabview-nav {
  border: none;
}
.p-tabview .p-tabview-nav .p-tabview-ink-bar {
  display: none;
}
.p-tabview .p-tabview-nav li {
  margin: 0 10px;
  position: relative;
  z-index: 1;
}
.p-tabview .p-tabview-nav li::after {
  content: "";
  width: 30px;
  height: 1px;
  border-bottom: 1px dashed #AAA;
  position: absolute;
  left: calc(100% - 5px);
  top: 50%;
  z-index: -1;
}
@media (max-width: 767px) {
  .p-tabview .p-tabview-nav li::after {
    display: none;
  }
}
.p-tabview .p-tabview-nav li:nth-last-child(2)::after {
  display: none;
}
.p-tabview .p-tabview-nav .p-tabview-header .p-tabview-nav-link {
  border-radius: var(--radius-4);
  background: var(--White);
  box-shadow: 0px 4px 4px -2px rgba(24, 39, 75, 0.06), 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 0px 2px 0px #B8B8B8;
  padding: 3px 27px;
  min-width: 140px;
  justify-content: center;
}

.commonTable.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead > tr > th {
  padding: 8px 10px;
  background: #dddddd !important;
  color: #000000 !important;
  border-bottom: 6px solid #ffffff;
}
.commonTable.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td {
  height: 30px;
  border-bottom: 1px solid #ffffff;
  background-color: #f9f9f9;
}
.commonTable.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td > div {
  min-height: 30px;
  display: flex;
  align-items: center;
  line-height: 1;
  gap: 5px;
  padding: 3px 0px;
}
.commonTable.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td > div i {
  font-weight: 300;
}
.commonTable.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td .text-center .p-inputtext {
  text-align: center;
}
.commonTable.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td.ytd-col {
  font-weight: 700;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-thead > tr > th {
  padding: 8px 8px;
  background: #dddddd !important;
  color: #000000 !important;
  border-bottom: 6px solid #ffffff;
  line-height: 1;
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-600);
  white-space: nowrap;
}
@media (min-width: 1600px) {
  .commonTable.p-treetable .p-treetable-wrapper .p-treetable-thead > tr > th {
    font-size: var(--font-size-13);
  }
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr {
  color: #232529;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr > td {
  padding: 5px 8px;
  border-bottom: 1px solid #ffffff;
  background-color: #f5f5f5;
  font-size: var(--font-size-12);
  font-weight: 400;
  white-space: nowrap;
  height: 31px;
}
@media (min-width: 1600px) {
  .commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr > td {
    font-size: var(--font-size-13);
  }
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr > td .p-treetable-toggler {
  margin-right: 0.5rem;
  width: 14px;
  height: 14px;
  border-radius: 6px;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  color: var(--secondary-800);
  background: #D9D9D9;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 2px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr > td .p-treetable-toggler svg {
  width: 8px;
  height: 8px;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr > td .p-inputnumber .p-inputtext {
  text-align: center;
  box-shadow: 0px 0px 2px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
  padding: 2px;
  border-radius: var(--radius-4);
  border: none;
  font-size: var(--font-size-12);
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr > td.ytd-col {
  font-weight: 600;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr > td.co-col {
  font-weight: 600;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr:not(.p-datatable-row-expansion):hover > td {
  background: #dcf3ff;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr:focus {
  outline: 0;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr:not(.piaggioBrandTotal):not(.piaggioSubTotal):not(.apriliaBrandTotal):not(.apriliaSubTotal):not(.motoBrandTotal):not(.motoSubTotal):not(.vespaSubTotal):not(.vespaBrandTotal):not(.piaggioBrand):not(.piaggioPlant):not(.piaggioFamily):not(.piaggioModel) .dark-bg {
  background-color: #e3e3e3 !important;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr.piaggioBrand td:first-child .p-treetable-toggler {
  display: none;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr.piaggioPlant td:first-child {
  padding-left: 20px;
  position: relative;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr.piaggioPlant td:first-child:before {
  content: "";
  background: #ffffff;
  width: 10px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr.piaggioFamily td:first-child {
  padding-left: 15px;
  position: relative;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr.piaggioFamily td:first-child:before {
  content: "";
  background: #ffffff;
  width: 20px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr.piaggioModel td:first-child {
  padding-left: 10px;
  position: relative;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr.piaggioModel td:first-child:before {
  content: "";
  background: #ffffff;
  width: 30px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr:not(.piaggioBrand):not(.piaggioPlant):not(.piaggioFamily):not(.piaggioModel) td:first-child {
  position: relative;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr:not(.piaggioBrand):not(.piaggioPlant):not(.piaggioFamily):not(.piaggioModel) td:first-child:before {
  content: "";
  background: #ffffff;
  width: 30px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.commonTable.p-treetable .p-treetable-wrapper .p-treetable-tbody > tr.StockBudget td {
  border-bottom: 6px solid #ffffff;
}
.commonTable.p-treetable-scrollable .p-treetable-wrapper table {
  table-layout: initial;
}
.commonTable.p-treetable-scrollable .p-treetable-wrapper .p-treetable-thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}
.commonTable.p-treetable-scrollable .p-treetable-wrapper .p-treetable-thead tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.commonTable.p-treetable-scrollable .p-treetable-wrapper .p-treetable-thead tr th {
  display: table-cell;
  vertical-align: inherit;
}
.commonTable.p-treetable-scrollable .p-treetable-wrapper .p-treetable-tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
  position: initial;
}
.commonTable.p-treetable-scrollable .p-treetable-wrapper .p-treetable-tbody tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.commonTable.p-treetable-scrollable .p-treetable-wrapper .p-treetable-tbody tr td {
  display: table-cell;
  vertical-align: middle;
}
.commonTable.p-treetable-scrollable .p-treetable-wrapper .p-treetable-tfoot {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit;
}
.commonTable.p-treetable-scrollable .p-treetable-wrapper .p-treetable-tfoot tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.commonTable.p-treetable-scrollable .p-treetable-wrapper .p-treetable-tfoot tr td {
  display: table-cell;
  vertical-align: inherit;
}

.text-right div {
  justify-content: right;
}

.text-center div {
  justify-content: center;
}

.p-inline-message {
  padding: 5px 10px;
}
.p-inline-message .p-inline-message-icon {
  width: 12px;
  height: 12px;
}
.p-inline-message .p-inline-message-text {
  font-size: 10px;
  line-height: 1;
}

.p-tabview-scrollable .p-tabview-nav-container {
  width: calc(100% - 930px);
  margin-left: auto;
  margin-top: -20px;
}
@media (max-width: 1279px) {
  .p-tabview-scrollable .p-tabview-nav-container {
    width: 100%;
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .p-tabview-scrollable .p-tabview-nav-container {
    margin-top: 0;
  }
}
.p-tabview-scrollable .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav {
  line-height: 1;
  display: block;
  white-space: nowrap;
  text-align: right;
  padding-top: 20px;
}
.p-tabview-scrollable .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav li {
  display: inline-block;
}
@media (max-width: 991px) {
  .p-tabview-scrollable .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav li {
    display: block;
  }
}
.p-tabview-scrollable .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav li.p-tabview-ink-bar {
  display: none;
}
.p-tabview-scrollable .p-tabview-nav-container .p-tabview-nav-btn {
  padding: 29px 0 11px 0;
}
.p-tabview-scrollable.summaryPage-content .p-tabview-nav-container {
  width: calc(100% - 670px);
}
@media (max-width: 1279px) {
  .p-tabview-scrollable.summaryPage-content .p-tabview-nav-container {
    width: 100%;
  }
}
.p-tabview-scrollable.sellout-tabs .p-tabview-nav-container {
  width: calc(100% - 590px);
}
@media (max-width: 1279px) {
  .p-tabview-scrollable.sellout-tabs .p-tabview-nav-container {
    width: 100%;
  }
}
.p-tabview-scrollable:not(.summaryPage-content):not(.sellout-tabs):not(:has(.summary_tab[style*="display: none"])) .p-tabview-nav-container {
  width: calc(100% - 460px);
}
@media (max-width: 1279px) {
  .p-tabview-scrollable:not(.summaryPage-content):not(.sellout-tabs):not(:has(.summary_tab[style*="display: none"])) .p-tabview-nav-container {
    width: 100%;
  }
}

@font-face {
  font-family: "Open Sans";
  src: url(/fonts/OpenSans-MediumItalic.bd3a6c17.woff2) format("woff2"), url(/fonts/OpenSans-MediumItalic.dfc5e95c.woff) format("woff"), url(/fonts/OpenSans-MediumItalic.690b4817.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(/fonts/OpenSans-Medium.8dca1ae4.woff2) format("woff2"), url(/fonts/OpenSans-Medium.52e96a2e.woff) format("woff"), url(/fonts/OpenSans-Medium.c206e034.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(/fonts/OpenSans-Light.6c50b5d6.woff2) format("woff2"), url(/fonts/OpenSans-Light.bccc91dc.woff) format("woff"), url(/fonts/OpenSans-Light.4f790f43.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(/fonts/OpenSans-SemiBold.affe6f57.woff2) format("woff2"), url(/fonts/OpenSans-SemiBold.5011babc.woff) format("woff"), url(/fonts/OpenSans-SemiBold.e9112258.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(/fonts/OpenSans-LightItalic.e24ffe52.woff2) format("woff2"), url(/fonts/OpenSans-LightItalic.28ced653.woff) format("woff"), url(/fonts/OpenSans-LightItalic.e010cbe5.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(/fonts/OpenSans-Regular.d66ddb70.woff2) format("woff2"), url(/fonts/OpenSans-Regular.2a1a9d53.woff) format("woff"), url(/fonts/OpenSans-Regular.b89756d5.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(/fonts/OpenSans-Italic.a7cc9772.woff2) format("woff2"), url(/fonts/OpenSans-Italic.02012eab.woff) format("woff"), url(/fonts/OpenSans-Italic.b39603ff.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(/fonts/OpenSans-SemiBoldItalic.9e545347.woff2) format("woff2"), url(/fonts/OpenSans-SemiBoldItalic.356d0e9f.woff) format("woff"), url(/fonts/OpenSans-SemiBoldItalic.d4fcda05.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(/fonts/OpenSans-ExtraBoldItalic.4a549df5.woff2) format("woff2"), url(/fonts/OpenSans-ExtraBoldItalic.24ed4a97.woff) format("woff"), url(/fonts/OpenSans-ExtraBoldItalic.1db32b49.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(/fonts/OpenSans-Bold.a1bbeec1.woff2) format("woff2"), url(/fonts/OpenSans-Bold.f8488c85.woff) format("woff"), url(/fonts/OpenSans-Bold.805a46c1.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(/fonts/OpenSans-BoldItalic.6f345500.woff2) format("woff2"), url(/fonts/OpenSans-BoldItalic.22b02430.woff) format("woff"), url(/fonts/OpenSans-BoldItalic.a3a80740.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(/fonts/OpenSans-ExtraBold.6ee47d5a.woff2) format("woff2"), url(/fonts/OpenSans-ExtraBold.75fa38cc.woff) format("woff"), url(/fonts/OpenSans-ExtraBold.b353fd3b.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --surface: #f8f9fb;
  --primary-color: #007ab8 !important;
  --primary-dark: #951129;
  --secondary-dark: #2D2D2D;
  --primary-600: #007ab8 !important;
  --primary-500: #0388ca !important;
  --primary-400: #0391d8 !important;
  --primary-300: #039dea !important;
  --primary-200: #26b4fb !important;
  --primary-100: #b2e5ff !important;
  --primary-50: #dcf3ff !important;
  --secondary-800: #303030;
  --secondary-700: #373737;
  --secondary-600: #676767;
  --secondary-500: #CDCDCD;
  --secondary-400: #DADADA;
  --secondary-300: #E2E2E2;
  --secondary-200: #F7F7F7;
  --secondary-100: #F7F7F7;
  --secondary-50: #ebf6f6;
  --gray-800: #303030;
  --gray-700: #373737;
  --gray-600: #676767;
  --gray-500: #CDCDCD;
  --gray-400: #DADADA;
  --gray-300: #E2E2E2;
  --gray-200: #EFEFEF;
  --gray-100: #F7F7F7;
  --gray-50: #e9e9ec;
  --gray-10: #e4e4e4;
  --gray-00: #f4f5f6;
  --red-600: #e14d4d;
  --red-500: #f56161;
  --red-400: #ff7575;
  --red-300: #ff8989;
  --red-200: #ff9d9d;
  --red-100: #ffb1b1;
  --red-50: #ffebeb;
  --boxShadow: 0px 4px 16px 4px rgba(0, 0, 0, 0.04);
  --boxShadowBig: 0 5px 10px 0px rgba(0, 0, 0, 0.15);
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --font-size-9: 9px;
  --font-size-10: 10px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-weight-100: 100;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-900: 900;
  --inputBdr: #DADADA;
  --buttonBdr: #d4d3d9;
  --Bdr: #eaf0f5;
  --White: #ffffff;
  --Black: #000000;
  --black-100: #1c1d1f;
  --success-color:#00b050 !important;
  --success-secondary-color:#06bf5a !important;
}

* {
  font-family: "Open Sans", sans-serif;
}

body {
  font-family: "Open Sans", sans-serif;
  color: #232529;
  line-height: 1.5;
  background: #ffffff;
  min-height: 100vh;
  font-size: 12px;
  margin: 0;
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "Open Sans", sans-serif;
  color: #232529;
}

h1 {
  font-size: 24px;
  font-weight: 600;
}

h2 {
  font-size: 20px;
  font-weight: 600;
}

h3 {
  font-size: 18px;
  font-weight: 600;
}

h4 {
  font-size: 16px;
  font-weight: 600;
}

h5 {
  font-size: 14px;
  font-weight: 600;
}

h6 {
  font-size: 12px;
  font-weight: 600;
}

p {
  font-size: 12px;
}

a {
  text-decoration: none;
  cursor: pointer;
}

button {
  cursor: pointer;
}

.text-primary-600 {
  color: var(--primary-600);
}

.text-primary-500 {
  color: var(--primary-500);
}

.text-primary-400 {
  color: var(--primary-400);
}

.text-primary-300 {
  color: var(--primary-300);
}

.text-primary-200 {
  color: var(--primary-200);
}

.text-primary-100 {
  color: var(--primary-100);
}

.text-primary-50 {
  color: var(--primary-50);
}

.primary-600 {
  background: var(--primary-600);
}

.primary-500 {
  background: var(--primary-500);
}

.primary-400 {
  background: var(--primary-400);
}

.primary-300 {
  background: var(--primary-300);
}

.primary-200 {
  background: var(--primary-200);
}

.primary-100 {
  background: var(--primary-100);
}

.primary-50 {
  background: var(--primary-50);
}

.text-secondary-600 {
  color: var(--secondary-600);
}

.text-secondary-500 {
  color: var(--secondary-500);
}

.text-secondary-400 {
  color: var(--secondary-400);
}

.text-secondary-300 {
  color: var(--secondary-300);
}

.text-secondary-200 {
  color: var(--secondary-200);
}

.text-secondary-100 {
  color: var(--secondary-100);
}

.text-secondary-50 {
  color: var(--secondary-50);
}

.text-gray-600 {
  color: var(--gray-600);
}

.text-gray-500 {
  color: var(--gray-500);
}

.text-gray-400 {
  color: var(--gray-400);
}

.text-gray-300 {
  color: var(--gray-300);
}

.text-gray-200 {
  color: var(--gray-200);
}

.text-gray-100 {
  color: var(--gray-100);
}

.text-gray-50 {
  color: var(--gray-50);
}

.gray-600 {
  background: var(--gray-600);
}

.gray-500 {
  background: var(--gray-500);
}

.gray-400 {
  background: var(--gray-400);
}

.gray-300 {
  background: var(--gray-300);
}

.gray-200 {
  background: var(--gray-200);
}

.gray-100 {
  background: var(--gray-100);
}

.gray-50 {
  background: var(--gray-00);
}

.text-red-600 {
  color: var(--red-600);
}

.text-red-500 {
  color: var(--red-500);
}

.text-red-400 {
  color: var(--red-400);
}

.text-red-300 {
  color: var(--red-300);
}

.text-red-200 {
  color: var(--red-200);
}

.text-red-100 {
  color: var(--red-100);
}

.text-red-50 {
  color: var(--red-50);
}

.weight-400 {
  font-weight: var(--font-weight-400) !important;
}

.font-size-11 {
  font-size: var(--font-size-11);
}

.w-10 {
  min-width: 10px !important;
  width: 10px !important;
  max-width: 10px !important;
}

.w-20 {
  min-width: 20px !important;
  width: 20px !important;
  max-width: 20px !important;
}

.w-30 {
  min-width: 30px !important;
  width: 30px !important;
  max-width: 30px !important;
}

.w-40 {
  min-width: 40px !important;
  width: 40px !important;
  max-width: 40px !important;
}

.w-50 {
  min-width: 50px !important;
  width: 50px !important;
  max-width: 50px !important;
}

.w-60 {
  min-width: 60px !important;
  width: 60px !important;
  max-width: 60px !important;
}

.w-80 {
  min-width: 80px !important;
  width: 80px !important;
  max-width: 80px !important;
}

.w-85 {
  min-width: 85px !important;
  width: 85px !important;
  max-width: 85px !important;
}

.w-90 {
  min-width: 90px !important;
  width: 90px !important;
  max-width: 90px !important;
}

.w-100 {
  min-width: 100px !important;
  width: 100px !important;
  max-width: 100px !important;
}

.w-110 {
  min-width: 110px !important;
  width: 110px !important;
  max-width: 110px !important;
}

.w-115 {
  min-width: 115px !important;
  width: 115px !important;
  max-width: 115px !important;
}

.w-120 {
  min-width: 120px !important;
  width: 120px !important;
  max-width: 120px !important;
}

.w-150 {
  min-width: 150px !important;
  width: 150px !important;
  max-width: 150px !important;
}

.w-160 {
  min-width: 160px !important;
  width: 160px !important;
  max-width: 160px !important;
}

.w-170 {
  min-width: 170px !important;
  width: 170px !important;
  max-width: 170px !important;
}

.w-180 {
  min-width: 180px !important;
  width: 180px !important;
  max-width: 180px !important;
}

.w-200 {
  min-width: 200px !important;
  width: 200px !important;
  max-width: 200px !important;
}

.w-210 {
  min-width: 210px !important;
  width: 210px !important;
  max-width: 210px !important;
}

.w-220 {
  min-width: 220px !important;
  width: 220px !important;
  max-width: 220px !important;
}

.w-230 {
  min-width: 230px !important;
  width: 230px !important;
  max-width: 230px !important;
}

.w-240 {
  min-width: 240px !important;
  width: 240px !important;
  max-width: 240px !important;
}

.w-245 {
  min-width: 245px !important;
  width: 245px !important;
  max-width: 245px !important;
}

.w-250 {
  min-width: 250px !important;
  width: 250px !important;
  max-width: 250px !important;
}

.w-255 {
  min-width: 255px !important;
  width: 255px !important;
  max-width: 255px !important;
}

.w-260 {
  min-width: 260px !important;
  width: 260px !important;
  max-width: 260px !important;
}

.w-268 {
  min-width: 268px !important;
  width: 268px !important;
  max-width: 268px !important;
}

.w-270 {
  min-width: 270px !important;
  width: 270px !important;
  max-width: 270px !important;
}

.w-280 {
  min-width: 280px !important;
  width: 280px !important;
  max-width: 280px !important;
}

.w-285 {
  min-width: 285px !important;
  width: 285px !important;
  max-width: 285px !important;
}

.w-295 {
  min-width: 295px !important;
  width: 295px !important;
  max-width: 295px !important;
}

.w-300 {
  min-width: 300px !important;
  width: 300px !important;
  max-width: 300px !important;
}

.w-305 {
  min-width: 305px !important;
  width: 305px !important;
  max-width: 305px !important;
}

.w-310 {
  min-width: 310px !important;
  width: 310px !important;
  max-width: 310px !important;
}

.w-315 {
  min-width: 315px !important;
  width: 315px !important;
  max-width: 315px !important;
}

.w-320 {
  min-width: 320px !important;
  width: 320px !important;
  max-width: 320px !important;
}

.w-330 {
  min-width: 330px !important;
  width: 330px !important;
  max-width: 330px !important;
}

.w-335 {
  min-width: 335px !important;
  width: 335px !important;
  max-width: 335px !important;
}

.width-auto {
  width: auto !important;
}

.w-10pr {
  min-width: 10% !important;
  width: 10% !important;
  max-width: 10% !important;
}

.w-25pr {
  min-width: 25% !important;
  width: 25% !important;
  max-width: 25% !important;
}

.w-50pr {
  min-width: 50% !important;
  width: 50% !important;
  max-width: 50% !important;
}

.width-50 {
  width: 50px !important;
  max-width: 50px !important;
  min-width: 50px;
}

.width-60 {
  width: 60px !important;
  max-width: 60px !important;
  min-width: 60px;
}

.width-70 {
  width: 70px !important;
  max-width: 70px !important;
  min-width: 70px;
}

.width-80 {
  width: 80px !important;
  max-width: 80px !important;
  min-width: 80px;
}

.width-120 {
  width: 120px !important;
  max-width: 120px !important;
  min-width: 120px;
}

.width-150 {
  width: 150px !important;
  max-width: 150px !important;
  min-width: 150px !important;
}

.width-180 {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

.width-190 {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

.width-210 {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

.width-300 {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
}

.width-20per {
  width: 20% !important;
  max-width: 20% !important;
  min-width: 200px !important;
}

.width-30per {
  width: 30% !important;
  max-width: 30% !important;
  min-width: 300px !important;
}

.width-40per {
  width: 40% !important;
  max-width: 40% !important;
  min-width: 400px !important;
}

.width-50per {
  width: 50% !important;
  max-width: 50% !important;
  min-width: 500px !important;
}

.width-80per {
  width: 80% !important;
  max-width: 80% !important;
  min-width: 500px !important;
}

.width-85per {
  width: 85% !important;
  max-width: 85% !important;
  min-width: 500px !important;
}

.width-90per {
  width: 90% !important;
  max-width: 90% !important;
  min-width: 500px !important;
}

.h-60 {
  max-height: 60px !important;
  height: 60px !important;
}

.h-90 {
  max-height: 90px !important;
  height: 90px !important;
}

.h-120 {
  max-height: 120px !important;
  height: 120px !important;
}

.h-150 {
  max-height: 150px !important;
  height: 150px !important;
}

.h-180 {
  max-height: 180px !important;
  height: 180px !important;
}

.font-w-500 {
  font-weight: 500 !important;
}

.font-w-600 {
  font-weight: 600 !important;
}

.font-w-700 {
  font-weight: 700 !important;
}

.sr-box-center {
  min-width: 70px !important;
  width: 70px !important;
  max-width: 70px !important;
  text-align: center !important;
}

.text-right {
  text-align: right;
}
.text-right .p-column-header-content, .text-right > div {
  justify-content: end;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.error {
  color: var(--red-600);
  border-color: var(--red-600) !important;
}
.error:focus, .error:enabled:hover, .error:enabled:focus {
  border: 1px solid var(--red-600);
}
.error input,
.error .p-password-input {
  color: var(--red-600);
  border-color: var(--red-600) !important;
}
.error input:focus, .error input:enabled:hover, .error input:enabled:focus,
.error .p-password-input:focus,
.error .p-password-input:enabled:hover,
.error .p-password-input:enabled:focus {
  border: 1px solid var(--red-600);
}

.error-msg {
  color: var(--red-600);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-500);
  margin: 3px 0 0 0;
  text-align: right;
}

.userCol {
  overflow-wrap: break-word !important;
}

/* Login Page Start */
.auth-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 16px;
  background: linear-gradient(135deg, #014ea0 0%, #01a8d5 50%, #0396cc 100%);
}
.auth-wrapper .auth-body {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body {
    max-width: 792px;
  }
}
.auth-wrapper .auth-body .content-wrapper {
  display: flex;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
  .auth-wrapper .auth-body .content-wrapper {
    display: block;
    box-shadow: none;
  }
}
.auth-wrapper .auth-body .content-wrapper .left-wrapper {
  background: #f8f9fb;
  width: 100%;
  max-width: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .content-wrapper .left-wrapper {
    max-width: 320px;
  }
}
@media (max-width: 767px) {
  .auth-wrapper .auth-body .content-wrapper .left-wrapper {
    background: transparent;
    padding: 0;
    text-align: center;
    max-width: 100%;
    margin-bottom: 24px;
  }
}
.auth-wrapper .auth-body .content-wrapper .left-wrapper img {
  max-width: 220px;
}
@media (max-width: 767px) {
  .auth-wrapper .auth-body .content-wrapper .left-wrapper img {
    max-width: 140px;
    height: auto;
  }
}
.auth-wrapper .auth-body .content-wrapper .right-wrapper {
  background: var(--White);
  padding: 30px 40px 30px 40px;
  width: 100%;
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .content-wrapper .right-wrapper {
    padding: 40px 60px 40px 60px;
  }
}
@media (max-width: 767px) {
  .auth-wrapper .auth-body .content-wrapper .right-wrapper {
    padding: 15px;
    box-shadow: var(--boxShadowBig);
    border-radius: 6px;
  }
}
.auth-wrapper .auth-body .form-wrapper h2 {
  font-size: 18px;
  font-weight: 300;
  color: var(--Black);
  margin: 0 0 20px 0;
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .form-wrapper h2 {
    margin: 0 0 30px 0;
  }
}
.auth-wrapper .auth-body .form-wrapper h2 strong {
  font-weight: 600;
  font-size: var(--font-size-20);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .auth-wrapper .auth-body .form-wrapper h2 {
    margin: 0 0 15px 0;
    font-size: 20px;
  }
}
.auth-wrapper .auth-body .form-wrapper .field {
  margin: 0 0 16px 0;
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .form-wrapper .field {
    margin-bottom: 25px;
  }
}
.auth-wrapper .auth-body .form-wrapper .field label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 3px 0;
  color: var(--Black);
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .form-wrapper .field label {
    font-size: 14px;
  }
}
.auth-wrapper .auth-body .form-wrapper .field .p-inputtext {
  width: 100%;
  font-size: var(--font-size-14);
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .form-wrapper .field .p-inputtext {
    height: 45px;
  }
}
.auth-wrapper .auth-body .form-wrapper .field .forgotpasslink {
  color: var(--primary-600);
  font-size: 12px;
  float: right;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .form-wrapper .login-button {
    height: 45px;
  }
}
.auth-wrapper .auth-body .form-wrapper .login-error {
  text-align: center;
  margin: 15px 0 0 0;
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .form-wrapper .login-error {
    margin: 25px 0 0 0;
  }
}
.auth-wrapper .auth-body .captcha-wrapper {
  margin: 0 0 20px 0;
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .captcha-wrapper {
    margin-bottom: 30px;
  }
}
.auth-wrapper .auth-body .captcha-wrapper label {
  font-weight: 500;
  display: block;
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .captcha-wrapper label {
    font-size: 14px;
    color: var(--Black);
    margin: 0 0 3px 0;
  }
}
.auth-wrapper .auth-body .captcha-wrapper .field {
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .captcha-wrapper .field {
    max-width: 140px;
  }
}
.auth-wrapper .auth-body .captcha-wrapper .captchaBox {
  display: flex;
  border: 0;
  position: relative;
}
@media (max-width: 350px) {
  .auth-wrapper .auth-body .captcha-wrapper .captchaBox {
    flex-wrap: wrap;
  }
}
.auth-wrapper .auth-body .captcha-wrapper .captchaBox .captcha-img {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--inputBdr);
  border-radius: 6px;
  width: 100%;
  position: relative;
  margin-right: 12px;
  min-height: 34px;
  padding-right: 34px;
  max-width: 150px;
  overflow: hidden;
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .captcha-wrapper .captchaBox .captcha-img {
    min-height: 45px;
    padding-right: 44px;
    max-width: 100%;
  }
}
@media (max-width: 350px) {
  .auth-wrapper .auth-body .captcha-wrapper .captchaBox .captcha-img {
    max-width: 100%;
    width: 100%;
    margin: 0 0 8px 0;
  }
}
.auth-wrapper .auth-body .captcha-wrapper .captchaBox .captcha-img img {
  max-width: 110px;
  margin: 0 auto;
  min-height: 32px;
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .captcha-wrapper .captchaBox .captcha-img img {
    max-width: 142px;
    margin: 0;
    min-height: 42px;
  }
}
.auth-wrapper .auth-body .captcha-wrapper .captchaBox .p-button {
  border: 0;
  background: transparent;
  color: var(--primary-600);
  outline: 0 !important;
  box-shadow: none !important;
  position: absolute;
  right: 0;
  top: 0;
  min-height: 32px;
  width: 34px;
  border-left: 1px solid var(--inputBdr);
  border-radius: 0;
  justify-content: center;
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .captcha-wrapper .captchaBox .p-button {
    min-height: 44px;
    width: 44px;
  }
}
.auth-wrapper .auth-body .captcha-wrapper .captchaBox .p-button .p-button-icon {
  margin-right: 0;
  font-size: 16px;
  color: var(--Black);
}
.auth-wrapper .auth-body .captcha-wrapper .captchaBox .p-button .pi {
  margin-right: 0;
  font-size: 16px;
  color: var(--Black);
}
.auth-wrapper .auth-body .captcha-wrapper .captchaBox .input-errors {
  position: absolute;
  white-space: nowrap;
  width: 100%;
}
.auth-wrapper .auth-body .copy-right {
  font-size: 12px;
  font-weight: 400;
  margin: 25px 0 0 0;
  text-align: center;
  color: #ffffff;
}
@media (min-width: 1367px) {
  .auth-wrapper .auth-body .copy-right {
    margin: 50px 0 0 0;
  }
}
.auth-wrapper .auth-body .version {
  text-align: center;
  font-size: 12px;
  margin: 10px 0 0;
}

/* Login Page End */
/* Form Layout Start */
.form-layout {
  background: var(--White);
  border-radius: var(--radius-4);
  opacity: 1;
  overflow: hidden;
  margin-bottom: 20px;
}
.form-layout .form-header {
  background: var(--White);
  padding: 12px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--Bdr);
  color: var(--secondary-800);
}
@media screen and (max-width: 767px) {
  .form-layout .form-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.form-layout .form-header a {
  color: var(--Black);
}
.form-layout .form-header a i {
  font-size: 22px;
}
.form-layout .form-header h4 {
  margin: 0;
}
.form-layout .form-header p {
  margin: 0;
}
.form-layout .form-body {
  border: 1px solid var(--Bdr);
  padding: 16px;
}

.layout-main {
  position: relative;
}
.layout-main .sidebar-toggle-btn {
  position: fixed;
  top: 16px;
  z-index: 12;
  left: 153px;
  cursor: pointer;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .layout-main .sidebar-toggle-btn {
    display: none;
  }
}
.layout-main + .layout-admin-content {
  padding: 49px 0px 0px 190px;
  min-height: 100vh;
  transition: all 0.3s;
}
@media screen and (max-width: 991px) {
  .layout-main + .layout-admin-content {
    padding: 49px 0px 0px 0;
  }
}

/* Form Layout End */
/* Header Start */
.header-layout {
  width: 100%;
  position: fixed;
  z-index: 11;
  left: 0;
  top: 0;
  min-height: 48px;
  display: flex;
  align-items: center;
  background: var(--White);
  border-bottom: 1px solid #eeeff1;
}
.header-layout .inner-header {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .header-layout .inner-header {
    padding: 0 16px;
  }
}
.header-layout .inner-header .header__right-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 15px;
}
@media (max-width: 991px) {
  .header-layout .inner-header .header__right-action {
    display: none;
  }
}
.header-layout .topbar-menu-button {
  padding: 0;
  justify-content: center;
  cursor: pointer;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: none;
  border-radius: var(--radius-6);
  border: 1px solid var(--primary-600);
  width: 32px;
  height: 32px;
  background-color: var(--primary-600);
  margin-top: 1px;
}
.header-layout .topbar-menu-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 7px;
  color: var(--White);
  font-size: 14px;
}
@media (max-width: 991px) {
  .header-layout .topbar-menu-button {
    display: block;
    margin-right: 16px;
  }
}
.header-layout .logo-with-name {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .header-layout .logo-with-name {
    width: 100%;
  }
}
.header-layout .logo-with-name .logo {
  width: 190px;
  min-height: 48px;
  background: #fbfbfb;
  border-right: 1px solid #eeeff1;
  display: flex;
  align-items: center;
  padding-left: 10px;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .header-layout .logo-with-name .logo {
    background-color: transparent;
    border: none;
    padding-left: 0;
    width: 32px;
    overflow: hidden;
  }
}
.header-layout .logo-with-name .logo a img {
  max-width: 100%;
  display: block;
  height: 38px;
}
@media (max-width: 991px) {
  .header-layout .logo-with-name .logo a img {
    max-width: initial;
    height: 32px;
  }
}
.header-layout .logo-with-name .logo a img.site-logo-icon {
  display: none;
}
.header-layout .logo-with-name .sidebar-toggle-btn {
  padding-left: 20px;
  display: flex;
  align-items: center;
  font-weight: 600;
  line-height: 16px;
  min-height: 48px;
  cursor: pointer;
}
.header-layout .logo-with-name .logo-name {
  padding: 0px 0 0px 20px;
  display: flex;
  align-items: center;
  min-height: 48px;
  letter-spacing: -0.02em;
  font-weight: 600;
  line-height: 20px;
  font-size: 16px;
  color: rgb(35, 37, 41);
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .header-layout .logo-with-name .logo-name {
    font-size: var(--font-size-14);
    line-height: 14px;
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
    padding-right: 32px;
    padding-left: 0;
  }
}
.header-layout .common-information {
  display: flex;
  align-items: center;
  padding: 0;
  list-style: none;
  margin: 0 24px 0 0;
  color: #212d42;
  font-size: 14px;
  font-weight: 500;
}
.header-layout .common-information li {
  display: flex;
  align-items: center;
}
.header-layout .common-information li i {
  color: var(--primary-600);
  margin: 0 8px 0 0;
  font-weight: bold;
}
.header-layout .common-information li + li {
  margin-left: 24px;
}
.header-layout .user-profile-dropdown .p-button {
  border: 0 !important;
  color: var(--Black);
  font-size: 15px;
  font-weight: 600;
  box-shadow: none;
  outline: 0;
  padding: 0;
  background-color: transparent !important;
  display: flex;
  align-items: center;
}
.header-layout .user-profile-dropdown .p-button .pi-chevron-down {
  margin-left: 8px;
  font-size: 12px;
  color: var(--gray);
}
.header-layout .user-profile-dropdown .p-button:focus {
  outline: 0px solid #000 !important;
}
.header-layout .user-profile-dropdown .p-button .p-ink {
  display: none;
}
.header-layout .user-profile-dropdown .user-icon-box {
  border: 0;
  color: var(--White);
  font-size: 12px;
  font-weight: 600;
  box-shadow: none;
  outline: 0;
  padding: 0;
  min-height: auto;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 100px;
  justify-content: center;
  background: var(--primary-600);
}
.header-layout .user-profile-dropdown .user-name {
  margin-left: 8px;
  color: rgb(35, 37, 41);
  font-weight: 500;
  font-size: var(--font-size-12);
  display: flex;
  align-items: center;
}
.header-layout .user-profile-dropdown .user-name .pi {
  margin-right: 0px;
  margin-left: 4px;
  position: relative;
  top: 1px;
  color: #75777C;
}
.header-layout .sidenav-layout {
  margin-left: auto;
}
@media (max-width: 991px) {
  .header-layout .sidenav-layout {
    margin-left: auto;
    transition: all 0.2s;
    position: fixed;
    top: 49px;
    width: 260px;
    height: calc(100vh - 49px);
    left: -260px;
    z-index: 4;
    padding: 0;
    background: var(--White);
    border-right: 1px solid var(--buttonBdr);
    overflow-y: auto;
  }
}
.header-layout .sidenav-layout.layout-sidebar-active {
  left: 0;
}
@media (max-width: 991px) {
  .header-layout .sidenav-overlay {
    background: rgba(0, 0, 0, 0.2) 0% 0% no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    position: fixed;
    width: 100%;
    top: 49px;
    height: 100%;
    z-index: 1;
    left: 0;
    transition: all 0.1s;
  }
}

/* Sidrebar */
.menu-div {
  background: #fbfbfb;
  border-right: 1px solid #eeeff1;
  width: 190px;
  height: calc(100% - 49px);
  overflow-y: auto;
  padding: 10px;
  position: fixed;
  left: 0;
  top: 49px;
  z-index: 98;
  transition: all 0.3s;
  transform: translateX(0px);
}
@media (max-width: 991px) {
  .menu-div {
    width: 100%;
    position: relative;
    top: 0px;
    height: 100%;
  }
}
.menu-div .importer-name {
  border-radius: var(--radius-4);
  margin: 0;
  font-size: var(--font-size-12);
  line-height: 16px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  font-family: "Open Sans", sans-serif;
  width: 100%;
  padding: 7px 10px;
  margin-bottom: 10px;
  font-weight: 600;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(18, 18, 23, 0.09);
  background: #EDEDED;
  border: 1px solid #e3e3e3;
}
.menu-div .siteMenu {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  list-style: none;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
@media (max-width: 991px) {
  .menu-div .siteMenu {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.menu-div .siteMenu .siteMenuItem {
  width: 100%;
  margin-bottom: 1px;
}
.menu-div .siteMenu .siteMenuItem .siteMenu-link {
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: var(--font-size-14);
  line-height: 16px;
  padding: 10px 5px;
  border-radius: var(--radius-8);
  text-decoration: none;
  position: relative;
  color: #232529;
}
@media (max-width: 991px) {
  .menu-div .siteMenu .siteMenuItem .siteMenu-link {
    font-size: 12px;
  }
}
.menu-div .siteMenu .siteMenuItem .siteMenu-link.router-link-active, .menu-div .siteMenu .siteMenuItem .siteMenu-link.router-link-exact-active {
  background: #ddebf7;
  color: var(--primary-color);
}
.menu-div .siteMenu .siteMenuItem .siteMenu-link.router-link-active:hover, .menu-div .siteMenu .siteMenuItem .siteMenu-link.router-link-exact-active:hover {
  background: #f4f5f6;
}
.menu-div .siteMenu .siteMenuItem .siteMenu-link.router-link-active .siteMenu-icon i, .menu-div .siteMenu .siteMenuItem .siteMenu-link.router-link-exact-active .siteMenu-icon i {
  color: var(--primary-color);
}
.menu-div .siteMenu .siteMenuItem .siteMenu-link:hover:not(.router-link-exact-active, .router-link-active) {
  background: #eeeff1;
}
.menu-div .siteMenu .siteMenuItem .siteMenu-link:hover:not(.router-link-exact-active, .router-link-active) .siteMenu-icon i {
  color: var(--primary-color);
}
.menu-div .siteMenu .siteMenuItem .siteMenu-button {
  display: flex;
  align-items: center;
  width: 100%;
  background: none;
  border: none;
  padding: 10px 5px;
  font-weight: 500;
  cursor: pointer;
  font-size: var(--font-size-14);
  color: #232529;
  border-radius: var(--radius-8);
  line-height: 1;
}
@media (max-width: 991px) {
  .menu-div .siteMenu .siteMenuItem .siteMenu-button {
    font-size: 12px;
  }
}
.menu-div .siteMenu .siteMenuItem .siteMenu-button.active {
  background: #ddebf7;
  color: var(--primary-color);
}
.menu-div .siteMenu .siteMenuItem .siteMenu-button.active .siteMenu-icon i {
  color: var(--primary-color);
}
.menu-div .siteMenu .siteMenuItem .siteMenu-button .menu-toggle-icon {
  transition: all ease-in-out 0.3s;
}
.menu-div .siteMenu .siteMenuItem .siteMenu-button[aria-expanded=true] .menu-toggle-icon {
  transform: rotate(180deg);
}
.menu-div .siteMenu .siteMenuItem .siteMenu-icon i {
  font-size: var(--font-size-13);
  color: #232529;
  margin: 0 8px 0 0;
}
@media (max-width: 991px) {
  .menu-div .siteMenu .siteMenuItem .siteMenu-icon i {
    font-size: 12px;
  }
}
.menu-div .siteMenu .siteMenuItem .siteMenu-child {
  padding: 10px;
}
.menu-div .siteMenu .siteMenuItem .siteMenu-child .siteMenu-link {
  font-size: var(--font-size-12);
  padding: 6px 11px;
  border-radius: 6px;
}
.menu-div .siteMenu .siteMenuItem .siteMenu-child .siteMenu-link.router-link-active, .menu-div .siteMenu .siteMenuItem .siteMenu-child .siteMenu-link.router-link-exact-active {
  background: #f4f5f6;
}
.menu-div .siteMenu .siteMenuItem .siteMenu-child .siteMenu-link.router-link-active:hover, .menu-div .siteMenu .siteMenuItem .siteMenu-child .siteMenu-link.router-link-exact-active:hover {
  background: #eeeff1;
}
.menu-div .siteMenu .siteMenuItem .siteMenu-child .siteMenu-link:hover:not(.router-link-exact-active, .router-link-active) {
  background: #eeeff1;
}
.menu-div .siteMenu .siteMenuItem .siteMenu-child .siteMenu-link:hover:not(.router-link-exact-active, .router-link-active) .siteMenu-icon i {
  color: var(--primary-color);
}
.menu-div .only-for-mob {
  padding: 10px 0 0;
  margin-top: 10px;
  border-top: 1px solid #ced4da;
}
@media (min-width: 992px) {
  .menu-div .only-for-mob {
    display: none;
  }
}
.menu-div .only-for-mob ul {
  padding: 0;
  margin: 0;
}
@media (max-width: 991px) {
  .menu-div .only-for-mob ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.menu-div .only-for-mob ul li {
  margin-bottom: 1px;
}
.menu-div .only-for-mob ul li a {
  display: flex;
  align-items: center;
  background: transparent !important;
  color: var(--Black);
  padding: 10px;
  font-weight: 500;
  line-height: 16px;
}
.menu-div .only-for-mob ul li a.router-link-exact-active {
  background-color: #f4f5f6;
  color: var(--primary-color);
}
.menu-div .only-for-mob .siteMenu-icon {
  margin-right: 8px;
  font-size: 12px;
}

.sidebar-collapse .header-layout .logo-with-name .logo {
  width: 0;
  padding: 0;
  border-color: transparent;
  display: none;
}
@media (max-width: 991px) {
  .sidebar-collapse .header-layout .logo-with-name .logo {
    display: flex;
    width: auto;
  }
}
.sidebar-collapse .header-layout .logo-with-name .logo a {
  width: auto;
}
.sidebar-collapse .header-layout .logo-with-name .logo a .site-logo, .sidebar-collapse .header-layout .logo-with-name .logo a h2 {
  display: none;
}
@media (max-width: 991px) {
  .sidebar-collapse .header-layout .logo-with-name .logo a .site-logo, .sidebar-collapse .header-layout .logo-with-name .logo a h2 {
    display: block;
  }
}
.sidebar-collapse .header-layout .logo-with-name .logo a .site-logo-icon {
  height: 38px;
  width: auto;
  max-width: initial;
  display: none;
}
.sidebar-collapse .header-layout .logo-with-name .logo-name {
  padding: 0px 0 0px 55px;
}
.sidebar-collapse .sidebar-toggle-btn {
  left: 20px;
}
.sidebar-collapse .menu-div {
  width: 0;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .sidebar-collapse .menu-div {
    padding: 10px;
    width: 100%;
    position: relative;
    top: 0px;
  }
}
.sidebar-collapse.layout-main + .layout-admin-content {
  padding: 49px 0px 0px 0px;
  min-height: 100vh;
}
.sidebar-collapse.layout-main + .layout-admin-content .bottombar {
  width: 100%;
}
.sidebar-collapse.layout-main + .layout-admin-content .page-title {
  left: 55px;
}
.sidebar-collapse.layout-main + .layout-admin-content.rightbar-open {
  padding: 49px 245px 0px 0px;
  min-height: 100vh;
}
.sidebar-collapse .p-panelmenu-panel {
  position: relative;
}
.sidebar-collapse .p-panelmenu-panel .p-panelmenu-header.p-highlight ~ .p-toggleable-content {
  display: none !important;
}
.sidebar-collapse .p-panelmenu-panel .p-toggleable-content {
  position: absolute;
  width: 245px;
  left: 55px;
  max-height: 300px;
  overflow-y: auto;
}
.sidebar-collapse .p-panelmenu-panel:nth-last-child(-n+3) .p-toggleable-content {
  bottom: calc(100% - 4px);
}
.sidebar-collapse .p-panelmenu-panel:hover .p-panelmenu-header {
  display: block !important;
  width: 300px;
}
.sidebar-collapse .p-panelmenu-panel:hover .p-panelmenu-header .p-menuitem-text {
  display: inline-block !important;
  margin-left: 8px;
}
.sidebar-collapse .p-panelmenu-panel:hover .p-panelmenu-header .p-panelmenu-header-content {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--White);
}
.sidebar-collapse .p-panelmenu-panel:hover .p-panelmenu-header.p-highlight ~ .p-toggleable-content {
  display: block !important;
}
.sidebar-collapse .p-panelmenu-panel:hover .p-toggleable-content {
  display: block !important;
}

/* Header End */
/* Filter Start */
.filter-wrapper {
  position: relative;
  margin-bottom: 8px;
  overflow: hidden;
}
@media (min-width: 1367px) {
  .filter-wrapper {
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .filter-wrapper {
    margin-bottom: 0;
    overflow: initial;
  }
}
.filter-wrapper .default-filter-wrap {
  padding: 8px;
  background: #fbfbfb;
  border-radius: 6px;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #eeeff1;
}
@media (min-width: 1367px) {
  .filter-wrapper .default-filter-wrap {
    padding: 16px;
  }
}
.filter-wrapper .default-filter-wrap .filter-fields {
  width: calc(100% - 82px);
}
.filter-wrapper .default-filter-wrap .field {
  margin-bottom: 0;
}
.filter-wrapper .default-filter-wrap .field > label {
  margin: 0 0 2px 0;
}
@media (max-width: 991px) {
  .filter-wrapper .default-filter-wrap {
    display: none;
  }
}
.filter-wrapper.filterActive .default-filter-wrap {
  border-radius: 6px 6px 0 0;
}
@media (max-width: 991px) {
  .filter-wrapper.filterActive .popup-filter-btn {
    top: 66px;
  }
}
.filter-wrapper .popup-filter-btn {
  position: absolute;
  right: 16px;
  top: 27px;
  width: 32px;
  justify-content: center;
  padding: 4px;
  height: 32px;
  z-index: 4;
}
.filter-wrapper .popup-filter-btn img {
  width: 24px;
  margin-top: 1px;
}
@media (min-width: 1367px) {
  .filter-wrapper .popup-filter-btn {
    top: 35px;
  }
}
@media (max-width: 991px) {
  .filter-wrapper .popup-filter-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    height: 32px;
    width: 32px;
  }
}
.filter-wrapper .AdvanceSearchAction {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 17px;
  margin-left: auto;
}
.filter-wrapper .selected-filter-wrap {
  background: #eeeff1;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px;
  border-radius: 0 0 6px 6px;
}
@media (min-width: 1367px) {
  .filter-wrapper .selected-filter-wrap {
    padding: 8px 16px;
  }
}
@media (max-width: 991px) {
  .filter-wrapper .selected-filter-wrap {
    border-radius: 6px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 8px 8px;
  }
}
.filter-wrapper .selected-filter-wrap h5 {
  margin: 0 15px 0 0;
  font-size: 12px;
}
.filter-wrapper .selected-filter-wrap .selectedfilter {
  display: flex;
  align-items: center;
  overflow-x: auto;
}
.filter-wrapper .selected-filter-wrap .selectedfilter .selectedfilterItems {
  background: var(--White);
  padding: 5px 35px 5px 8px;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
  border-radius: var(--radius-4);
  border: 1px solid var(--buttonBdr);
  white-space: nowrap;
}
@media (max-width: 991px) {
  .filter-wrapper .selected-filter-wrap .selectedfilter .selectedfilterItems {
    padding: 2px 30px 2px 4px;
  }
}
.filter-wrapper .selected-filter-wrap .selectedfilter .selectedfilterItems span {
  display: block;
  font-size: 12px;
  color: var(--gray);
}
.filter-wrapper .selected-filter-wrap .selectedfilter .selectedfilterItems strong {
  display: block;
  font-size: 12px;
  color: var(--Black);
  font-weight: 600;
}
.filter-wrapper .selected-filter-wrap .selectedfilter .selectedfilterItems .Remove {
  text-align: center;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -7px;
  width: 18px;
  height: 18px;
  padding: 3px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  background-color: var(--gray-300);
  justify-content: center;
}
@media (max-width: 991px) {
  .filter-wrapper .selected-filter-wrap .selectedfilter .selectedfilterItems .Remove {
    right: 4px;
  }
}
.filter-wrapper .selected-filter-wrap .selectedfilter .selectedfilterItems .Remove i {
  font-size: 10px;
  font-weight: 700;
  color: #1c1d1f;
}
.filter-wrapper .selected-filter-wrap .selectedfilter .p-button {
  font-size: 11px;
  padding: 7px 14px;
}
.filter-wrapper .selected-filter-wrap .clear-items {
  border-left: 1px solid var(--gray-500);
  padding-left: 16px;
  margin-left: 12px;
}
@media (max-width: 991px) {
  .filter-wrapper .selected-filter-wrap .clear-items {
    padding-left: 8px;
    margin-left: 4px;
  }
}
.filter-wrapper .selected-filter-wrap .clear-items button {
  margin-right: 0 !important;
  width: 100px;
  padding: 12px;
  border: 1px solid var(--buttonBdr);
  box-shadow: none;
}
@media (max-width: 991px) {
  .filter-wrapper .selected-filter-wrap .clear-items button {
    width: 90px;
    padding: 0 8px;
    min-height: 42px;
  }
}
.filter-wrapper.sellOutReportFilter .popup-filter-btn {
  display: none;
}
@media (max-width: 991px) {
  .filter-wrapper.sellOutReportFilter .popup-filter-btn {
    display: block;
    top: 38px;
    z-index: 10;
  }
}
.filter-wrapper.sellOutReportFilter .AdvanceSearchAction {
  margin-top: 0;
}

.advance-search-filter-btn .filter-wrapper .default-filter-wrap {
  padding-right: 62px;
}

/* Filter End */
.saperator {
  display: block;
  width: 100%;
  height: 1px;
  background: var(--buttonBdr);
  margin: 1rem 0;
}

.dashboard-wrapper .dashboard-header {
  background: var(--White);
  padding: 20px 16px 0px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.dashboard-wrapper .dashboard-header h3 {
  margin: 0;
}
.dashboard-wrapper .dashboard-header strong {
  font-weight: 600;
}
.dashboard-wrapper .dashboard-body {
  padding: 16px;
  background: var(--White);
}
.dashboard-wrapper .dashboard-body h5 {
  margin: 0 0 15px 0;
  text-align: left;
}
.dashboard-wrapper .dashboard-body h4 {
  margin: 10px 0 5px;
  text-align: left;
}
.dashboard-wrapper .dashboard-body .total-box {
  margin: 0 0 16px 0;
  padding: 24px;
  border-radius: 16px;
}
.dashboard-wrapper .dashboard-body .total-box h5 {
  margin: 0 0 20px 0;
}
.dashboard-wrapper .dashboard-body .total-box h2 {
  margin: 0;
}
.dashboard-wrapper .dashboard-body .col-12 {
  margin-bottom: 16px;
}
.dashboard-wrapper .dashboard-body .dash-box {
  padding: 24px;
  border-radius: 16px;
  height: 100%;
  position: relative;
}
.dashboard-wrapper .dashboard-body .dash-box .main-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(3px);
  border-radius: 16px;
}
.dashboard-wrapper .dashboard-body .dash-box .main-spinner .spinner {
  border: 3px solid #b4d0e8;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border-left-color: #0264b4;
  animation: spin 1s linear infinite;
  z-index: 1;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  position: relative;
}
@keyframes spin {
  to {
    transform: rotate(360deg); /* Smooth rotation */
  }
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-inner {
  padding-left: 30px;
  position: relative;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .vertical-label {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  margin: 15px 0 0 0;
  color: #232529;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .p-treetable .p-treetable-wrapper .p-treetable-tbody tr td:first-child:before {
  background: transparent !important;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .p-treetable .p-treetable-wrapper .p-treetable-tfoot td {
  padding: 5px 8px;
  font-size: var(--font-size-13);
  font-weight: var(--font-weight-700);
  background-color: #ddebf7;
}
@media (max-width: 1199px) {
  .dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .chart-data-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
  }
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .chart-data-list .chart-data-item {
  padding: 10px;
  background-color: #fbfbfb;
  border: 1px solid #e7e6e6;
  text-align: center;
  border-radius: 10px;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .chart-data-list .chart-data-item:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .chart-data-list .chart-data-item:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .chart-data-list .chart-data-item {
    width: calc(50% - 5px);
  }
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .chart-data-list .chart-data-item .chart-data-label {
  margin-top: 0;
  text-align: left;
  margin-bottom: 10px;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .chart-data-list .chart-data-item .chart-data-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .chart-data-list .chart-data-item .chart-data-unit {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  color: var(--red-600);
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .chart-data-list .chart-data-item .positive {
  color: var(--success-color);
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .yearLabel {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-left: 1px solid;
  border-right: 1px solid;
  margin: 10px 0 0 auto;
  position: relative;
  width: calc(100% - 40px);
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .yearLabel::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #232529;
  position: absolute;
  top: 0;
  left: 50%;
}
@media (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .chartResponsive {
    overflow: auto;
  }
}
@media (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .chartResponsive .p-chart {
    min-width: 470px;
  }
}
@media (max-width: 1279px) {
  .dashboard-wrapper .dashboard-body .dash-box .dash-box-inner .stockRateChartWrap {
    min-width: 1050px;
  }
}
.dashboard-wrapper .dashboard-body .dash-box .dash-pregress-chart {
  position: relative;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-pregress-chart .p-knob svg {
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-pregress-chart .p-knob svg .p-knob-text {
  display: none;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-pregress-chart .dash-pregress-chart-detail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-pregress-chart .dash-pregress-chart-detail .last-data {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: var(--secondary-600);
}
.dashboard-wrapper .dashboard-body .dash-box .dash-pregress-chart .dash-pregress-chart-detail .last-data-label {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 12px;
  color: var(--secondary-600);
  display: inline-block;
  padding: 0px 12px;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid var(--inputBdr);
}
.dashboard-wrapper .dashboard-body .dash-box .dash-pregress-chart .dash-pregress-chart-detail .this-year-data {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-pregress-chart .dash-pregress-chart-detail .this-year-label {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 14px;
  display: inline-block;
  padding: 0px 12px;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid var(--inputBdr);
}
.dashboard-wrapper .dashboard-body .dash-box .custom-datatable-wrapper .admin-actions-btn-wrapper {
  display: none;
}
.dashboard-wrapper .dashboard-body .dash-box .custom-datatable-wrapper .scroll_height {
  height: auto;
}
.dashboard-wrapper .dashboard-body .dash-box .p-datatable .p-datatable-wrapper {
  background: transparent;
  border: 0;
}
.dashboard-wrapper .dashboard-body .dash-box .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead > tr > th {
  border: 0;
  border-bottom: 1px solid var(--buttonBdr) !important;
  padding: 7px 16px;
}
.dashboard-wrapper .dashboard-body .dash-box .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead > tr > th .p-column-title + span {
  display: none;
}
.dashboard-wrapper .dashboard-body .dash-box .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr > td {
  background: var(--gray-50);
  border: 0;
  border-bottom: 1px solid var(--buttonBdr);
  padding: 7px 16px;
  font-size: 14px;
}
.dashboard-wrapper .dashboard-body .dash-box .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody > tr:hover td {
  background-color: var(--primary-50);
}
.dashboard-wrapper .dashboard-body .dash-box .p-datatable .p-paginator-bottom {
  margin: 8px 0 0 0px;
  background: transparent;
  box-shadow: none;
}
.dashboard-wrapper .dashboard-body .dash-box .p-datatable .p-paginator-bottom .p-paginator {
  background: transparent;
  padding: 0 16px;
}
.dashboard-wrapper .dashboard-body .dash-box .p-datatable .p-paginator-bottom .p-paginator .p-dropdown {
  margin: 0;
}
.dashboard-wrapper .dashboard-body .dash-box .p-datatable .p-paginator-bottom .p-paginator .p-paginator-element {
  color: #424242;
  background: var(--White);
  border: 1px solid var(--inputBdr);
  border-radius: 6px;
}
.dashboard-wrapper .dashboard-body .dash-box .p-datatable .p-paginator-bottom .p-paginator .p-paginator-element:hover {
  color: rgba(66, 66, 66, 0.8);
  background: var(--White);
  border-color: rgba(147, 154, 163, 0.8);
}
.dashboard-wrapper .dashboard-body .dash-box .age-label {
  margin: 0 0 -40px 0;
  position: absolute;
  font-weight: 500;
  color: var(--gray-300);
}
.dashboard-wrapper .dashboard-body .dash-box .parient-label {
  text-align: center;
  font-weight: 500;
  display: block;
  margin: 10px 0 0 0;
  color: var(--success-color);
}
.dashboard-wrapper .dashboard-body .dash-box .parient-label.nagative {
  color: var(--red-600);
}
.dashboard-wrapper .dashboard-body .dash-box .title-header {
  display: flex;
  align-items: center;
  margin: 0 0 15px 0;
  flex-wrap: wrap;
}
.dashboard-wrapper .dashboard-body .dash-box .title-header h5 {
  margin: 0;
}
@media (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .dash-box .title-header h5 {
    margin: 0 0 16px 0;
    width: 100%;
  }
}
.dashboard-wrapper .dashboard-body .dash-box .title-header .filter {
  margin-left: auto;
  width: 100%;
  max-width: 300px;
}
@media (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .dash-box .title-header .filter {
    width: 100%;
    max-width: 100%;
  }
}
.dashboard-wrapper .dashboard-body .dash-box .title-header .filter .field {
  margin-bottom: 0;
}
.dashboard-wrapper .dashboard-body .dash-box .title-header .filter .field .p-dropdown {
  background: var(--gray-50);
}
.dashboard-wrapper .dashboard-body .dash-box .action-item-wrap .action-item-list {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
  margin: 0px 0px 8px;
  border-radius: var(--radius-4);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  font-weight: 600;
  color: var(--secondary-700);
  cursor: pointer;
}
.dashboard-wrapper .dashboard-body .dash-box .action-item-wrap .action-item-list:hover {
  background: #dcf3ff;
}
@media (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .dash-box .action-item-wrap .action-item-list {
    flex-wrap: wrap;
    gap: 5px;
  }
}
.dashboard-wrapper .dashboard-body .dash-box .action-item-wrap .action-item-list:last-child {
  margin-bottom: 0;
}
.dashboard-wrapper .dashboard-body .dash-box .action-item-wrap .action-item-list .icon {
  height: 16px;
}
.dashboard-wrapper .dashboard-body .dash-box .action-item-wrap .action-item-list .cat-name {
  width: 10%;
  min-width: 110px;
}
.dashboard-wrapper .dashboard-body .dash-box .action-item-wrap .action-item-list .disc {
  width: 70%;
}
@media (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .dash-box .action-item-wrap .action-item-list .disc {
    width: 100%;
  }
}
.dashboard-wrapper .dashboard-body .dash-box .action-item-wrap .action-item-list .date-time {
  width: 10%;
  min-width: 130px;
  text-align: right;
}
@media (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .dash-box .action-item-wrap .action-item-list .date-time {
    width: 100%;
    text-align: left;
  }
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 15px;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdcdd;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head h5 {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .dash-box .dash-box-head h5 {
    margin-bottom: 5px;
  }
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-left: auto;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .p-button-text {
  color: var(--primary-600);
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .p-multiselect,
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .p-dropdown,
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .p-calendar {
  max-width: 160px;
  width: 160px !important;
}
@media (max-width: 991px) {
  .dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .p-multiselect,
  .dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .p-dropdown,
  .dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .p-calendar {
    max-width: 140px;
    width: 140px !important;
  }
}
@media (max-width: 767px) {
  .dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .p-multiselect,
  .dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .p-dropdown,
  .dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .p-calendar {
    max-width: 100%;
    width: 100% !important;
  }
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .field > label {
  margin-bottom: 0;
  font-size: 10px;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .field.chart-month-switch {
  display: flex;
  align-items: center;
  gap: 5px;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .field.chart-month-switch > label {
  width: auto;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .field.chart-month-switch .p-inputswitch {
  display: block;
  width: 35px;
  height: 20px;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item .field.chart-month-switch .p-inputswitch.p-highlight .p-inputswitch-slider:before {
  transform: translateX(12px);
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter .chart-filter-item.chart-dataType .p-dropdown {
  max-width: 115px;
  width: 115px !important;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter.small-card-filter {
  width: 100%;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter.small-card-filter .chart-filter-item {
  width: calc(50% - 4px);
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter.small-card-filter .chart-filter-item .p-dropdown,
.dashboard-wrapper .dashboard-body .dash-box .dash-box-head .dash-box-filter.small-card-filter .chart-filter-item .p-calendar {
  max-width: 100%;
  width: 100% !important;
}
.dashboard-wrapper .dashboard-body .dash-box.dash-plain-chart .dash-box-inner {
  padding-left: 0;
}
.dashboard-wrapper .dashboard-body .dash-box .compare-data-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-align: center;
  margin-top: 10px;
}
.dashboard-wrapper .dashboard-body .dash-box .compare-data-list .compare-data-item p {
  margin: 0 0 5px;
  color: #8d9fb1;
}
.dashboard-wrapper .dashboard-body .dash-box .compare-data-list .compare-data-item h3 {
  font-size: 16px;
  margin: 0;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  gap: 10px;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-footer .monthlyData-view {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-footer .monthlyData-view label {
  font-size: 12px;
  font-weight: 500;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-footer .monthlyData-view .p-inputswitch {
  width: 35px;
  height: 20px;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-footer .monthlyData-view .p-inputswitch.p-highlight .p-inputswitch-slider:before {
  transform: translateX(10px);
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-footer .dash-box-info {
  margin: 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-footer .dash-box-info .pi {
  color: #187fbe;
  margin-right: 5px;
  font-weight: var(--font-weight-700);
  font-size: 14px;
}
.dashboard-wrapper .dashboard-body .dash-box .dash-box-footer .dash-box-info .pi.sellin-icon {
  transform: rotate(180deg);
}
.dashboard-wrapper .dashboard-body .dash-box .chart-toggle-wraper {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}
.dashboard-wrapper .dashboard-body .dash-box .chartTable {
  margin-top: 10px;
  width: 100%;
  max-height: 280px;
  overflow: auto;
}
.dashboard-wrapper .dashboard-body .dash-box .chartTable .normal-table thead {
  position: sticky;
  top: -1px;
}
.dashboard-wrapper .dashboard-body .dash-box .chartTable .normal-table thead tr th {
  color: #000;
  border: 1px solid #dbdcdd;
}
.dashboard-wrapper .dashboard-body .dash-box .chartTable .normal-table tbody tr:nth-child(odd) {
  background: #f4f5f6;
}
.dashboard-wrapper .dashboard-body .dash-box .chartTable .normal-table tbody tr td {
  color: #000;
  border: 1px solid #dbdcdd;
}
.dashboard-wrapper .dashboard-body .dash-box .chartTable .normal-table tbody tr td:first-child {
  width: 150px;
  min-width: 150px;
  white-space: nowrap;
}
.dashboard-wrapper .dashboard-body .dash-box .tableFilter {
  display: flex;
  flex-wrap: wrap;
}
.dashboard-wrapper .dashboard-body .dash-box .tableFilter .tableFilter-item {
  flex: 1;
}
@media (max-width: 991px) {
  .dashboard-wrapper .dashboard-body .dash-box .tableFilter .tableFilter-item:last-child {
    flex: 1 0 auto;
    width: 100%;
  }
}
.dashboard-wrapper .dashboard-body .dash-box .tableFilter .tableFilter-item .toggle-switch {
  justify-content: center;
}
.dashboard-wrapper .dashboard-body .dash-box .specialEditionData .chartTable {
  margin-top: 0;
}
.dashboard-wrapper .dashboard-body .dash-box .specialEditionData .chartTable .normal-table tbody tr td:first-child {
  width: 50%;
  min-width: 50%;
  white-space: nowrap;
}
.dashboard-wrapper .dashboard-body .dash-box .chartDataTableWrapper {
  width: 100%;
  overflow: auto;
}
.dashboard-wrapper .dashboard-body .dash-box .chartDataTableWrapper .chartDataTableArea {
  min-width: 580px;
  width: 100%;
}
.dashboard-wrapper .dashboard-body .dash-box .chartDataTableWrapper .chartDataTableArea .chartDataTable {
  width: calc(100% - 23px);
  margin-left: auto;
}
.dashboard-wrapper .dashboard-body .dash-box .chartDataTableWrapper .chartDataTableArea .p-scrollpanel {
  width: 100%;
}
.dashboard-wrapper .dashboard-body .dash-box .chartDataTableWrapper .chartDataTableArea .p-scrollpanel .p-scrollpanel-bar {
  background: #e0e2e5;
}
.dashboard-wrapper .dashboard-body .dash-box .chartDataTableWrapper .chartTable {
  margin-top: -7px;
  max-height: unset;
  overflow: unset;
}
.dashboard-wrapper .dashboard-body .dash-box .chartDataTableWrapper .chartTable .normal-table {
  table-layout: fixed;
}
.dashboard-wrapper .dashboard-body .dash-box .chartDataTableWrapper .chartTable .normal-table thead th {
  padding: 6px 3px;
  font-size: 12px;
  background-color: transparent;
  font-weight: normal;
  border: none;
  border-bottom: 1px solid #dbdcdd;
  background-color: var(--gray-00);
}
.dashboard-wrapper .dashboard-body .dash-box .chartDataTableWrapper .chartTable .normal-table thead th:first-child {
  position: relative;
}
.dashboard-wrapper .dashboard-body .dash-box .chartDataTableWrapper .chartTable .normal-table thead th:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--gray-00);
  position: absolute;
  left: -1px;
  top: 0;
}
.dashboard-wrapper .dashboard-body .dash-box .chartDataTableWrapper .chartTable .normal-table tbody tr {
  background-color: transparent;
}
.dashboard-wrapper .dashboard-body .dash-box .chartDataTableWrapper .chartTable .normal-table tbody tr td {
  padding: 6px 2px;
  font-size: 12px;
  font-weight: 400;
  border: none;
  border-bottom: 1px solid #dbdcdd;
}
.dashboard-wrapper .dashboard-body .dash-box .chartDataTableWrapper .chartTable .normal-table tbody tr td .label-color {
  width: 10px;
  height: 10px;
  display: inline-block;
}
.dashboard-wrapper .dashboard-body .dash-box .chartDataTableWrapper .chartTable .normal-table tbody tr td:first-child {
  width: 110px;
  min-width: 110px;
  color: #000;
  font-weight: 600;
  text-align: left;
  border: none;
  border-bottom: 1px solid #dbdcdd;
}
.dashboard-wrapper .dashboard-body .white-box {
  box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
  border: 0;
}
.dashboard-wrapper .dashboard-body .white-box h4 {
  text-align: center;
  margin: 10px 0 15px;
}
.dashboard-wrapper .dashboard-body .white-box canvas {
  min-height: 300px;
}

.guter-change {
  margin: 0 -8px !important;
}
.guter-change .col-1,
.guter-change .col-2,
.guter-change .col-3,
.guter-change .col-4,
.guter-change .col-5,
.guter-change .col-6,
.guter-change .col-7,
.guter-change .col-8,
.guter-change .col-9,
.guter-change .col-10,
.guter-change .col-11,
.guter-change .col-12 {
  padding: 0 8px;
}

.table-responsive {
  overflow: auto;
  max-height: calc(100vh - 210px);
}
@media (max-width: 767px) {
  .table-responsive .normal-table {
    min-width: 767px;
  }
}
.table-responsive.routes-schedule-table .normal-table {
  min-width: 1000px;
}

.normal-table {
  border-collapse: collapse;
  width: 100%;
}
.normal-table thead th {
  color: var(--secondary-800);
  background: #ffffff;
  padding: 4px 3px;
  border: 1px solid #CAE4FA;
  font-size: 11px;
  font-weight: var(--font-weight-700);
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 1600px) {
  .normal-table thead th {
    font-size: var(--font-size-12);
  }
}
.normal-table tbody tr {
  background: #ffffff;
}
.normal-table tbody tr:nth-child(odd) {
  background: #ebf6ff;
}
.normal-table tbody tr.row-white-bg {
  background: #ffffff;
}
.normal-table tbody tr.row-blue-bg {
  background: #ebf6ff;
}
.normal-table tbody tr td {
  border: 1px solid #CAE4FA;
  background: transparent;
  padding: 4px 3px;
  font-size: 11px;
  font-weight: var(--font-weight-500);
  text-align: center;
  color: var(--secondary-800);
}
@media (min-width: 1600px) {
  .normal-table tbody tr td {
    font-size: var(--font-size-12);
  }
}
.normal-table tbody tr td small {
  font-size: 10px;
}
.normal-table tbody tr td .p-checkbox {
  margin: 0 auto;
  display: block;
}
.normal-table tbody tr td p {
  margin: 0;
}
.normal-table tbody tr td p + p {
  margin-top: 5px;
}
.normal-table tbody tr td .custom-radio-group {
  justify-content: center;
}
.normal-table tbody tr td .sellout-autofill-btn {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.normal-table tbody tr td .sellout-autofill-btn .p-checkbox + label {
  white-space: break-spaces;
}
.normal-table tbody tr td .sellout-help-btn {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: center;
}
.normal-table tbody tr td .sellout-help-btn .p-button {
  height: 26px;
}
.normal-table tbody tr td .sellout-help-btn.sellIn .p-button {
  height: auto;
}
.normal-table tfoot th {
  background: #ececec;
  border: 1px solid #dee2e6;
  padding: 10px 5px;
  font-weight: 700;
  color: #343a40;
  font-size: 12px;
}

.sellout-insights-table thead th {
  background-color: #E6F0EF;
  border-color: #ededed;
}
.sellout-insights-table tbody tr td {
  border-color: #ededed;
}
.sellout-insights-table tbody tr td.bg-dark {
  position: relative;
}
.sellout-insights-table tbody tr td.bg-dark:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.05) !important;
  z-index: 1;
}
.sellout-insights-table tbody tr td.fy-bg-dark {
  position: relative;
  background-color: #ededed;
}
.sellout-insights-table tbody tr td.fy-bg-dark:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.05) !important;
  z-index: 1;
}
.sellout-insights-table tbody tr:nth-child(odd) {
  background: #ffffff;
}

.sellin-insights-table thead th {
  background-color: #E5EFF7;
  border-color: #ededed;
}
@media (max-width: 1439px) {
  .sellin-insights-table thead th.compatible-col {
    width: 300px;
  }
}
.sellin-insights-table tbody tr td {
  border-color: #ededed;
}
.sellin-insights-table tbody tr:nth-child(odd) {
  background: #ffffff;
}
.sellin-insights-table tfoot th {
  background-color: #E5EFF7;
  border-color: #ededed;
}

.scroll-active .p-accordion-tab-active .accordionFooter,
.scroll-active .tab-btns-wrapper {
  padding: 16px 0;
  z-index: 9;
  background: #ffffff;
  position: sticky;
  bottom: 0;
}

.p-disabled,
.p-component:disabled {
  opacity: 0.6;
}
.p-disabled::placeholder,
.p-component:disabled::placeholder {
  color: #676767;
}
.p-disabled .p-dropdown-clear-icon,
.p-disabled .p-dropdown-trigger,
.p-component:disabled .p-dropdown-clear-icon,
.p-component:disabled .p-dropdown-trigger {
  opacity: 0.6;
}

.radio-wrapper-button {
  display: flex;
  white-space: nowrap;
}
.radio-wrapper-button .p-radiobutton {
  display: none;
}
.radio-wrapper-button .p-radiobutton + label {
  color: var(--Black);
  background: var(--White);
  border: 1px solid var(--buttonBdr);
  padding: 6px 10px;
  font-size: var(--font-size-12);
  border-radius: var(--radius-4);
  font-weight: var(--font-weight-500);
  cursor: pointer;
  min-width: 94px;
  text-align: center;
}
.radio-wrapper-button .p-radiobutton.p-radiobutton-checked + label {
  color: var(--White);
  background: var(--secondary-600);
  border: 1px solid var(--secondary-600);
}
.radio-wrapper-button .p-radiobutton.p-radiobutton-disabled + label {
  opacity: 0.6;
}

.radio-wrapper-box {
  display: flex;
  width: 20%;
}
.radio-wrapper-box .p-radiobutton {
  display: none;
}
.radio-wrapper-box .p-radiobutton + label {
  color: var(--Black);
  background: var(--White);
  border: 1px solid var(--buttonBdr);
  padding: 6px 10px;
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-600);
  cursor: pointer;
  display: block;
  width: 100%;
}
.radio-wrapper-box .p-radiobutton + label p {
  font-weight: var(--font-weight-400);
  margin: 5px 0 0 0;
}
.radio-wrapper-box .p-radiobutton.p-radiobutton-checked + label {
  color: var(--White);
  background: var(--secondary-600);
  border: 1px solid var(--secondary-600);
}
.radio-wrapper-box .p-radiobutton.p-radiobutton-checked + label p {
  color: var(--White);
}
.radio-wrapper-box .p-radiobutton.p-radiobutton-disabled + label {
  opacity: 0.6;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

/* Page Title */
.page-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 14px;
  z-index: 11;
  left: 210px;
  transition: all ease-in-out 0.3s;
}
@media (max-width: 991px) {
  .page-title {
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 120px);
    justify-content: center;
  }
}
.page-title h2,
.page-title h4 {
  margin: 0;
  font-size: var(--font-size-16);
  color: var(--gray-900);
  font-weight: 600;
}
@media (max-width: 991px) {
  .page-title h2,
  .page-title h4 {
    font-size: var(--font-size-14);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

.page-title-mob {
  padding: 16px 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-title-mob h2,
.page-title-mob h4 {
  margin: 0;
  font-size: var(--font-size-16);
  color: var(--gray-900);
  font-weight: 600;
}
@media (min-width: 992px) {
  .page-title-mob {
    display: none;
  }
}

.draggable-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.draggable-wrap .draggable-items {
  min-height: 180px;
  width: calc(25% - 16px);
  background: var(--secondary-200);
  border: 1px solid var(--secondary-300);
  border-bottom: 5px solid var(--secondary-400);
  padding: 16px;
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-700);
  color: var(--secondary-700);
  cursor: move;
}
@media (max-width: 1199px) {
  .draggable-wrap .draggable-items {
    width: calc(33.33% - 11px);
  }
}
@media (max-width: 767px) {
  .draggable-wrap .draggable-items {
    width: 100%;
  }
}

.Rtable-wrap {
  width: 100%;
}
.Rtable-wrap .Rtable {
  margin: 0 0 3em 0;
  padding: 0;
  border: 1px solid var(--buttonBdr);
  border-right: 0;
  border-bottom: 0;
  display: table;
  border-collapse: separate;
  box-sizing: border-box;
  text-indent: initial;
  width: 100%;
  border-color: var(--buttonBdr);
  border-radius: 4px 0 0 0;
}
.Rtable-wrap .Rtable .Rtable-row.Rtable-row--head {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.Rtable-wrap .Rtable .Rtable-row.Rtable-row--head .Rtable-cell:first-child {
  border-radius: 5px 0 0 0;
}
.Rtable-wrap .Rtable .Rtable-row.Rtable-row--head .Rtable-cell:last-child {
  border-radius: 0 5px 0 0;
}
.Rtable-wrap .Rtable .Rtable-row-wrap {
  width: 100%;
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
.Rtable-wrap .Rtable .Rtable-row {
  width: 100%;
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.Rtable-wrap .Rtable .Rtable-row .Rtable-cell {
  border-right: 1px solid var(--buttonBdr);
  border-bottom: 1px solid var(--buttonBdr);
  flex-grow: 1;
  padding: 8px 10px;
  overflow: hidden; /*Or flex might break*/
  list-style: none;
  display: table-cell;
  vertical-align: inherit;
  text-align: -internal-center;
}
.Rtable-wrap .Rtable .Rtable-row .Rtable-cell.column-heading {
  background-color: var(--secondary-700);
  color: var(--White);
  border-color: var(--secondary-600);
  padding: 8px 10px;
}
.Rtable-wrap .Rtable .Rtable-row .Rtable-cell .Rtable-cell--heading {
  display: none;
}

.custom-colorpicker {
  display: flex;
  flex-wrap: wrap;
}
.custom-colorpicker > label {
  order: 1;
}
.custom-colorpicker > div:nth-child(2) {
  order: 2;
  position: relative;
  max-width: calc(100% - 40px);
  padding-right: 10px;
}
.custom-colorpicker > div:nth-child(2)::before {
  content: "#";
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
  color: var(--gray-600);
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-14);
}
.custom-colorpicker > div:not(.p-colorpicker):nth-child(3) {
  order: 4;
  width: 100%;
}
.custom-colorpicker > .p-colorpicker {
  order: 3;
}
.custom-colorpicker div > .p-inputtext {
  width: 100%;
  float: left;
  margin-right: 5px;
  padding-left: 22px;
}
.custom-colorpicker .p-colorpicker .p-inputtext {
  height: 32px;
  width: 32px !important;
}

.p-menu-overlay .p-menu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
  color: var(--Black);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-12);
  padding: 8px 16px;
  transition: all 0.2s;
  display: flex;
}
.p-menu-overlay .p-menu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-menuitem-text {
  color: var(--Black);
}

.p-tabview .p-tabview-nav .p-tabview-header .p-tabview-nav-link {
  color: var(--gray-800);
  font-weight: 600;
  font-size: var(--font-size-12);
}
@media (min-width: 1600px) {
  .p-tabview .p-tabview-nav .p-tabview-header .p-tabview-nav-link {
    font-size: var(--font-size-13);
  }
}
.p-tabview .p-tabview-nav .p-tabview-header.p-highlight .p-tabview-nav-link {
  color: var(--primary-600);
}
.p-tabview .p-tabview-nav .p-tabview-header.p-tabview-ink-bar {
  background-color: var(--primary-600);
}
.p-tabview .p-tabview-panels {
  padding: 8px;
}
.p-tabview .p-tabview-panels .p-tabview-panel p {
  font-size: var(--font-size-12);
  line-height: 20px;
  text-transform: capitalize;
  margin: 0;
  font-weight: var(--font-weight-500);
  color: var(--secondary-700);
}
.p-tabview .p-tabview-panels .p-tabview-panel .detail-footer {
  background: var(--secondary-200);
  padding: 15px 16px;
  margin: 20px -16px -16px;
  border-radius: 0 0 6px 6px;
  text-align: right;
}
.p-tabview .p-tabview-panels .p-tabview-panel .detail-footer .p-button {
  width: inherit;
}
.p-tabview .p-tabview-panels .p-tabview-panel .detail-footer button + button {
  margin-left: 8px;
}

.p-password {
  width: 100%;
}

.import-file-content {
  display: flex;
  align-items: center;
}
.import-file-content > *:not(:last-child) {
  margin-right: 15px;
}
.import-file-content .p-fileupload-choose {
  flex-direction: row;
  padding: 8px 16px;
}
.import-file-content .p-fileupload-choose .p-button-icon {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  margin-bottom: 0;
}

.no-data {
  text-align: center;
}
.no-data img {
  width: 130px;
  margin: 25px 0 0;
}

/* Image Crop */
.cropper-area {
  width: 450px;
}

.img-cropper-actions {
  margin-top: 10px;
}
.img-cropper-actions a {
  border-radius: var(--radius-4);
  margin: 0;
  padding: 8px 16px;
  background: var(--primary-600);
  border-color: var(--primary-600);
  color: var(--White);
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  align-items: center;
  vertical-align: bottom;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.img-cropper-actions a:not(:last-child) {
  margin-right: 10px;
}

.preview-area {
  width: 150px;
}

.preview {
  width: 100%;
  height: 168.75px;
  overflow: hidden;
}

.crop-placeholder {
  width: 100%;
  height: 200px;
  background: #ccc;
}

.cropped-image {
  position: relative;
}
.cropped-image img {
  max-width: 100%;
  width: 150px;
  border: 1px solid var(--gray-500);
}
.cropped-image .upload-close-icon {
  padding: 0;
  position: absolute;
  right: 0px;
  font-weight: 900;
  height: 24px;
  width: 24px;
}
.cropped-image .p-button-icon {
  font-size: var(--font-size-14);
  margin-right: 0;
  font-weight: 700;
}

.image-crop-dailog {
  padding-bottom: 0px !important;
}

/* Image Crop */
.p-dialog-content {
  color: #232529;
}
.p-dialog-content .p-datatable .p-datatable-wrapper {
  max-height: 260px;
  overflow: auto;
}
.p-dialog-content .p-datatable .p-datatable-wrapper .p-datatable-table {
  border-collapse: separate;
}
.p-dialog-content .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.p-dialog-content .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr:first-child td:first-child {
  border-top-left-radius: 6px;
}
.p-dialog-content .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr:first-child td:last-child {
  border-top-right-radius: 6px;
}
.p-dialog-content .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}
.p-dialog-content .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}
.p-dialog-content .jodit-toolbar__box:not(:empty) {
  overflow: unset;
}
.p-dialog-content .jodit-toolbar-button {
  position: relative;
  overflow: unset;
}
.p-dialog-content .jodit-toolbar-button .jodit-popup {
  position: absolute;
  top: 100% !important;
  left: 0 !important;
}
.p-dialog-content .jodit-toolbar-button .jodit-popup .jodit-toolbar-button__text {
  white-space: nowrap;
}
.p-dialog-content .upload-excel-note {
  margin-top: 0;
  font-weight: 600;
  color: #000;
}
.p-dialog-content .p-fileupload {
  display: flex;
}
.p-dialog-content .p-fileupload .p-fileupload-empty {
  padding: 0 5px;
  text-align: center;
}
.p-dialog-content .p-fileupload .p-fileupload-buttonbar {
  padding: 0;
  border: none;
}
.p-dialog-content .p-fileupload .p-fileupload-buttonbar .p-fileupload-choose {
  width: 34px !important;
  background-color: transparent;
  color: var(--gray-400);
  border: 1px solid var(--inputBdr);
  border-radius: 6px 0 0 6px;
}
.p-dialog-content .p-fileupload .p-fileupload-buttonbar .p-fileupload-choose .p-button-label {
  display: none;
}
.p-dialog-content .p-fileupload .p-fileupload-buttonbar .p-fileupload-choose .p-button-icon {
  margin-right: 0;
}
.p-dialog-content .p-fileupload .p-fileupload-content {
  padding: 8px 5px 5px;
  overflow: auto;
  border-top: 1px solid #e2e8f0;
  border-left: none;
  border-radius: 0 6px 6px 0;
  width: 100%;
}
.p-dialog-content .p-fileupload .p-fileupload-file {
  padding: 0;
  border: none;
  align-items: flex-end;
}
.p-dialog-content .p-fileupload .p-fileupload-file .p-fileupload-file-details .p-badge {
  display: none;
}
.p-dialog-content .p-fileupload .p-fileupload-file .p-fileupload-file-details .p-fileupload-file-name {
  word-break: break-word;
}
.p-dialog-content .p-fileupload .p-fileupload-file .p-fileupload-file-actions .download-btn {
  display: none;
}
.p-dialog-content .p-fileupload .p-fileupload-file-thumbnail:not([src]) {
  display: none;
}
.p-dialog-content .alert-box-msg {
  font-size: 14px;
  margin-bottom: 20px;
}
.p-dialog-content .alert-box-check {
  font-size: 14px;
}

/* 404 Page Start */
.error-wrapper {
  background: #f8f9fb;
}
@media (min-width: 1367px) {
  .error-wrapper .auth-body {
    max-width: 500px;
  }
}
.error-wrapper .auth-body .content-wrapper {
  justify-content: center;
  text-align: center;
  background-color: #fff;
  padding: 60px 60px;
}
.error-wrapper .auth-body .content-wrapper img {
  margin-bottom: 30px;
  width: 160px;
}
.error-wrapper .auth-body .content-wrapper h2 {
  font-size: 90px;
  line-height: 90px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .error-wrapper .auth-body .content-wrapper h2 {
    font-size: 60px;
    line-height: 60px;
  }
}
.error-wrapper .auth-body .content-wrapper h2 strong {
  font-size: unset;
  font-weight: 700;
}
.error-wrapper .auth-body .content-wrapper h3 {
  margin-top: 15px;
  margin-bottom: 30px;
}
.error-wrapper .auth-body .content-wrapper .login-button {
  height: unset;
}
.error-wrapper .auth-body .copy-right {
  color: #232529;
}

/* 404 Page End */
/* Normal Filter */
@media (max-width: 1199px) {
  .normal-filter-wrapper .AdvanceSearchAction {
    justify-content: start;
    margin: 0;
  }
}
.normal-filter-wrapper .AdvanceSearchAction button + button {
  margin-left: 8px;
}
@media screen and (max-width: 1199px) {
  .normal-filter-wrapper .default-filter-wrap {
    display: block;
    padding: 16px;
  }
}
@media screen and (max-width: 1199px) {
  .normal-filter-wrapper .default-filter-wrap .field {
    margin-bottom: 15px;
  }
}
.normal-filter-wrapper .default-filter-wrap .filter-fields {
  width: calc(100% - 160px);
}
@media (max-width: 1199px) {
  .normal-filter-wrapper .default-filter-wrap .filter-fields {
    width: calc(100% - 0px);
  }
}

.sm-dialog {
  max-width: 450px !important;
}

.dotIcon i {
  font-size: 10px;
  color: #d1d3d6;
  margin-right: 3px;
}

.p-overlaypanel {
  box-shadow: rgba(28, 40, 64, 0.04) 0px 0px 0px 1px inset, rgba(28, 40, 64, 0.12) 0px 4px 8px -4px, rgba(28, 40, 64, 0.16) 0px 4px 12px -2px;
}
.p-overlaypanel.ButtonToggleItems .p-overlaypanel-content {
  padding: 4px;
}
.p-overlaypanel.ButtonToggleItems .p-overlaypanel-content ul {
  margin: 0;
  padding: 0;
}
.p-overlaypanel.ButtonToggleItems .p-overlaypanel-content ul li {
  list-style: none;
  text-decoration: none;
}
.p-overlaypanel.ButtonToggleItems .p-overlaypanel-content ul li a {
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  flex: 1 1 0%;
  border-radius: 8px;
  padding: 5px 8px;
  gap: 6px;
  user-select: none;
  cursor: pointer;
  border: none;
  background-color: transparent;
  font-family: Inter, sans-serif;
  letter-spacing: -0.02em;
  font-weight: 500;
  line-height: 20px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgb(35, 37, 41);
}
.p-overlaypanel.ButtonToggleItems .p-overlaypanel-content ul li a:hover {
  background-color: rgb(244, 245, 246);
}
.p-overlaypanel.ButtonToggleItems .p-overlaypanel-content ul li a i {
  font-size: 13px;
}
.p-overlaypanel.ButtonToggleItems .p-overlaypanel-content hr {
  margin: 5px 0;
}
.p-overlaypanel.ButtonToggleItems .p-overlaypanel-content .info {
  font-size: 12px;
  font-weight: 500;
  border-radius: 8px;
  background: rgb(244, 245, 246);
  border: 1px solid rgb(238, 239, 241);
  margin: 2px;
  padding: 4px 8px;
  line-height: 1;
  display: flex;
  align-items: center;
  max-width: 250px;
}
.p-overlaypanel.ButtonToggleItems .p-overlaypanel-content .info i {
  margin-right: 5px;
  font-size: 13px;
}

.filters {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 0;
}
@media (max-width: 991px) {
  .filters {
    display: none;
  }
}
@media (max-width: 767px) {
  .filters {
    flex-wrap: wrap;
    gap: 0;
  }
}
.filters .field {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .filters .field {
    width: 100%;
    margin-bottom: 16px;
  }
}
.filters .field label {
  display: flex;
  align-items: center;
  gap: 5px;
}
.filters .field:last-child label {
  gap: 3px;
}

.SellInTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:first-child td:not(.dark-bg),
.SellInTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:nth-child(2) td:not(.dark-bg) {
  background: #fff;
}
.SellInTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:first-child .p-row-editor-init,
.SellInTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:nth-child(2) .p-row-editor-init {
  display: inline-flex;
}
.SellInTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:nth-child(6) td {
  background: #f4f5f6;
  color: var(--primary-color);
}
.SellInTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:nth-child(7) td,
.SellInTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:nth-child(3) td {
  background: #fff;
}
.SellInTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:nth-child(7) .p-row-editor-init,
.SellInTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:nth-child(3) .p-row-editor-init {
  display: none;
}
.SellInTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child td {
  background: #f4f5f6;
  color: var(--primary-color);
}

.production-table-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.production-table-head .production-table-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: var(--font-size-16);
}

.colorSample {
  display: flex;
  height: 24px;
  width: 60px !important;
  max-width: 100% !important;
  position: relative;
  border: 1px solid #e7e7e7;
}
.colorSample span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex: 1;
}
.colorSample span:nth-child(2) {
  max-width: 15px;
}
.colorSample span:nth-child(3) {
  max-width: 10px;
}
.colorSample .colorSampleText {
  color: gray;
  margin: 0;
}

.expandableTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:not(.p-datatable-row-expansion) td {
  background: #EBEBEB;
  border-bottom: 8px solid #ffffff;
  vertical-align: middle;
  height: 48px;
}
.expandableTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:hover:not(.p-datatable-row-expansion) td {
  background: #dcf3ff;
}
.expandableTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr > td .p-row-toggler {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  color: var(--secondary-800);
  background: var(--White);
  border: 0;
  box-shadow: 0px 0px 2px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
}
.expandableTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr > td .p-row-toggler svg {
  width: 12px;
  height: 12px;
}
.expandableTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr > td .p-row-toggler:hover {
  background: var(--primary-600);
  color: #ffffff;
}

.weekRadioSelection .weekRadio {
  margin-bottom: 16px;
}
.weekRadioSelection .weekRadio .weekRadioButton {
  color: var(--secondary-800);
  background: #DDEBF7;
  border: 1px solid #bfe0fb;
  padding: 7px 10px;
  display: block;
  text-align: center;
  border-radius: var(--radius-4);
  font-size: 14px;
  cursor: pointer;
}
.weekRadioSelection .weekRadio .weekRadioButton:hover {
  background: var(--primary-600);
  border-color: var(--primary-600);
  color: #ffffff;
}
.weekRadioSelection .weekRadio .p-highlight ~ .weekRadioButton {
  background: var(--primary-600);
  border-color: var(--primary-600);
  color: #ffffff;
}
.weekRadioSelection .weekRadio .p-radiobutton {
  display: none;
}
.weekRadioSelection .weekRadio .p-radiobutton-checked + .weekRadioButton {
  background: var(--primary-600);
  border-color: var(--primary-600);
  color: #ffffff;
}
.weekRadioSelection .weekRadio .p-disabled.submitted + .weekRadioButton {
  background: #8BC34A;
  border-color: #8BC34A;
  color: #ffffff;
  position: relative;
}
.weekRadioSelection .weekRadio .p-disabled.submitted + .weekRadioButton:after {
  content: "\e909";
  font-family: primeicons, sans-serif;
  border: 2px solid #ffffff;
  width: 22px;
  height: 22px;
  border-radius: 100px;
  position: absolute;
  right: -10px;
  bottom: -10px;
  font-size: 14px;
  padding: 1px 0 0 1px;
  font-weight: bold;
  background: #8BC34A;
}
.weekRadioSelection .weekRadio .p-radiobutton-disabled.inprogress + .weekRadioButton {
  background: #FFC107;
  border-color: #FFC107;
  color: #000000;
  position: relative;
}
.weekRadioSelection .weekRadio .p-radiobutton-disabled.inprogress + .weekRadioButton:after {
  content: "\e940";
  font-family: primeicons, sans-serif;
  border: 2px solid #ffffff;
  width: 26px;
  height: 26px;
  border-radius: 100px;
  position: absolute;
  right: -10px;
  bottom: -10px;
  font-size: 16px;
  padding: 3px 0 0 0;
  font-weight: bold;
  background: #FFC107;
  line-height: 1;
}
.weekRadioSelection .weekRadio .p-radiobutton-disabled.draft + .weekRadioButton {
  background: var(--primary-600);
  border-color: var(--primary-600);
  color: #ffffff;
  position: relative;
}
.weekRadioSelection .weekRadio .p-radiobutton-disabled.draft + .weekRadioButton:after {
  content: "\e942";
  font-family: primeicons, sans-serif;
  border: 2px solid #ffffff;
  width: 26px;
  height: 26px;
  border-radius: 100px;
  position: absolute;
  right: -10px;
  bottom: -10px;
  font-size: 12px;
  padding: 5px 0 0 0;
  font-weight: bold;
  background: var(--primary-600);
  line-height: 1;
}

@media (max-width: 991px) {
  .tabsview-content .mobTabs .p-tabview-nav-container {
    display: none;
    position: absolute;
    width: 100%;
    background: #ffffff;
    padding: 0.25rem 0.25rem;
    border-radius: 6px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    z-index: 9;
    border: 1px solid var(--Bdr);
    top: 43px;
  }
  .tabsview-content .mobTabs .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav {
    display: block;
  }
  .tabsview-content .mobTabs .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav .p-tabview-header:after {
    display: none;
  }
  .tabsview-content .mobTabs .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav .p-tabview-header .p-tabview-header-action {
    color: var(--Black);
    font-weight: var(--font-weight-500);
    font-size: var(--font-size-12);
    padding: 11px 16px;
    transition: all 0.2s;
    display: block;
    background: #ffffff;
    border: 0;
    text-align: left;
  }
  .tabsview-content .mobTabs .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav .p-tabview-header.p-highlight .p-tabview-header-action {
    background: var(--gray-100) !important;
    color: var(--Black);
  }
  .tabsview-content .mobTabs .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav .p-tabview-header:not(.p-highlight):not(.p-disabled):not(.submitted):hover .p-tabview-header-action {
    background: var(--gray-100) !important;
    color: var(--Black);
  }
  .tabsview-content .mobTabs .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav li + li {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .tabsview-content .mobTabs.active .p-tabview-nav-container {
    display: block;
  }
}
@media (max-width: 991px) {
  .tabsview-content .mobTabs .expand-filter .expand-filter-title,
  .tabsview-content .mobTabs .expand-filter .expand-filter-btns {
    display: none;
  }
}
@media (max-width: 991px) {
  .tabsview-content .mobTabs .expand-filter > .p-button {
    width: calc(50% - 8px);
    padding: 9px 10px;
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .tabsview-content .mobTabs .expand-filter > .p-button .p-button-icon {
    font-size: 12px;
  }
}
.tabsview-content .mobTabs .expand-filter .latestUpdateBtn {
  width: auto;
}
@media (max-width: 991px) {
  .tabsview-content.mobTabs .scroll-buttons-wraper.active {
    display: block;
    position: absolute;
    width: 100%;
    top: -7px;
    z-index: 9;
  }
  .tabsview-content.mobTabs .scroll-buttons-wraper.active .scroll-buttons {
    display: block;
    background: #fff;
    padding: 0.25rem 0.25rem;
    border-radius: 6px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--Bdr);
  }
  .tabsview-content.mobTabs .scroll-buttons-wraper.active .scroll-buttons .s-button {
    color: var(--Black);
    font-weight: var(--font-weight-500);
    font-size: var(--font-size-12);
    padding: 11px 16px;
    transition: all 0.2s;
    display: block;
    background: #fff;
    border: 0;
    text-align: left;
  }
  .tabsview-content.mobTabs .scroll-buttons-wraper.active .scroll-buttons .s-button:hover {
    background: var(--gray-100);
    color: var(--Black);
  }
  .tabsview-content.mobTabs .scroll-buttons-wraper.active .scroll-buttons .s-button.active {
    background: var(--gray-100);
    color: var(--Black);
  }
}
.tabsview-content .p-tabview-nav-content .p-tabview-nav {
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .tabsview-content .p-tabview-nav-content .p-tabview-nav {
    justify-content: space-between;
  }
}
.tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header .p-tabview-header-action {
  color: var(--secondary-800);
  background: #DDEBF7;
  border: 1px solid #bfe0fb;
  padding: 7px 12px;
  display: block;
  text-align: center;
  border-radius: var(--radius-4);
  cursor: pointer;
  box-shadow: none;
  min-width: 110px;
  margin: 0;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  line-height: 1;
  position: relative;
  text-transform: uppercase;
}
.tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header .p-tabview-header-action:hover {
  opacity: 0.9;
}
@media (max-width: 1599px) {
  .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header .p-tabview-header-action {
    min-width: 90px;
  }
}
.tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.p-highlight .p-tabview-header-action {
  background: var(--primary-600);
  border-color: var(--primary-600);
  color: #ffffff;
  position: relative;
}
@media (min-width: 992px) {
  .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.summary-table .p-tabview-header-action {
    background: #fff !important;
    color: #1d1d1b !important;
    border: 1px solid var(--inputBdr) !important;
    transition: all 0.3s;
  }
  .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.piaggio-table .p-tabview-header-action {
    background: #0264B4 !important;
    color: #fff !important;
    border: 1px solid #0264B4 !important;
    transition: all 0.3s;
  }
  .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.vespa-table .p-tabview-header-action {
    background: #8EB5B1 !important;
    color: #fff !important;
    border: 1px solid #8EB5B1 !important;
    transition: all 0.3s;
  }
  .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.aprilia-table .p-tabview-header-action {
    background: #d31028 !important;
    color: #fff !important;
    border: 1px solid #d31028 !important;
    transition: all 0.3s;
  }
  .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.motoGuzzi-table .p-tabview-header-action {
    background: #1d1d1b !important;
    color: #fff !important;
    border: 1px solid #1d1d1b !important;
    transition: all 0.3s;
  }
  .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.yellow-table .p-tabview-header-action {
    background: #FFC000 !important;
    color: #fff !important;
    border: 1px solid #FFC000 !important;
    transition: all 0.3s;
  }
  .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.lightGreen-table .p-tabview-header-action {
    background: #8BC34A !important;
    color: #fff !important;
    border: 1px solid #8BC34A !important;
    transition: all 0.3s;
  }
  .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.dustyBlue-table .p-tabview-header-action {
    background: #6B86A9 !important;
    color: #fff !important;
    border: 1px solid #6B86A9 !important;
    transition: all 0.3s;
  }
  .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.orange-table .p-tabview-header-action {
    background: #F88030 !important;
    color: #fff !important;
    border: 1px solid #F88030 !important;
    transition: all 0.3s;
  }
  .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.cyan-table .p-tabview-header-action {
    background: #1FAFAF !important;
    color: #fff !important;
    border: 1px solid #1FAFAF !important;
    transition: all 0.3s;
  }
}
.tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-tab .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-by-market .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-by-brand .p-tabview-header-action {
  background-color: #E6F0EF;
  border-color: #cae1df;
  color: var(--secondary-800);
}
.tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-tab.p-highlight .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-tab:hover .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-by-market.p-highlight .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-by-market:hover .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-by-brand.p-highlight .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-by-brand:hover .p-tabview-header-action {
  background-color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
  color: #ffffff !important;
}
@media (max-width: 991px) {
  .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-tab.p-highlight .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-tab:hover .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-by-market.p-highlight .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-by-market:hover .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-by-brand.p-highlight .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-out-by-brand:hover .p-tabview-header-action {
    color: var(--Black) !important;
  }
}
.tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-tab .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-by-market .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-by-brand .p-tabview-header-action {
  background-color: #E5EFF7;
  border-color: #c4e4fd;
  color: var(--secondary-800);
}
.tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-tab.p-highlight .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-tab:hover .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-by-market.p-highlight .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-by-market:hover .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-by-brand.p-highlight .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-by-brand:hover .p-tabview-header-action {
  background-color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
  color: #ffffff !important;
}
@media (max-width: 991px) {
  .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-tab.p-highlight .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-tab:hover .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-by-market.p-highlight .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-by-market:hover .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-by-brand.p-highlight .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.sell-in-by-brand:hover .p-tabview-header-action {
    color: var(--Black) !important;
  }
}
.tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.submission-tab .p-tabview-header-action {
  background-color: #dddddd;
  border-color: #d7cfcf;
  color: var(--secondary-800);
}
.tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.submission-tab.p-highlight .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.submission-tab:hover .p-tabview-header-action {
  background-color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
  color: #ffffff !important;
}
@media (max-width: 991px) {
  .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.submission-tab.p-highlight .p-tabview-header-action, .tabsview-content .p-tabview-nav-content .p-tabview-nav .p-tabview-header.submission-tab:hover .p-tabview-header-action {
    color: var(--Black) !important;
  }
}
.tabsview-content .p-tabview-nav-content .p-tabview-nav li {
  margin: 0;
}
.tabsview-content .p-tabview-nav-content .p-tabview-nav li + li {
  margin-left: 20px;
}
@media (max-width: 1599px) {
  .tabsview-content .p-tabview-nav-content .p-tabview-nav li + li {
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .tabsview-content .p-tabview-nav-content .p-tabview-nav li + li {
    margin-left: 0;
  }
}
.tabsview-content .p-tabview-nav-content .p-tabview-nav li:not(.p-highlight):not(.p-disabled):not(.submitted):hover .p-tabview-header-action {
  background: var(--primary-600);
  border-color: var(--primary-600);
  color: #ffffff;
}
.tabsview-content .p-tabview-nav-content .p-tabview-nav li:not(.p-highlight):not(.p-disabled):not(.submitted):hover .p-tabview-header-action:before {
  background-color: var(--primary-600);
}
.tabsview-content .p-tabview-panels {
  padding-left: 0;
  padding-right: 0;
  clear: both;
}
.tabsview-content .p-tabview-panels .p-datatable .p-datatable-thead .p-column-header-content {
  line-height: 1;
}

@media (min-width: 992px) {
  .tabsIcon .s-button:not(.submission-table):before,
  .tabsIcon .p-tabview-header:before {
    content: "\e942";
    font-family: primeicons, sans-serif;
    border: 2px solid #ffffff;
    width: 18px;
    height: 18px;
    border-radius: 100px;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ddebf7;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    z-index: 2;
  }
  .tabsIcon .s-button:not(.submission-table)::after,
  .tabsIcon .p-tabview-header::after {
    content: "";
    width: 30px;
    height: 1px;
    border-bottom: 1px dashed #aaa;
    position: absolute;
    left: calc(100% - 5px);
    top: 50%;
    z-index: -1;
  }
  .tabsIcon .s-button:not(.submission-table).active:before, .tabsIcon .s-button:not(.submission-table).p-highlight:before,
  .tabsIcon .p-tabview-header.active:before,
  .tabsIcon .p-tabview-header.p-highlight:before {
    content: "\e909" !important;
    font-family: primeicons, sans-serif;
    background: var(--primary-600);
  }
  .tabsIcon .s-button:not(.submission-table).summary-table:before,
  .tabsIcon .p-tabview-header.summary-table:before {
    display: none !important;
  }
  .tabsIcon .s-button:not(.submission-table).piaggio-table:before,
  .tabsIcon .p-tabview-header.piaggio-table:before {
    content: "\e942";
    font-family: primeicons, sans-serif;
    background-color: #0264B4 !important;
    color: #fff;
  }
  .tabsIcon .s-button:not(.submission-table).vespa-table:before,
  .tabsIcon .p-tabview-header.vespa-table:before {
    content: "\e942";
    font-family: primeicons, sans-serif;
    background-color: #8EB5B1 !important;
    color: #fff;
  }
  .tabsIcon .s-button:not(.submission-table).aprilia-table:before,
  .tabsIcon .p-tabview-header.aprilia-table:before {
    content: "\e942";
    font-family: primeicons, sans-serif;
    background-color: #d31028 !important;
    color: #fff;
  }
  .tabsIcon .s-button:not(.submission-table).motoGuzzi-table:before,
  .tabsIcon .p-tabview-header.motoGuzzi-table:before {
    content: "\e942";
    font-family: primeicons, sans-serif;
    background-color: #1d1d1b !important;
    color: #fff;
  }
  .tabsIcon .s-button:not(.submission-table).yellow-table:before,
  .tabsIcon .p-tabview-header.yellow-table:before {
    content: "\e942";
    font-family: primeicons, sans-serif;
    background-color: #FFC000 !important;
    color: #fff;
  }
  .tabsIcon .s-button:not(.submission-table).lightGreen-table:before,
  .tabsIcon .p-tabview-header.lightGreen-table:before {
    content: "\e942";
    font-family: primeicons, sans-serif;
    background-color: #8BC34A !important;
    color: #fff;
  }
  .tabsIcon .s-button:not(.submission-table).dustyBlue-table:before,
  .tabsIcon .p-tabview-header.dustyBlue-table:before {
    content: "\e942";
    font-family: primeicons, sans-serif;
    background-color: #6B86A9 !important;
    color: #fff;
  }
  .tabsIcon .s-button:not(.submission-table).orange-table:before,
  .tabsIcon .p-tabview-header.orange-table:before {
    content: "\e942";
    font-family: primeicons, sans-serif;
    background-color: #F88030 !important;
    color: #fff;
  }
  .tabsIcon .s-button:not(.submission-table).cyan-table:before,
  .tabsIcon .p-tabview-header.cyan-table:before {
    content: "\e942";
    font-family: primeicons, sans-serif;
    background-color: #1FAFAF !important;
    color: #fff;
  }
}
.tabsIcon:has(.scroll-buttons-arrow) .s-button:not(.submission-table):nth-last-child(3):after,
.tabsIcon:has(.scroll-buttons-arrow) .p-tabview-header:nth-last-child(3):after {
  display: none;
}

.createWeekHead {
  position: absolute;
  z-index: 1;
  top: 0;
}
.createWeekHead .production-table-title {
  margin-bottom: 0;
}
@media (max-width: 1280px) {
  .createWeekHead {
    margin-bottom: 10px;
    position: relative;
  }
}

.weekList-action {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .weekList-action {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
.weekList-action .weekList-action-error {
  color: #F00;
  font-size: 14px;
  font-weight: 400;
}
.weekList-action .weekList-action-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .weekList-action .weekList-action-btn {
    flex-wrap: wrap;
  }
}
.weekList-action .weekList-action-btn .p-button {
  position: relative;
  overflow: unset;
}
.weekList-action .weekList-action-btn .p-button:not(:last-child) {
  margin-right: 16px;
}
@media (max-width: 767px) {
  .weekList-action .weekList-action-btn .p-button {
    margin-bottom: 10px;
  }
}
.weekList-action .weekList-action-btn .p-button + .p-button:last-child:before {
  content: "";
  border-left: 1px solid #cbcbcb;
  height: 32px;
  width: 1px;
  position: absolute;
  left: -10px;
}
.weekList-action .p-inline-message .p-inline-message-text {
  font-size: 12px;
}
.weekList-action .p-inline-message .p-inline-message .p-inline-message-icon {
  width: 14px;
  height: 14px;
}

.tag {
  color: #000000;
  font-weight: 600;
  background: var(--White);
  border: 0;
  box-shadow: 0px 0px 2px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
  border-radius: 4px;
  min-width: 100px;
  display: inline-block;
  line-height: 1;
  padding: 4px;
}
.tag.draft {
  color: #187FBE;
}
.tag.pending {
  color: #FF9800;
}
.tag.approved, .tag.completed {
  color: #4CAF50;
}
.tag.rejected {
  color: #e14d4d;
}

.commonTable__Main {
  width: 100%;
  position: relative;
}

.SalesCategoriesList {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 360px;
}
.SalesCategoriesList li {
  width: 50%;
  padding: 5px;
  line-height: 1;
}
.SalesCategoriesList li:first-child {
  width: 100%;
}

.version-history-list {
  padding: 0 0 20px;
  margin: 0;
  list-style: none;
}
.version-history-list .version-history-item {
  padding: 10px 20px;
  cursor: pointer;
}
.version-history-list .version-history-item.active, .version-history-list .version-history-item:hover:not(.month-item) {
  background-color: var(--gray-200);
}
.version-history-list .version-history-month {
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size-14);
  color: var(--gray-800);
  font-weight: normal;
}
.version-history-list .version-history-title {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: var(--font-size-14);
}
.version-history-list .version-history-text {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: var(--font-size-12);
  font-style: italic;
  color: var(--gray-800);
}
.version-history-list .version-history-editor {
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size-12);
  color: var(--gray-800);
}
.version-history-list .version-history-editor::before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--gray-400);
  margin-right: 10px;
}

/* History Sidebar End */
.piaggioBrandTotal td {
  border-right: 0 !important;
}

.market-table .p-datatable-table .p-datatable-thead > tr > th {
  padding: 9px 10px;
}
.market-table .row-highlight .p-row-editor-init, .market-table .grayBlue .p-row-editor-init, .market-table .piaggioBrandTotal .p-row-editor-init, .market-table .piaggioSubTotal .p-row-editor-init {
  display: none;
}

.table-title {
  margin-top: 12px;
}

.scroll_height .commonTable .p-datatable-wrapper .p-datatable-table {
  border-collapse: collapse !important;
}
.scroll_height .commonTable .p-datatable-wrapper .p-datatable-table .p-datatable-thead th {
  border: none;
  border-bottom: 16px solid #ffffff !important;
}

.uploadReference-area .p-fileupload {
  display: block;
}

/* New Update CSS */
.p-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.p-menu .p-menuitem-link .p-menuitem-icon {
  color: #212d42;
}

.p-button-icon-only .p-button-label {
  visibility: hidden;
  width: 0;
  flex: 0 0 auto;
}

.p-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  transform: scale(0);
  pointer-events: none;
}

.p-tabview-nav {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  .p-tabview-nav {
    flex-wrap: wrap;
  }
}

.table-thumbnail-img img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: center;
}

.small-btn {
  padding: 5px 10px;
}
.small-btn:not(:last-child) {
  margin-bottom: 5px;
}

/* Vue Telephone Input */
.vue-tel-input {
  padding: 1px 0px;
  border: 1px solid var(--inputBdr);
  border-radius: var(--radius-8);
  color: var(--gray-600);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-13);
  line-height: 16px;
  vertical-align: middle;
}
.vue-tel-input:hover {
  border-color: var(--gray-600);
}

.vue-tel-input:focus-within {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: var(--gray-600);
}

.vti__input {
  border-radius: 0 8px 8px 0;
}

.vti__dropdown {
  border-radius: 8px 0 0 8px;
}

.p-colorpicker-panel .p-colorpicker-hue {
  background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
}
.p-colorpicker-panel .p-colorpicker-color {
  background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.package-detail-img img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.rightbar {
  background: #fbfbfb;
  border-left: 1px solid #eeeff1;
  width: 0;
  height: calc(100% - 49px);
  overflow-y: auto;
  padding: 10px;
  position: fixed;
  right: -20px;
  top: 49px;
  z-index: 98;
  transition: all 0.3s;
  transform: translateX(0px);
}
.rightbar .rightbar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0 0 0;
}
.rightbar .rightbar-header .rightbar-title h6 {
  margin: 0;
  color: var(--secondary-800);
  font-size: 14px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.rightbar .rightbar-header .rightbar-title h6 img {
  margin-right: 5px;
}
.rightbar .rightbar-header .rightbar-title span {
  font-size: 11px;
  display: inline-block;
  font-weight: 500;
  padding: 0 0 0 20px;
}
.rightbar .rightbar-header span {
  cursor: pointer;
}
.rightbar .rightbar-body {
  padding-top: 10px;
}
.rightbar .rightbar-body .small-disc {
  font-size: 11px;
  font-weight: 500;
  margin: 0 0 10px 0;
  line-height: 1.2;
  color: var(--secondary-800);
}

.rightbarOpen .rightbar {
  width: 245px;
  right: 0;
}

.layout-admin-content.rightbarOpen .content-wrap {
  padding-right: 260px;
}
@media (max-width: 991px) {
  .layout-admin-content.rightbarOpen .content-wrap {
    padding-right: 16px;
  }
}

.bottombar {
  background: #ffffff;
  border-left: 1px solid #eeeff1;
  width: calc(100% - 190px);
  height: 245px;
  overflow-y: auto;
  padding: 0 20px 10px;
  position: fixed;
  bottom: -100%;
  right: 0;
  z-index: 10;
  transition: all 0.3s;
  transform: translateX(0px);
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
  .bottombar {
    width: 100%;
  }
}
.bottombar .bottombar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 0;
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
}
.bottombar .bottombar-header .bottombar-title {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 24px;
}
@media (max-width: 767px) {
  .bottombar .bottombar-header .bottombar-title {
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.bottombar .bottombar-header .bottombar-title > div {
  display: flex;
  align-items: center;
  line-height: 1;
}
@media (max-width: 767px) {
  .bottombar .bottombar-header .bottombar-title > div {
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.bottombar .bottombar-header .bottombar-title > div h6 {
  margin: 0;
  color: var(--secondary-800);
  font-size: 14px;
}
@media (min-width: 1600px) {
  .bottombar .bottombar-header .bottombar-title > div h6 {
    font-size: var(--font-size-15);
  }
}
@media (max-width: 767px) {
  .bottombar .bottombar-header .bottombar-title > div h6 {
    margin-bottom: 8px;
    width: 100%;
  }
}
.bottombar .bottombar-header .bottombar-title > div img {
  margin-right: 5px;
}
@media (max-width: 767px) {
  .bottombar .bottombar-header .bottombar-title > div .btn-wave {
    margin-left: 0;
  }
}
.bottombar .bottombar-header .bottombar-title > div .linked-modal-switch {
  display: flex;
  align-items: center;
  margin-left: 15px;
  gap: 5px;
}
.bottombar .bottombar-header .bottombar-title > div .linked-modal-switch label {
  font-size: 14px;
  font-weight: 500;
}
.bottombar .bottombar-header .bottombar-title .configureDataBtn {
  margin-left: 15px;
  padding: 7px 6px;
}
.bottombar .bottombar-header .bottombar-title .configureDataBtn .p-button-icon {
  font-size: 9px;
}
@media (min-width: 1600px) {
  .bottombar .bottombar-header .bottombar-title .configureDataBtn .p-button-icon {
    font-size: var(--font-size-10);
  }
}
@media (max-width: 767px) {
  .bottombar .bottombar-header .bottombar-title .configureDataBtn {
    margin-left: 15px;
  }
}
.bottombar .bottombar-header .bottombar-title .p-button:last-child {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .bottombar .bottombar-header .bottombar-title .p-button {
    margin: 0;
  }
}
.bottombar .bottombar-header .close-btn {
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.bottombar .bottombar-body .small-disc {
  font-size: 11px;
  font-weight: 500;
  margin: 0 0 10px 0;
  line-height: 1.2;
  color: var(--secondary-800);
}
.bottombar .bottombar-body .p-tabview .p-tabview-nav .p-tabview-nav-link .pi {
  font-size: 10px;
  margin-right: 5px;
}
@media (min-width: 1600px) {
  .bottombar .bottombar-body .p-tabview .p-tabview-nav .p-tabview-nav-link .pi {
    font-size: var(--font-size-11);
  }
}
.bottombar .bottombar-body .p-tabview .p-tabview-panels {
  margin-top: 15px;
  padding: 0;
}
.bottombar .bottombar-body .p-tabview .p-tabview-panels .view-model-btn {
  padding: 7px 8px;
}
.bottombar .bottombar-body .normal-table {
  table-layout: fixed;
}
@media (max-width: 1199px) {
  .bottombar .bottombar-body .normal-table {
    min-width: 1000px;
  }
}
.bottombar .bottombar-body .normal-table thead tr th:first-child {
  padding-left: 15px;
  white-space: nowrap;
}
.bottombar .bottombar-body .normal-table tbody tr td:first-child {
  padding-left: 15px;
  white-space: nowrap;
}
.bottombar .bottombar-body .normal-table tbody tr td {
  position: relative;
}
.bottombar .bottombar-body .normal-table tbody tr td .p-button {
  white-space: nowrap;
}
.bottombar .bottombar-body .normal-table tbody tr td .p-dropdown {
  max-width: 150px;
  border-radius: var(--radius-4);
}
.bottombar .bottombar-body .normal-table tbody tr td .p-dropdown .p-dropdown-label {
  padding: 4px 10px;
}
.bottombar .bottombar-body .normal-table tbody tr td.ytd-col:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.05) !important;
  z-index: 1;
}
.bottombar .bottombar-body .normal-table.containerTable tbody tr td:first-child {
  padding-left: 3px;
}
.bottombar .chart-box {
  padding: 20px;
  border-radius: 16px;
}
.bottombar .chart-box .parient-label {
  text-align: center;
  font-weight: 500;
  display: block;
  margin: 10px 0 0 0;
  color: var(--gray-800);
}
.bottombar .configureDataBtn .p-button-icon {
  font-size: 9px;
}
.bottombar .sellout-tabs .normal-table tbody tr:nth-child(odd) td {
  font-weight: 600;
}
.bottombar .sellout-tabs .normal-table tbody tr:nth-child(even) td {
  color: gray;
}
.bottombar .sellout-tabs .normal-table tbody tr:nth-child(even) td:first-child {
  padding-left: 25px;
}
.bottombar .containerTable {
  table-layout: fixed;
}

.bOpen {
  bottom: 0;
}

.bOpenHalf {
  bottom: -200px;
}
@media (max-width: 767px) {
  .bOpenHalf {
    bottom: -180px;
  }
}

.bottombar.bOpen .arrow-btn {
  display: none;
}

.bottombar.bOpen.bOpenHalf .arrow-btn {
  display: block;
}

.bottombar.bOpen.bOpenHalf .arrow-btn + .close-btn {
  display: none;
}

.blink {
  animation: blink-animation 1s infinite;
  -webkit-animation: blink-animation 1s infinite;
  transition: all ease-in-out 0.3s;
}

@keyframes blink-animation {
  to {
    opacity: 0.5;
  }
}
@-webkit-keyframes blink-animation {
  to {
    opacity: 0.5;
  }
}
.tabsSmall .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav .p-tabview-header {
  margin: 0;
}
.tabsSmall .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav .p-tabview-header + .p-tabview-header {
  margin-left: 5px;
}
.tabsSmall .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav .p-tabview-header .p-tabview-nav-link {
  background: #F1F0F0;
  padding: 7px 8px;
  min-width: auto;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #000000;
  box-shadow: none;
  border-radius: 6px;
  margin: 0;
}
@media (min-width: 1600px) {
  .tabsSmall .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav .p-tabview-header .p-tabview-nav-link {
    font-size: var(--font-size-11) !important;
  }
}
.tabsSmall .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav .p-tabview-header.p-highlight .p-tabview-nav-link {
  background: #D4D3D9;
  border-color: #b7b7b7;
}
.tabsSmall .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav .p-tabview-header:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
  background: #ddebf7;
  border-color: #bfe0fb;
  color: #000000;
}
.tabsSmall .p-tabview-panels {
  padding: 8px 0;
  position: relative;
}

.view-details-btn {
  font-size: 9px;
  padding: 5px 6px;
  line-height: 1;
  display: inline-block;
  background: transparent !important;
  border: 1px solid #ffffff !important;
}
@media (min-width: 1600px) {
  .view-details-btn {
    font-size: 10px;
  }
}
.view-details-btn:hover {
  background: #ffffff !important;
  color: var(--secondary-800) !important;
}
.view-details-btn .p-button-label {
  font-weight: 600;
}
.view-details-btn.sell-value-clear {
  transition: all ease-in-out 0.3s;
  background: #ebe6e6 !important;
}

.actualArrow {
  font-size: 8px;
  margin-left: 2px;
}
.actualArrow.pi-arrow-up {
  color: green;
}
.actualArrow.pi-arrow-down {
  color: red;
}

.dottedSep {
  position: relative;
  overflow: inherit;
}
.dottedSep:before {
  content: "";
  border-left: 1px dashed #187fbe;
  position: absolute;
  left: -13px;
  top: -10px;
  height: 20px;
  border-bottom: 1px dashed #187fbe;
  width: 12px;
  border-radius: 0 0 0 4px;
}
.dottedSep:after {
  content: "";
  border-right: 1px dashed #187fbe;
  position: absolute;
  right: -13px;
  top: -10px;
  height: 20px;
  border-bottom: 1px dashed #187fbe;
  width: 12px;
  border-radius: 0 0 4px 0;
}

.market-dashboard {
  background: var(--White);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: all 0.3s ease 0s;
  padding: 20px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.market-dashboard .dashboard-Content {
  min-height: 30vh;
  width: 100%;
  border: 2px solid var(--Bdr);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.market-dashboard .dashboard-Content h4 {
  width: 100%;
  font-size: var(--font-size-18);
  text-align: center;
  color: var(--gray-800);
  font-weight: 600;
  margin: 0 0 15px;
}
@media (max-width: 767px) {
  .market-dashboard .dashboard-Content h4 {
    font-size: var(--font-size-16);
  }
}
.market-dashboard .dashboard-Content .dashboard-btn {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .market-dashboard .dashboard-Content .dashboard-btn .p-button {
    width: 80%;
  }
}

@media (max-width: 767px) {
  .user-profile-content .card-wrapper .card-header {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .user-profile-content .card-wrapper .card-header .left {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .user-profile-content .card-wrapper .card-header .right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .user-profile-content .card-wrapper .card-header .right .p-button {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .market-content .admin-actions-btn-wrapper .right-part {
    justify-content: flex-end;
    margin-top: -55px;
  }
}
.market-content .admin-actions-btn-wrapper .right-part .p-button {
  box-shadow: rgb(224, 224, 224) 0px 0px 2px, rgba(24, 39, 75, 0.02) 0px 1px 4px -2px, rgba(24, 39, 75, 0.06) 0px 4px 4px -2px;
}
@media (max-width: 767px) {
  .market-content .admin-actions-btn-wrapper .right-part .p-button {
    width: 31px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .market-content .admin-actions-btn-wrapper .right-part .p-button:not(:last-child) {
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .market-content .admin-actions-btn-wrapper .right-part .p-button .p-button-icon {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .market-content .admin-actions-btn-wrapper .right-part .p-button .p-button-label {
    display: none;
  }
}

.production-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #C6E6FA;
  padding: 5px 10px;
  border-radius: 4px;
}
.production-head.production-vespa {
  background: #e2efda;
}
.production-head.production-aprilia {
  background: #f6d3d3;
}
.production-head.production-moto-guzzi {
  background: #dddddd;
}

.production-head-title {
  margin: 0;
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-500);
}

.production-head-ytd span {
  font-weight: var(--font-weight-600);
  margin-right: 8px;
}

.rbar-productionTotal {
  margin-top: 20px;
}
.rbar-productionTotal .p-button {
  width: 100%;
}

.QtyBox {
  width: 90px;
}
.QtyBox .p-inputnumber-input {
  border-radius: 0;
  padding: 0 3px;
  height: 25px;
  text-align: center;
  box-shadow: none;
  font-size: 12px;
  background: #ffffff;
  border-color: #CAE4FA;
}
.QtyBox .p-button {
  background: #ffffff;
  border-color: #CAE4FA;
  box-shadow: none;
  color: var(--secondary-800);
  padding: 0;
  width: 25px;
  height: 25px;
}
.QtyBox .p-button .pi {
  font-size: 10px;
  font-weight: bold;
}
.QtyBox .p-button.p-inputnumber-button-up {
  border-radius: 0 6px 6px 0;
  border-left: 0;
}
.QtyBox .p-button.p-inputnumber-button-down {
  border-radius: 6px 0 0 6px;
  border-right: 0;
}

/*Model Card Start*/
.production-moddel-card {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.production-moddel-card .model-card {
  box-shadow: 0px 0px 3px #c1c1c1, 0px 2px 5px -1px rgba(24, 39, 75, 0.02), 0px 5px 5px -3px rgba(24, 39, 75, 0.06);
  border-radius: 4px;
  height: 100%;
}
.production-moddel-card .model-card .model-card-img {
  padding: 15px;
  border-bottom: 1px solid #EDEDED;
}
.production-moddel-card .model-card .model-card-img img {
  width: 100%;
  max-width: 100%;
  height: 220px;
  object-fit: contain;
}
.production-moddel-card .model-card .model-card-body {
  padding: 15px;
}
.production-moddel-card .model-card .model-card-title {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: var(--font-size-18);
  color: var(--primary-color);
}
.production-moddel-card .model-card .model-card-title i {
  font-weight: lighter;
  color: #000;
  font-size: var(--font-size-14);
}
.production-moddel-card .model-card .model-color-item {
  display: flex;
  align-items: center;
}
.production-moddel-card .model-card .model-color-item:not(:last-child) {
  margin-bottom: 10px;
}
.production-moddel-card .model-card .model-color-item .model-color {
  margin-right: 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  min-width: 50px;
  position: relative;
}
.production-moddel-card .model-card .model-color-item .model-color .p-radiobutton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.production-moddel-card .model-card .model-color-item .model-color .p-radiobutton .p-radiobutton-input {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.production-moddel-card .model-card .model-color-item .model-details {
  color: #232529;
}
.production-moddel-card .model-card .model-color-item .model-action {
  margin-left: auto;
}
.production-moddel-card .model-card .model-color-item .model-color-name {
  font-weight: var(--font-weight-600);
  color: #232529;
}
.production-moddel-card .model-card .model-color-item .model-color-code {
  margin-left: 8px;
  border: 1px solid #D9D9D9;
  padding: 3px 8px;
  border-radius: 5px;
  font-weight: 400;
}

/*Model Card End*/
.p-datatable.treeDatatable {
  width: 100%;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td {
  background-color: #f5f5f5;
  font-weight: 400;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .expand-icon {
  margin-right: 0.5rem;
  width: 14px;
  height: 14px;
  border-radius: 6px;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  color: var(--secondary-800);
  background: #D9D9D9;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 2px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .expand-icon .pi {
  font-size: 8px;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr > td:not(:nth-child(1)), .p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr > td:not(:nth-child(2)) {
  width: 65px;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr > td[colspan] {
  padding: 0 !important;
  border: none;
  height: auto;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr > td[colspan] > div {
  flex-wrap: wrap;
  min-height: auto;
  padding: 0;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr.piaggioPlant td:first-child {
  position: relative;
  padding-left: 20px !important;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr.piaggioPlant td:first-child:before {
  content: "";
  background: #ffffff;
  width: 10px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr.piaggioFamily td:first-child {
  padding-left: 15px !important;
  position: relative;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr.piaggioFamily td:first-child .expand-icon {
  margin-left: 16px;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr.piaggioFamily td:first-child:before {
  content: "";
  background: #ffffff;
  width: 20px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr.piaggioModel td:first-child {
  position: relative;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr.piaggioModel td:first-child .expand-icon {
  margin-left: 32px;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr.piaggioModel td:first-child:before {
  content: "";
  background: #ffffff;
  width: 30px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr.piaggioModel ~ .p-datatable-row-expansion td {
  position: relative;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr.piaggioModel ~ .p-datatable-row-expansion td:first-child .expand-icon {
  margin-left: 32px;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr.piaggioModel ~ .p-datatable-row-expansion td:first-child:before {
  content: "";
  background: #ffffff;
  width: 30px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr .co-col {
  font-weight: 600;
}
.p-datatable.treeDatatable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody .p-datatable-row-expansion > td {
  background-color: #fff !important;
}

.configureDataBtn {
  position: relative;
}

.btn-wave {
  margin-left: 15px;
  font-size: var(--font-size-12);
}

.news-box .news-item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 20px 20px 20px;
  border-left: 6px solid var(--primary-color);
  border-radius: 6px;
}
@media (max-width: 767px) {
  .news-box .news-item {
    flex-wrap: wrap;
  }
}
.news-box .news-item .news-icon {
  background: #EBF6FF;
  min-width: 80px;
  min-height: 80px;
  border: 1px solid var(--primary-600);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news-box .news-item .news-disc strong {
  color: #6d6d6d;
  font-weight: 600;
}
.news-box .news-item .news-disc > div {
  margin: 2px 0 5px;
  font-size: 16px;
  color: #232529;
  font-weight: 600;
  line-height: 1;
}
.news-box .news-item .news-disc p {
  margin: 0;
  font-size: 14px;
  color: #232529;
  line-height: 20px;
}
.news-box .news-item .news-disc a {
  color: var(--primary-600);
  text-decoration: underline;
}
.news-box .news-item .news-disc a:hover {
  text-decoration: none;
}
.news-box hr {
  border-bottom: 1px dashed #D4D3D9;
}

.h-240 {
  height: 200px;
}

/**********subnavtab-css**********/
.subnavtab-wrapper .custom-tab-wrapper {
  width: 100%;
}
.subnavtab-wrapper .custom-tab-wrapper .nav-tabs {
  margin: 0;
  list-style: none;
  display: flex;
  padding: 20px 20px 0;
  align-items: center;
  white-space: nowrap;
}
.subnavtab-wrapper .custom-tab-wrapper .nav-tabs li a {
  font-weight: 500;
  color: var(--gray-600);
  font-size: 12px;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.subnavtab-wrapper .custom-tab-wrapper .nav-tabs li a.router-link-active {
  font-weight: 600;
  color: var(--primary-600);
  border-color: var(--primary-600);
}
.subnavtab-wrapper .custom-tab-wrapper .nav-tabs li + li {
  margin-left: 20px;
}
.subnavtab-wrapper .subnavtab-label {
  font-weight: 600;
  color: var(--primary-600);
  border-bottom: 2px solid transparent;
  border-color: var(--primary-600);
}
.subnavtab-wrapper + .content-wrap .advance-search-filter-btn .popup-filter-btn {
  top: -40px;
}

.content-wrap {
  padding: 20px;
  transition: all 0.3s;
  position: relative;
}
@media (max-width: 991px) {
  .content-wrap {
    padding: 16px;
  }
}
.content-wrap .detail-wrap .detail-footer {
  background: var(--secondary-200);
  padding: 15px 16px;
  border-radius: 6px;
  text-align: right;
}
.content-wrap .detail-wrap .detail-footer .p-button {
  width: inherit;
}
.content-wrap .detail-wrap .detail-footer button + button {
  margin-left: 8px;
}
.content-wrap .detail-wrap .search-section {
  flex-wrap: nowrap;
  gap: 10px;
}
.content-wrap .detail-wrap .search-section > div {
  width: calc(100% - 158px);
}
.content-wrap .detail-wrap .search-section .p-inputtext {
  border-radius: var(--radius-8);
}
.content-wrap .detail-wrap .search-section .p-button {
  border-radius: var(--radius-4);
}

/**********admin-content-css**********/
.admin-wrapper {
  display: flex;
  width: 100%;
}
@media (max-width: 767px) {
  .admin-wrapper {
    display: block;
  }
}
.admin-wrapper .admin-sidebar {
  height: calc(100% - 126px);
  overflow-y: auto;
  min-width: 200px;
  border-right: 1px solid var(--buttonBdr);
  background: var(--White);
  padding: 0;
  position: fixed;
  left: 0;
  top: 102px;
}
@media (max-width: 767px) {
  .admin-wrapper .admin-sidebar {
    min-height: auto;
    min-width: 240px;
    border-right: 0;
    background: transparent;
    padding: 8px 10px 6px;
    position: initial;
  }
}
.admin-wrapper .AdminSidebarOpener {
  background: #ffffff;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: var(--boxShadow);
  border-radius: 4px;
}
.admin-wrapper .AdminSidebarOpener label {
  color: var(--primary-900);
  font-weight: 600;
  font-size: var(--font-size-12);
}
@media (min-width: 768px) {
  .admin-wrapper .AdminSidebarOpener {
    display: none;
  }
}
.admin-wrapper .AdminSidebarOpener span {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .admin-wrapper .custom-panelmenu {
    display: none;
    background: var(--White);
    border: 1px solid var(--Bdr);
    box-shadow: var(--boxShadow);
    border-radius: 4px;
  }
  .admin-wrapper .custom-panelmenu.Active {
    display: block;
  }
}
@media (max-width: 767px) {
  .admin-wrapper .custom-panelmenu .p-panelmenu-panel {
    margin-bottom: 0;
  }
}
.admin-wrapper .custom-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content a {
  padding: 8px 16px;
  font-size: 12px;
  line-height: 21px;
  text-decoration: none;
  color: #2c3236;
  margin: 0 auto;
  font-weight: 500;
  height: 32px;
  border-radius: 0px;
  border-left: 4px solid transparent;
}
.admin-wrapper .custom-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content a.router-link-active-exact {
  border-color: var(--primary-600);
  background: var(--primary-50);
  font-weight: 600;
}
.admin-wrapper .content-wrap {
  width: 100%;
}
@media (max-width: 767px) {
  .admin-wrapper .content-wrap {
    width: 100%;
    padding-left: 10px;
  }
}

.no-filter {
  display: none;
}

.custom-radio-group {
  display: flex;
}
.custom-radio-group .field-radiobutton {
  position: relative;
  margin: 0;
}
.custom-radio-group .field-radiobutton .p-radiobutton {
  position: absolute;
  left: 10px;
  display: none;
}
.custom-radio-group .field-radiobutton .p-radiobutton.p-radiobutton-disabled:not(.p-radiobutton-checked) + label {
  opacity: 0.5;
}
.custom-radio-group .field-radiobutton label {
  font-size: 12px;
  padding: 7px 15px;
  cursor: pointer;
  margin: 0;
  border: 1px solid var(--inputBdr);
  color: var(--gray-600);
  line-height: 16px;
  vertical-align: middle;
  letter-spacing: 0.24px;
}
.custom-radio-group .field-radiobutton:first-child label {
  border-radius: 8px 0 0 8px;
}
.custom-radio-group .field-radiobutton:last-child label {
  border-radius: 0 8px 8px 0;
}
.custom-radio-group .field-radiobutton + .field-radiobutton label {
  border-left: 0;
}
.custom-radio-group .p-radiobutton-checked + label {
  color: #fff;
  background: var(--secondary-600);
  border: 1px solid var(--secondary-600);
}

hr {
  margin: 24px 0;
  border: 0;
  border-bottom: 1px solid var(--buttonBdr);
}

.search-section {
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #cde5fd;
  border-radius: var(--radius-4);
  background: var(--primary-100);
  padding: 10px 10px 12px;
  display: flex;
  flex-wrap: wrap;
}
.search-section > div {
  width: calc(100% - 136px);
}
.search-section .p-inputtext {
  border-radius: 4px 0 0 4px;
}
.search-section .p-button {
  border-radius: 0 4px 4px 0;
}

@media (min-width: 991px) {
  .advance-search-filter-only-for-mobile .popup-filter-btn {
    display: none;
  }
}

.role-title {
  margin: 0 0 10px;
  font-size: 16px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d3d7db;
}

.Role-table-wrapper {
  max-height: calc(100vh - 450px);
  border: 1px solid var(--buttonBdr);
  overflow: auto;
  margin-bottom: 20px;
  min-height: 250px;
  border-radius: 6px;
}
.Role-table-wrapper .Role-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 100%;
}
.Role-table-wrapper .Role-table thead tr th {
  color: var(--White);
  font-size: var(--font-size-12);
  font-weight: 500;
  padding: 8px 8px;
  white-space: nowrap;
  background: var(--secondary-700);
  border: 0;
  position: sticky;
  top: -1px;
  z-index: 9;
  text-align: center;
  border-top: 0;
}
.Role-table-wrapper .Role-table thead tr th:first-child {
  text-align: left;
}
.Role-table-wrapper .Role-table thead tr th.Role-Drop-Selection {
  width: 160px;
  min-width: 160px;
}
.Role-table-wrapper .Role-table thead tr th.Role-Export-Selection {
  width: 60px;
}
.Role-table-wrapper .Role-table thead tr th .p-checkbox {
  vertical-align: middle;
  margin-left: 4px;
}
.Role-table-wrapper .Role-table tbody tr td {
  font-size: 12px;
  padding: 8px;
  color: var(--Black);
  border: 0;
  border-bottom: 1px solid var(--buttonBdr);
  position: relative;
  text-align: center;
}
.Role-table-wrapper .Role-table tbody tr td + td {
  border-left: 1px solid var(--buttonBdr);
}
.Role-table-wrapper .Role-table tbody tr td:first-child {
  text-align: left;
}
.Role-table-wrapper .Role-table tbody tr td.title-strong {
  background: var(--gray-200);
  font-size: 12px;
  font-weight: 500;
  padding-top: 45px;
}
.Role-table-wrapper .Role-table tbody tr td.title-strong:before {
  content: "";
  background: #ffffff;
  height: 35px;
  width: 100%;
  min-height: 35px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.Role-table-wrapper .Role-table tbody tr td.title-strong h6 {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--primary-900);
}
.Role-table-wrapper .Role-table tbody tr td .p-dropdown {
  text-align: left;
}
.Role-table-wrapper .Role-table tbody tr:first-child td.title-strong {
  padding-top: 8px;
}
.Role-table-wrapper .Role-table tbody tr:first-child td.title-strong:before {
  display: none;
}

.p-inputtext-div {
  width: 100%;
  padding: 7px 10px;
  border: 1px solid var(--inputBdr);
  border-radius: var(--radius-8);
  margin: 0;
  color: var(--gray-600);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-12);
  vertical-align: middle;
  font-family: "Open Sans", sans-serif;
  line-height: 16px;
  letter-spacing: 0.24px;
  word-break: break-all;
}
.p-inputtext-div.disabled-div {
  color: var(--gray-600);
  border: 1px solid var(--gray-10);
  background: var(--gray-00);
  opacity: 1;
}

.white-box {
  padding: 10px;
  background: var(--White);
  border: 1px solid var(--buttonBdr);
  border-radius: 4px;
  min-height: 100px;
}

.mfa-screen-wrapper {
  min-height: 100vh;
  display: flex;
  padding: 16px;
}
.mfa-screen-wrapper .mfa-screen-content {
  max-width: 792px;
  margin: 45px auto 0;
  width: 100%;
}
.mfa-screen-wrapper .mfa-screen-content .logo img {
  vertical-align: middle;
  max-width: 150px;
}
.mfa-screen-wrapper .mfa-screen-content h2 {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 36px;
  color: var(--gray-800);
  margin: 5px 0 20px 0;
}
@media (max-width: 767px) {
  .mfa-screen-wrapper .mfa-screen-content h2 {
    font-size: 22px;
    line-height: 30px;
    margin: 8px 0 8px 0;
  }
}
.mfa-screen-wrapper .mfa-screen-content p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: var(--gray-600);
  margin: 0 0 20px 0;
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper {
  box-shadow: var(--boxShadow);
  background-color: var(--White);
  padding: 30px;
  margin: 30px 0;
}
@media (max-width: 767px) {
  .mfa-screen-wrapper .mfa-screen-content .box-wrapper {
    padding: 16px;
    margin: 16px 0;
  }
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper h3 {
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
}
@media (max-width: 767px) {
  .mfa-screen-wrapper .mfa-screen-content .box-wrapper h3 {
    margin: 0 0 8px 0;
  }
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper h3 span {
  background: #e8eef4;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px 0 0;
}
@media (max-width: 767px) {
  .mfa-screen-wrapper .mfa-screen-content .box-wrapper h3 span {
    margin: 0 8px 0 0;
  }
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .playstore-info {
  display: flex;
  align-items: flex-start;
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .mfa-screen-wrapper .mfa-screen-content .box-wrapper .playstore-info {
    margin-top: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
  }
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .playstore-info h4 {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 8px 0;
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .playstore-info .images-wrap {
  display: flex;
  align-items: center;
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .playstore-info .images-wrap img {
  max-width: 100px;
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .playstore-info .images-wrap img + img {
  margin-left: 12px;
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .playstore-info .right {
  border-left: 1px solid var(--inputBdr);
  padding-left: 16px;
  margin-left: 16px;
  min-height: 76px;
}
@media (max-width: 767px) {
  .mfa-screen-wrapper .mfa-screen-content .box-wrapper .playstore-info .right {
    width: 100%;
    border-top: 1px solid var(--inputBdr);
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
    margin-top: 16px;
    padding-top: 16px;
  }
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .qr-info {
  border: 1px solid var(--buttonBdr);
  display: inline-block;
  padding: 20px;
  max-width: 220px;
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .qr-info img {
  width: 100%;
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .Success-Sec h4 {
  color: green;
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
}
@media (max-width: 767px) {
  .mfa-screen-wrapper .mfa-screen-content .box-wrapper .Success-Sec h4 {
    margin: 0 0 8px 0;
  }
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .Success-Sec h4 span {
  background: var(--gray-200);
  border-radius: 100px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px 0 0;
  min-width: 60px;
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .Success-Sec h4 span i {
  font-size: 28px;
}
@media (max-width: 767px) {
  .mfa-screen-wrapper .mfa-screen-content .box-wrapper .Success-Sec h4 span {
    margin: 0 8px 0 0;
  }
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .verification-info {
  max-width: 400px;
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .verification-info .field .p-inputotp {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .verification-info .field .p-inputotp .p-inputtext {
  height: 56px;
  font-size: 26px;
  max-width: 56px;
  text-align: center;
}
@media (max-width: 600px) {
  .mfa-screen-wrapper .mfa-screen-content .box-wrapper .verification-info .field .p-inputotp .p-inputtext {
    height: 40px;
    font-size: 14px;
    max-width: 40px;
  }
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .generate-password {
  display: flex;
}
@media (max-width: 600px) {
  .mfa-screen-wrapper .mfa-screen-content .box-wrapper .generate-password {
    flex-wrap: wrap;
  }
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .generate-password .left {
  width: 100%;
  max-width: 240px;
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .generate-password .right {
  width: 100%;
  padding-left: 50px;
}
@media (max-width: 600px) {
  .mfa-screen-wrapper .mfa-screen-content .box-wrapper .generate-password .right {
    width: 100%;
    padding-left: 0px;
    max-width: 500px;
    margin-top: 16px;
  }
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .generate-password .right ul {
  padding: 20px;
  margin: 0;
  background: var(--gray-200);
  border-radius: 0px 6px 6px 0px;
  border-left: 3px solid var(--primary-600);
  padding-left: 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: var(--gray-600);
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .saperator {
  margin: 30px 0;
}
@media (max-width: 767px) {
  .mfa-screen-wrapper .mfa-screen-content .box-wrapper .saperator {
    margin: 16px 0;
  }
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .btns-wrapper button {
  min-width: 130px;
  min-height: 45px;
  margin-right: 20px;
  font-size: 14px;
  width: auto;
}
@media (max-width: 767px) {
  .mfa-screen-wrapper .mfa-screen-content .box-wrapper .btns-wrapper button {
    min-width: 100px;
    min-height: 38px;
    margin-right: 20px;
    font-size: 12px;
  }
}
.mfa-screen-wrapper .mfa-screen-content .box-wrapper .btns-wrapper button.gotoDashboard-btn {
  min-width: 180px;
}

.circle {
  position: relative;
}
.circle i {
  animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
.circle:before {
  content: "";
  position: absolute;
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background-color: var(--primary-100);
  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

@keyframes pulse-ring {
  0% {
    transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
.card-wrapper {
  background: #fbfbfb;
  border-radius: 6px;
  padding: 20px;
  border: 1px solid #eeeff1;
}
.card-wrapper .card-header {
  padding: 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--inputBdr);
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-wrapper .card-header h3 {
  margin: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  display: flex;
  align-items: center;
}
.card-wrapper .card-header h3 span {
  background: #EBF6FF;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px 0 0;
  border: 1px solid var(--primary-600);
  color: var(--primary-600);
}
.card-wrapper + .card-wrapper {
  margin-top: 20px;
}

.field-checkbox .p-checkbox {
  display: flex;
  align-items: center;
}

footer {
  background: var(--primary-100);
  padding: 4px 19px;
  display: flex;
  justify-content: space-between;
  min-height: 24px;
  align-items: center;
}
footer p {
  text-align: center;
  color: var(--gray-600);
  margin: 0;
  font-size: 10px;
  font-weight: 500;
}

/** p-fileupload **/
.p-fileupload-choose {
  justify-content: center;
  background-color: var(--gray-400);
  border-color: var(--gray-400);
  color: var(--gray-600);
  flex-direction: column;
}
.p-fileupload-choose .p-button-label {
  flex: unset;
}
.p-fileupload-choose:not(.p-disabled):hover {
  background: var(--primary-600);
  color: var(--White);
  border-color: var(--gray-400);
}
.p-fileupload-choose .p-button-icon {
  margin-right: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
}
.p-fileupload-choose.p-button-aux {
  flex-direction: row;
  padding: 2px 12px;
  min-height: 32px;
}
.p-fileupload-choose.p-button-aux svg {
  margin: 0 8px 0 0;
  width: 16px;
  height: 16px;
}

.p-fileupload {
  font-size: 12px;
}
.p-fileupload .p-fileupload-content {
  position: relative;
  padding: 10px;
  max-height: 185px;
  overflow: auto;
}
.p-fileupload .p-fileupload-content .p-progressbar {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.p-fileupload .p-fileupload-content .p-fileupload-empty img {
  object-fit: contain;
}
.p-fileupload .p-fileupload-file-name {
  margin-bottom: 0;
}
.p-fileupload .p-fileupload-file-thumbnail {
  margin-right: 10px;
}
.p-fileupload .p-button.p-button-icon-only.p-button-rounded {
  height: 20px;
  width: 20px;
  padding: 4px;
}
.p-fileupload .p-fileupload-buttonbar {
  padding: 10px;
}
.p-fileupload .p-fileupload-buttonbar .p-fileupload-choose {
  background: var(--primary-600);
  color: var(--White);
  flex-direction: inherit;
}
.p-fileupload .p-fileupload-buttonbar .p-fileupload-choose .p-button-label {
  font-weight: 500;
}
.p-fileupload .p-fileupload-buttonbar .p-fileupload-choose ~ .p-button {
  display: none;
}
.p-fileupload .p-fileupload-buttonbar .p-button .p-button-icon {
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 0;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
}
.p-fileupload .p-fileupload-buttonbar .p-fileupload-buttonbar {
  border-bottom: 1px solid #e2e8f0;
}
.p-fileupload input[type=file] {
  display: none;
}
.p-fileupload .p-fileupload-empty p {
  margin: 0;
}
.p-fileupload .p-fileupload-file-actions .p-button:not(:last-child) {
  margin-right: 5px;
}

.p-fileupload-basic input[type=file] {
  display: none;
}

/* p fileupload file  */
.p-fileupload-file {
  gap: 5px;
}
.p-fileupload-file .p-button .p-button-icon {
  margin-right: 0;
  font-size: 10px;
}
.p-fileupload-file .p-fileupload-file-details .p-badge {
  line-height: 20px;
  font-size: 10px;
  height: auto;
}

.input-notes {
  color: #8d9ea7;
  margin: 0;
  margin-top: 5px;
}

.p-editor-container .p-editor-content .ql-editor {
  height: 200px;
}

.pi-info-circle {
  cursor: pointer;
}

.button-group button + button {
  margin-left: 8px;
}

.coorninator-map {
  margin-top: 10px;
}

.overflow-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.alert {
  background: #D9EDF7;
  border-color: #bce8f1;
  padding: 3px 15px;
  margin-bottom: 20px;
}
.alert p {
  color: #31708f;
}

.colorCode-content {
  display: flex;
  align-items: center;
}
.colorCode-content .colorCode {
  width: 20px;
  height: 20px;
  background-color: #ddd;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}

.p-inputwrapper-focus .p-datepicker-trigger {
  border-color: var(--gray-600) !important;
}

.filter-summary-wrapper {
  margin: 0 8px 20px;
  padding: 16px 24px;
  background: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.filter-summary-wrapper .filter-summary-label {
  font-size: var(--font-size-12);
  line-height: 16px;
  letter-spacing: 0.24px;
  text-transform: capitalize;
  margin: 0 0 2px 0;
  font-weight: var(--font-weight-600);
  color: var(--secondary-700);
}
.filter-summary-wrapper .grid:not(:last-child) {
  margin-bottom: 10px;
}

.chartbox-heading {
  color: var(--secondary-800);
  margin: -12px 0 -3px 0px;
  text-align: right;
  font-size: 12px;
}

.ConfigureDateTable .configurSelectCard {
  padding: 15px;
  background-color: #E9F6FF;
  border: 1px solid #DBDBDB;
  border-radius: 12px;
  margin-bottom: 20px;
}
.ConfigureDateTable .configure-card {
  background-color: #F5F5F5;
  padding: 15px;
  border: 1px solid #DBDBDB;
  border-radius: 12px;
  height: 100%;
}
.ConfigureDateTable .configure-card h5 {
  font-size: var(--font-size-14);
  line-height: 16px;
  text-transform: capitalize;
  margin: 0 0 10px 0;
  font-weight: var(--font-weight-600);
  color: var(--secondary-800);
}
.ConfigureDateTable .configure-card .form-control {
  width: 40px;
  margin-left: 10px;
  margin-right: 2px;
}
.ConfigureDateTable .configure-card .field label {
  text-transform: unset;
}
.ConfigureDateTable .configure-card.blue-bg {
  background-color: #EBF3F9;
}
@media screen and (min-width: 768px) {
  .ConfigureDateTable .md\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .ConfigureDateTable .md\:col {
    margin-bottom: 10px;
  }
}

.expand-filter {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  left: 0;
  z-index: 2;
  top: -32px;
}
@media (max-width: 1279px) {
  .expand-filter {
    position: static;
    margin-bottom: 10px;
  }
}
@media (max-width: 1199px) {
  .expand-filter {
    flex-wrap: wrap;
  }
}
.expand-filter .expand-filter-title {
  color: var(--secondary-800);
  font-weight: 500;
  font-size: 12px;
}
.expand-filter .expand-filter-btns {
  line-height: 1;
}
.expand-filter .expand-filter-btns .p-button {
  color: var(--secondary-800);
  background: var(--White);
  border: 1px solid var(--inputBdr);
  padding: 5px 10px;
  text-transform: capitalize;
}
.expand-filter .expand-filter-btns .p-button:first-of-type:not(:only-of-type) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.expand-filter .expand-filter-btns .p-button:not(:first-of-type):not(:last-of-type) {
  border-radius: 0;
}
.expand-filter .expand-filter-btns .p-button:last-of-type:not(:only-of-type) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.expand-filter .expand-filter-btns .p-button.active {
  background: var(--primary-600);
  color: #ffffff;
}
.expand-filter .expand-filter-btns .p-button + .p-button {
  border-left: 0;
}

.ytdQtd-switch {
  display: flex;
  align-items: center;
  gap: 5px;
}
.ytdQtd-switch label {
  font-size: 12px;
  font-weight: 500;
  color: #ababab;
  cursor: pointer;
}
.ytdQtd-switch label.dataActive {
  color: #303030;
}

.toggle-switch {
  display: flex;
  align-items: center;
  gap: 5px;
}
.toggle-switch label {
  font-size: 12px;
  font-weight: 500;
  color: #ababab;
  cursor: pointer;
}
.toggle-switch label:first-child {
  text-align: right;
}
.toggle-switch label.dataActive {
  color: #303030;
}

.p-icon-field-right > .p-input-icon:last-of-type {
  right: 0.75rem;
  color: #676767;
}

.insight-positive {
  color: #218a26;
}

.insight-nagetive {
  color: #fc1515;
}

.positive-value {
  color: #0D5309;
}

.negative-value {
  color: #8B0000;
}

.ytd-col .positive-value {
  color: #000000;
}
.ytd-col .negative-value {
  color: #000000;
}

.model-tag {
  padding: 3px 8px;
  border: 1px solid #4A9AC1;
  border-radius: 15px;
  font-size: 9px;
  background-color: #D3EAF0;
  color: #4A9AC1;
  line-height: 1;
}
.model-tag:nth-child(2) {
  margin-left: 10px;
}
.model-tag.tag-new {
  background-color: #EFFFDA;
  color: #60A800;
  border-color: #60A800;
}

/********** Custom Tree Table Start **********/
.custom-tree-table-wrapper {
  position: relative;
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  max-height: calc(100vh - 164px);
}
@media (max-width: 1279px) {
  .custom-tree-table-wrapper {
    max-height: calc(100vh - 198px);
  }
}
@media (max-width: 767px) {
  .custom-tree-table-wrapper {
    max-height: calc(100vh - 201px);
  }
}
.custom-tree-table-wrapper.no-footer-btn {
  max-height: calc(100vh - 134px);
}
@media (max-width: 1279px) {
  .custom-tree-table-wrapper.no-footer-btn {
    max-height: calc(100vh - 165px);
  }
}
.custom-tree-table-wrapper.two-header-btn {
  max-height: calc(100vh - 208px);
}
@media (max-width: 1279px) {
  .custom-tree-table-wrapper.two-header-btn {
    max-height: calc(100vh - 261px);
  }
}
@media (max-width: 550px) {
  .custom-tree-table-wrapper.two-header-btn {
    max-height: calc(100vh - 299px);
  }
}
.custom-tree-table-wrapper.two-header-btn.no-footer-btn {
  max-height: calc(100vh - 168px);
}
@media (max-width: 1279px) {
  .custom-tree-table-wrapper.two-header-btn.no-footer-btn {
    max-height: calc(100vh - 221px);
  }
}
@media (max-width: 767px) {
  .custom-tree-table-wrapper.two-header-btn.no-footer-btn {
    max-height: calc(100vh - 207px);
  }
}
.custom-tree-table-wrapper.sellOutReport {
  max-height: calc(100vh - 334px);
}
@media (max-width: 1279px) {
  .custom-tree-table-wrapper.sellOutReport {
    max-height: calc(100vh - 372px);
  }
}
@media (max-width: 991px) {
  .custom-tree-table-wrapper.sellOutReport {
    max-height: calc(100vh - 203px);
  }
}
@media (max-width: 767px) {
  .custom-tree-table-wrapper.sellOutReport {
    max-height: calc(100vh - 213px);
  }
}
@media (max-width: 1520px) {
  .custom-tree-table-wrapper.sellOutReport .custom-tree-table {
    min-width: 1000px;
  }
}
.custom-tree-table-wrapper.sellOutReport .t-body .week-col:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -9999px;
  bottom: -9999px;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 1;
  display: none;
}
.custom-tree-table-wrapper.sellOutReport .t-body .week-col:hover:after {
  display: block !important;
}
.custom-tree-table-wrapper.budgetPageContent {
  max-height: calc(100vh - 174px);
}
@media (max-width: 1279px) {
  .custom-tree-table-wrapper.budgetPageContent {
    max-height: calc(100vh - 227px);
  }
}
@media (max-width: 550px) {
  .custom-tree-table-wrapper.budgetPageContent {
    max-height: calc(100vh - 265px);
  }
}

.nagative {
  color: var(--red-600);
}

.positive {
  color: var(--success-color);
}

@media (max-width: 1279px) {
  .summaryPage-content .custom-tree-table-wrapper {
    max-height: calc(100vh - 187px);
  }
}
@media (max-width: 991px) {
  .summaryPage-content .custom-tree-table-wrapper {
    max-height: calc(100vh - 165px);
  }
}
@media (max-width: 550px) {
  .summaryPage-content .custom-tree-table-wrapper {
    max-height: calc(100vh - 200px);
  }
}
.summaryPage-content .custom-tree-table.default-table .brand-table-wrapper .bst-data-wrapper .row-highlight td {
  position: relative;
  border-bottom: 1px solid #7e7c7c !important;
}
.summaryPage-content .custom-tree-table.default-table .brand-table-wrapper .bst-data-wrapper .row-highlight td:first-child {
  border-left: 1px solid #7e7c7c;
}
.summaryPage-content .custom-tree-table.default-table .brand-table-wrapper .bst-data-wrapper .row-highlight td:last-child {
  border-right: 1px solid #7e7c7c;
}
.summaryPage-content .custom-tree-table.default-table .brand-table-wrapper .bst-data-wrapper .row-highlight td:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #7e7c7c;
  position: absolute;
  top: 0;
  left: 0;
}
.summaryPage-content .custom-tree-table.default-table .brand-table-wrapper .bst-data-wrapper .row-highlight + .row-highlight td:after {
  display: none;
}
.summaryPage-content .custom-tree-table .difference-col {
  width: 130px;
}
.summaryPage-content .custom-tree-table .updated-col {
  width: 100px;
}

.layout-admin-content.bottombarOpen .content-wrap .custom-tree-table-wrapper {
  max-height: calc(100vh - 450px);
}
@media (max-width: 1279px) {
  .layout-admin-content.bottombarOpen .content-wrap .custom-tree-table-wrapper {
    max-height: calc(100vh - 540px);
  }
}
@media (max-width: 991px) {
  .layout-admin-content.bottombarOpen .content-wrap .custom-tree-table-wrapper {
    max-height: calc(100vh - 490px);
  }
}
@media (max-width: 767px) {
  .layout-admin-content.bottombarOpen .content-wrap .custom-tree-table-wrapper {
    max-height: calc(100vh - 530px);
  }
}

.layout-admin-content.bottombarOpen:has(.bOpenHalf) .content-wrap .custom-tree-table-wrapper {
  max-height: calc(100vh - 250px);
}
@media (max-width: 1279px) {
  .layout-admin-content.bottombarOpen:has(.bOpenHalf) .content-wrap .custom-tree-table-wrapper {
    max-height: calc(100vh - 300px);
  }
}
@media (max-width: 1199px) {
  .layout-admin-content.bottombarOpen:has(.bOpenHalf) .content-wrap .custom-tree-table-wrapper {
    max-height: calc(100vh - 340px);
  }
}
@media (max-width: 991px) {
  .layout-admin-content.bottombarOpen:has(.bOpenHalf) .content-wrap .custom-tree-table-wrapper {
    max-height: calc(100vh - 300px);
  }
}
@media (max-width: 767px) {
  .layout-admin-content.bottombarOpen:has(.bOpenHalf) .content-wrap .custom-tree-table-wrapper {
    max-height: calc(100vh - 340px);
  }
}

.custom-tree-table {
  border-collapse: collapse;
  table-layout: fixed;
  /* Custom Tree Table Common CSS End */
  /***** Summary Tab Start *****/
  /***** Summary Tab End *****/
  /***** Production Table STart *****/
  /***** Production Table End *****/
  /**** Default Table Start ****/
  /**** Default Table End ****/
}
@media (max-width: 1520px) {
  .custom-tree-table {
    min-width: 1280px;
  }
}
@media (max-width: 1520px) {
  .custom-tree-table.importerSellOutSummary {
    min-width: 1400px;
  }
}
.custom-tree-table.thead-Sticky .total-group-table-wrapper {
  position: sticky;
  top: 0;
  z-index: 99;
}
.custom-tree-table.thead-Sticky .brand-table {
  position: sticky;
  top: 35px;
  z-index: 98;
}
.custom-tree-table.thead-Sticky .plant-table {
  position: sticky;
  top: 70px;
  z-index: 97;
}
.custom-tree-table.thead-Sticky.isNoTotalrow-Sticky .brand-table {
  position: sticky;
  top: 0;
  z-index: 99;
}
.custom-tree-table.thead-Sticky.isNoTotalrow-Sticky .plant-table {
  position: sticky;
  top: 30px;
  z-index: 98;
}
.custom-tree-table.thead-Sticky.isNoTotalrow-Sticky .plant-table:has(> .family-total), .custom-tree-table.thead-Sticky.isNoTotalrow-Sticky .plant-table:has(> .brand-total) {
  position: static;
}
.custom-tree-table.thead-Sticky.isNoTotalrow-Sticky .family-table {
  position: sticky;
  top: 62px;
  z-index: 97;
}
.custom-tree-table table {
  border-collapse: collapse;
  table-layout: fixed;
}
.custom-tree-table .thead {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 5;
  background: #dddddd;
}
.custom-tree-table .thead .t-header-row th {
  padding: 8px 5px;
  background: #dddddd;
  color: #000000;
  border-bottom: 0;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .custom-tree-table .thead .t-header-row th {
    font-size: var(--font-size-13);
  }
}
.custom-tree-table .t-body {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  /* Odd Even Rows Start */
  /***** Brands Details Colors End *****/
  /***** Body Colors End *****/
  /* Odd Even Rows Start */
}
.custom-tree-table .t-body .t-body-row .t-body-row-td {
  border-top: 5px solid #ffffff;
}
.custom-tree-table .t-body .total-row .details-wrapper .details-row td {
  background: #d6d6d6 !important;
}
.custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row {
  /* View Detail Start */
  /* View Detail End */
}
.custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year:nth-child(1) td, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.vs-year:nth-child(2) td, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year-pct:nth-child(3) td, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year:nth-child(7) td, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.vs-year:nth-child(8) td, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year-pct:nth-child(9) td {
  position: relative;
}
.custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year:nth-child(1) td > *, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.vs-year:nth-child(2) td > *, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year-pct:nth-child(3) td > *, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year:nth-child(7) td > *, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.vs-year:nth-child(8) td > *, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year-pct:nth-child(9) td > * {
  position: relative;
  z-index: 1;
}
.custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year:nth-child(1) td:after, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.vs-year:nth-child(2) td:after, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year-pct:nth-child(3) td:after, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year:nth-child(7) td:after, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.vs-year:nth-child(8) td:after, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year-pct:nth-child(9) td:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.15);
  z-index: 0;
}
.custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year:nth-child(1):hover td:after, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.vs-year:nth-child(2):hover td:after, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year-pct:nth-child(3):hover td:after, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year:nth-child(7):hover td:after, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.vs-year:nth-child(8):hover td:after, .custom-tree-table .t-body .view-details-wrapper .details-wrapper .details-row.brand.year-pct:nth-child(9):hover td:after {
  display: none;
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td {
  /***** Plant Details Colors Start *****/
  /***** Plant Details Colors End *****/
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year:nth-child(1) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.vs-year:nth-child(2) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year-pct:nth-child(3) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year:nth-child(7) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.vs-year:nth-child(8) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year-pct:nth-child(9) td {
  position: relative;
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year:nth-child(1) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.vs-year:nth-child(2) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year-pct:nth-child(3) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year:nth-child(7) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.vs-year:nth-child(8) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year-pct:nth-child(9) td > * {
  position: relative;
  z-index: 1;
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year:nth-child(1) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.vs-year:nth-child(2) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year-pct:nth-child(3) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year:nth-child(7) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.vs-year:nth-child(8) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year-pct:nth-child(9) td:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.15);
  z-index: 0;
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year:nth-child(1):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.vs-year:nth-child(2):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year-pct:nth-child(3):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year:nth-child(7):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.vs-year:nth-child(8):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.year-pct:nth-child(9):hover td:after {
  display: none;
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td {
  /*****Family Details Colors Start *****/
  /***** Family Details Colors End *****/
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year:nth-child(1) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.vs-year:nth-child(2) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year-pct:nth-child(3) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year:nth-child(7) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.vs-year:nth-child(8) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year-pct:nth-child(9) td {
  position: relative;
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year:nth-child(1) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.vs-year:nth-child(2) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year-pct:nth-child(3) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year:nth-child(7) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.vs-year:nth-child(8) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year-pct:nth-child(9) td > * {
  position: relative;
  z-index: 1;
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year:nth-child(1) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.vs-year:nth-child(2) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year-pct:nth-child(3) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year:nth-child(7) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.vs-year:nth-child(8) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year-pct:nth-child(9) td:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.3);
  z-index: 0;
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year:nth-child(1):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.vs-year:nth-child(2):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year-pct:nth-child(3):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year:nth-child(7):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.vs-year:nth-child(8):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.year-pct:nth-child(9):hover td:after {
  display: none;
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td {
  /***** Model Body Details Colors Start *****/
  /***** Model Body Details Colors End *****/
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year:nth-child(1) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.vs-year:nth-child(2) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year-pct:nth-child(3) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year:nth-child(7) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.vs-year:nth-child(8) td, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year-pct:nth-child(9) td {
  position: relative;
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year:nth-child(1) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.vs-year:nth-child(2) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year-pct:nth-child(3) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year:nth-child(7) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.vs-year:nth-child(8) td > *, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year-pct:nth-child(9) td > * {
  position: relative;
  z-index: 1;
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year:nth-child(1) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.vs-year:nth-child(2) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year-pct:nth-child(3) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year:nth-child(7) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.vs-year:nth-child(8) td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year-pct:nth-child(9) td:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.4);
  z-index: 0;
}
.custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year:nth-child(1):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.vs-year:nth-child(2):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year-pct:nth-child(3):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year:nth-child(7):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.vs-year:nth-child(8):hover td:after, .custom-tree-table .t-body .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model.year-pct:nth-child(9):hover td:after {
  display: none;
}
.custom-tree-table .t-body .total-group .model-name, .custom-tree-table .t-body .brand .model-name, .custom-tree-table .t-body .plant .model-name {
  font-weight: 700;
}
.custom-tree-table .t-body .family .model-name {
  font-weight: 600;
}
.custom-tree-table .t-body .model .model-name {
  font-weight: 500;
  flex-wrap: nowrap;
  white-space: nowrap;
  z-index: 1;
}
.custom-tree-table .t-body tr.total-row > td > div {
  font-weight: 600;
}
.custom-tree-table .t-body tr.details-row.brand td:first-child {
  padding-left: 33px;
}
.custom-tree-table .t-body tr.details-row.plant td:first-child {
  padding-left: 33px;
}
.custom-tree-table .t-body tr.details-row.family td:first-child {
  padding-left: 33px;
}
.custom-tree-table .t-body tr .model-table-wrapper .details-row td:first-child {
  padding-left: 32px;
}
.custom-tree-table .t-body tr.stock-row td, .custom-tree-table .t-body tr.stock-rate-row td {
  position: relative;
}
.custom-tree-table .t-body tr.stock-row td .negative-value, .custom-tree-table .t-body tr.stock-rate-row td .negative-value {
  color: #ffffff;
}
.custom-tree-table .t-body tr.stock-row td .negative-value span, .custom-tree-table .t-body tr.stock-rate-row td .negative-value span {
  position: relative;
  z-index: 1;
}
.custom-tree-table .t-body tr.stock-row td .negative-value:before, .custom-tree-table .t-body tr.stock-rate-row td .negative-value:before {
  content: "";
  background: #f44336;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.custom-tree-table .t-body tr.stock-rate-row td .brand-table td:first-child div {
  padding-left: 20px;
  position: relative;
}
.custom-tree-table .t-body tr.stock-rate-row td .brand-table td:first-child div::before {
  content: "";
  width: 3px;
  height: 3px;
  position: absolute;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  top: 5px;
  left: 13px;
  opacity: 0.7;
}
.custom-tree-table .t-body tr > td {
  line-height: 1.3;
  padding: 3px 5px;
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-500);
  font-weight: 400;
  height: 30px;
  position: relative;
  color: #000000;
}
@media (min-width: 1600px) {
  .custom-tree-table .t-body tr > td {
    font-size: var(--font-size-13);
  }
}
.custom-tree-table .t-body tr > td.co-col, .custom-tree-table .t-body tr > td.ytd-col {
  font-weight: 700;
  text-align: right;
}
.custom-tree-table .t-body tr > td.ytd-col {
  position: relative;
}
.custom-tree-table .t-body tr > td.ytd-col:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.05) !important;
  z-index: 1;
}
.custom-tree-table .t-body tr > td.ytd-col2 {
  position: relative;
}
.custom-tree-table .t-body tr > td.ytd-col2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.09) !important;
  z-index: 1;
}
.custom-tree-table .t-body tr > td .model-name {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  position: relative;
}
.custom-tree-table .t-body tr > td .model-name .linkedModel-btn {
  background-color: transparent;
  padding: 0;
  border: none;
  color: #000;
}
.custom-tree-table .t-body tr > td .model-name .linkedModel-btn .p-button-icon {
  font-size: 16px;
}
.custom-tree-table .t-body tr > td .model-name .linkedModel-btn:hover {
  color: var(--primary-600);
}
.custom-tree-table .t-body tr > td .model-name i.pi-link {
  cursor: pointer;
}
.custom-tree-table .t-body tr > td .model-name i.pi-link:hover {
  color: var(--primary-600);
}
.custom-tree-table .t-body tr > td[colspan], .custom-tree-table .t-body tr > td.t-body-row-td {
  padding: 0;
  width: 100%;
}
.custom-tree-table .t-body tr > td .expand-icon {
  margin-right: 0.5rem;
  width: 14px;
  height: 14px;
  min-width: 14px;
  border-radius: 6px;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  color: var(--secondary-800);
  background: #D9D9D9;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 2px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.custom-tree-table .t-body tr > td .expand-icon .pi {
  font-size: 8px;
}
.custom-tree-table .t-body tr > td > div {
  display: flex;
  align-items: center;
}
.custom-tree-table .t-body tr > td .p-inputtext {
  text-align: center;
  box-shadow: 0px 0px 2px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
  padding: 2px;
  border-radius: var(--radius-4);
  border-color: #ffffff;
  font-size: var(--font-size-12);
}
.custom-tree-table .t-body tr > td .details-wrapper .sellout-row td .brand-table td {
  border-bottom: 1px solid #7e7c7c !important;
  border-top: 1px solid #7e7c7c !important;
}
.custom-tree-table .t-body tr > td .details-wrapper .sellout-row tr:hover > td {
  background-color: #ffffff !important;
  color: #000000 !important;
}
.custom-tree-table .t-body tr > td .details-wrapper .sellout-row .brand-table td:first-child:before {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.custom-tree-table .t-body tr > td .details-wrapper .sellout-row .brand-table td:last-child:after {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.custom-tree-table .t-body tr > td .details-wrapper .sellin-row td .brand-table td {
  border-bottom: 1px solid #7e7c7c !important;
}
.custom-tree-table .t-body tr > td .details-wrapper .sellin-row td .view-inner-details-wrapper .sell-table tr:last-child td {
  border-bottom: 1px solid #7e7c7c !important;
}
.custom-tree-table .t-body tr > td .details-wrapper .sellin-row tr:hover > td {
  background-color: #ffffff !important;
  color: #000000 !important;
}
.custom-tree-table .t-body tr > td .details-wrapper .sellin-row .brand-table td:first-child:before {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.custom-tree-table .t-body tr > td .details-wrapper .sellin-row .brand-table td:last-child:after {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.custom-tree-table .t-body .children-body-row > td {
  padding: 0;
  padding-left: 10px !important;
}
.custom-tree-table .t-body .sell-table tr td.w-220 div, .custom-tree-table .t-body .sell-table tr td.w-240 div, .custom-tree-table .t-body .sell-table tr td.w-230 div {
  padding-left: 10px;
}
.custom-tree-table .t-body .sell-table tr td.w-250 div, .custom-tree-table .t-body .sell-table tr td.w-240 div, .custom-tree-table .t-body .sell-table tr td.w-230 div {
  padding-left: 10px;
}
.custom-tree-table .t-body .sell-table tr.year .positive-value,
.custom-tree-table .t-body .sell-table tr.year .negative-value {
  color: #000;
}
.custom-tree-table .t-body .sell-table tr.vs-year td:first-child div, .custom-tree-table .t-body .sell-table tr.year-pct td:first-child div {
  padding-left: 20px;
  position: relative;
}
.custom-tree-table .t-body .sell-table tr.vs-year td:first-child div::before, .custom-tree-table .t-body .sell-table tr.year-pct td:first-child div::before {
  content: "";
  width: 3px;
  height: 3px;
  position: absolute;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  top: 5px;
  left: 13px;
  opacity: 0.7;
}
.custom-tree-table .t-body .sell-table tr.year-pct td {
  font-style: italic;
}
.custom-tree-table .t-body .tag-bg {
  min-width: 90px;
}
.custom-tree-table .tFooter tr td {
  background-color: #dddddd;
}
.custom-tree-table .tFooter tr td.total-col {
  font-weight: 600;
}
.custom-tree-table .tFooter.brand-total tr td {
  background-color: #c9c9c9;
}
.custom-tree-table .tFooter.plant-total tr td {
  background-color: #c3b7b7;
}
.custom-tree-table.summary-table {
  /***** Summary PAP Brands Start *****/
  /***** Summary PAP Brands End *****/
}
.custom-tree-table.summary-table .pap-table {
  /* Brands Colors Start */
  /* Brands Colors End */
  /* Brands Details Colors Start */
  /***** Brands Details Colors End *****/
  /***** Body Colors End *****/
  /***** Body Colors End *****/
}
.custom-tree-table.summary-table .pap-table .brand-table .brand td {
  background-color: #D6D6D6;
}
.custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row {
  /* View Detail Start */
  /* View Detail End */
}
.custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row.brand td .brand-table td {
  background-color: #D6D6D6;
  border-bottom: 2px solid #EFEFEF;
}
.custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td {
  background-color: #D6D6D6;
  border-bottom: 1px solid #EFEFEF;
}
.custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td:first-child:before {
  content: "";
  background: #D6D6D6;
  width: 30px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand:last-child td:first-child:before {
  height: 100%;
}
.custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td, .custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td {
  border-color: #D6D6D6 !important;
}
.custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:first-child:before, .custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:first-child:before {
  content: "";
  background: #D6D6D6;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:last-child:after, .custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:last-child:after {
  content: "";
  background: #D6D6D6;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td, .custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td {
  background: #EBEBEB;
}
.custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td .positive-value span, .custom-tree-table.summary-table .pap-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td {
  /***** Plant Colors Start *****/
  /***** Plant Colors End *****/
  /***** Plant Details Colors Start *****/
  /***** Plant Details Colors End *****/
}
.custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .plant-table {
  border-top: 5px solid #ffffff;
}
.custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .plant-table .main-row.plant td {
  background-color: #ededed;
}
.custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .brand-table td {
  background-color: #ededed;
  border-bottom: 2px solid #ffffff;
}
.custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td {
  background-color: #ededed;
  border-bottom: 1px solid #ffffff;
}
.custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td:first-child:before {
  content: "";
  background: #ededed;
  width: 15px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row:last-child td:first-child:before {
  height: 100%;
}
.custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td, .custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td {
  border-color: #ededed !important;
}
.custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:first-child:before, .custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:first-child:before {
  content: "";
  background: #ededed;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:last-child:after, .custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:last-child:after {
  content: "";
  background: #ededed;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td, .custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td {
  background: #fbfbfb;
}
.custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td .positive-value span, .custom-tree-table.summary-table .pap-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
@media (max-width: 1520px) {
  .custom-tree-table.production-table {
    min-width: 1030px;
  }
}
.custom-tree-table.production-table .production-head-row > td:last-child {
  padding-left: 15px !important;
}
.custom-tree-table.production-table .production-head-row > td:last-child .product-name {
  width: 10%;
  font-weight: 700;
}
.custom-tree-table.production-table .production-head-row > td:last-child .colorsplit-col,
.custom-tree-table.production-table .production-head-row > td:last-child .sample-col {
  width: 4%;
  font-weight: 700;
}
.custom-tree-table.production-table .production-head-row > td:last-child .colorcode-col {
  width: 7%;
  font-weight: 700;
  white-space: normal;
}
.custom-tree-table.production-table .production-head-row > td:last-child .month-col {
  width: 6%;
  font-weight: 700;
  white-space: normal;
}
.custom-tree-table.production-table .production-head-row > td:last-child .volume-col {
  width: 7%;
  font-weight: 700;
}
.custom-tree-table.production-table .family-table-wrapper .children-body-row .family-table {
  border-top: 5px solid #ffffff;
}
.custom-tree-table.production-table .model-table-wrapper .children-body-row > td {
  padding-bottom: 30px;
  padding-left: 10px !important;
}
.custom-tree-table.production-table .model-table-wrapper .children-body-row .model-table {
  border-top: 5px solid #ffffff;
}
.custom-tree-table.production-table .production-moddel-item > td {
  vertical-align: top;
}
.custom-tree-table.production-table .production-moddel-item > td:last-child {
  padding-left: 15px !important;
}
.custom-tree-table.production-table .production-moddel-item .product-image {
  width: 100%;
  max-width: 220px;
  border: 1px solid #eeeff1;
}
@media (max-width: 767px) {
  .custom-tree-table.production-table .production-moddel-item .product-image {
    margin: 0 auto;
  }
}
.custom-tree-table.production-table .production-moddel-item .product-image img {
  max-width: 100%;
  display: block;
}
.custom-tree-table.production-table .production-moddel-item .table {
  border-collapse: collapse;
  width: 100%;
}
.custom-tree-table.production-table .production-moddel-item .table thead th {
  background: #EDEDED;
  border: 1px solid #eeeff1;
  color: #232529;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: var(--font-weight-700);
  white-space: nowrap;
  line-height: 1.5;
}
@media (min-width: 1600px) {
  .custom-tree-table.production-table .production-moddel-item .table thead th {
    font-size: var(--font-size-12);
  }
}
.custom-tree-table.production-table .production-moddel-item .table thead th.product-name {
  width: 10%;
  text-align: left;
}
.custom-tree-table.production-table .production-moddel-item .table thead th.product-name .model-name {
  flex-wrap: wrap;
}
.custom-tree-table.production-table .production-moddel-item .table thead th.product-name .model-name > span {
  white-space: normal;
}
.custom-tree-table.production-table .production-moddel-item .table thead th.sample-col {
  width: 4%;
}
.custom-tree-table.production-table .production-moddel-item .table thead th.month-col {
  width: 6%;
  white-space: normal;
}
.custom-tree-table.production-table .production-moddel-item .table thead th.colorcode-col {
  width: 7%;
  white-space: normal;
}
.custom-tree-table.production-table .production-moddel-item .table thead th.colorsplit-col {
  width: 5%;
}
.custom-tree-table.production-table .production-moddel-item .table thead th.volume-col {
  width: 7%;
}
.custom-tree-table.production-table .production-moddel-item .table tbody tr {
  background: #ffffff;
}
.custom-tree-table.production-table .production-moddel-item .table tbody tr td {
  border: 1px solid #eeeff1;
  background: transparent;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: var(--font-weight-500);
  color: #232529;
}
@media (min-width: 1600px) {
  .custom-tree-table.production-table .production-moddel-item .table tbody tr td {
    font-size: var(--font-size-12);
  }
}
.custom-tree-table.production-table .production-moddel-item .table tbody tr td.month-col {
  background: #f5f5f5;
  text-align: center;
  font-weight: 700;
}
.custom-tree-table.production-table .production-moddel-item .table tbody tr td.gray-bg {
  background: #EDEDED;
  font-weight: 700;
}
.custom-tree-table.production-table .production-moddel-item .table tbody tr td .colorSample {
  margin: 0 auto;
}
.custom-tree-table.production-table .production-moddel-item .table tbody tr td .p-inputtext {
  text-align: center;
  box-shadow: 0px 0px 2px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
  padding: 2px;
  border-radius: var(--radius-4);
  border: none;
  font-size: var(--font-size-12);
}
.custom-tree-table.production-table .production-moddel-item .table tbody tr td .model-data-type .p-dropdown {
  max-width: 105px;
  min-width: 105px;
}
.custom-tree-table.production-table .production-moddel-item .table tbody tr td.difference-total span {
  text-align: center;
  box-shadow: 0px 0px 2px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
  padding: 2px;
  border-radius: var(--radius-4);
  font-size: var(--font-size-12);
  background-color: #f5f5f5;
  width: 100%;
  display: block;
  line-height: 16px;
}
.custom-tree-table.production-table .production-moddel-item .table tbody tr td.difference-total.less-sell span {
  background: #f44336 !important;
  color: #ffffff;
}
.custom-tree-table.production-table .production-moddel-item .table tbody tr.colorbreack-sell-in td {
  background: #f5f5f5;
}
.custom-tree-table.production-table .production-moddel-item .table tbody tr.colorbreack-sell-in td:first-child {
  font-weight: 700;
}
.custom-tree-table.production-table .production-moddel-item .table tbody tr:nth-last-child(2) .gray-bg {
  border-bottom: 1px solid #fff !important;
}
.custom-tree-table.production-table .production-moddel-item .table tfoot th {
  background: #ececec;
  border: 1px solid #dee2e6;
  padding: 10px 5px;
  font-weight: 700;
  color: #343a40;
  font-size: 12px;
}
.custom-tree-table.production-table .production-moddel-item .model-data-type {
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-tree-table.production-table .production-moddel-item .model-data-type > div {
  margin: auto;
}
.custom-tree-table.production-table .production-moddel-item .model-data-type .model-data-type-edit {
  cursor: pointer;
}
.custom-tree-table.production-table .production-moddel-item .model-data-type .model-data-type-edit .pi {
  font-size: 12px;
  margin-left: 5px;
}
.custom-tree-table.production-table .production-moddel-item .model-data-type .p-dropdown {
  outline: none !important;
  box-shadow: none;
  padding: 0 0 0 6px;
  border: 1px solid #b3b3b3;
  border-radius: 15px;
  background-color: #e1dfdf;
  max-width: 120px;
  min-width: 120px;
}
.custom-tree-table.production-table .production-moddel-item .model-data-type .p-dropdown .p-dropdown-label {
  box-shadow: none;
}
.custom-tree-table .default-table .thead .t-header-row .bst-total, .custom-tree-table.default-table .thead .t-header-row .bst-total {
  border-bottom: none !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand td, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand td {
  background-color: #ffffff;
  border-bottom: 1px solid #ededed;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand td:first-child, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand td:first-child {
  padding-left: 10px;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .bst-total, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .bst-total {
  vertical-align: top;
  padding-top: 8px !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .bst-total:first-child, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .bst-total:first-child {
  font-weight: 600;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .bst-summary, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .bst-summary {
  vertical-align: top;
  padding-top: 8px !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .vespa-table td, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .vespa-table td {
  background-color: #e8f0ef !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .piaggio-table td, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .piaggio-table td {
  background-color: #ebf3f9 !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .yellow-table td, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .yellow-table td {
  background-color: #FFECB3 !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .aprilia-table td, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .aprilia-table td {
  background-color: #fbe7e9 !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .motoGuzzi-table td, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .motoGuzzi-table td {
  background-color: #d6d6d6 !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .lightGreen-table td, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .lightGreen-table td {
  background-color: #DCEDC9 !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .dustyBlue-table td, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .dustyBlue-table td {
  background-color: #D3DBE5 !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .orange-table td, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .orange-table td {
  background-color: #FDD9C1 !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .cyan-table td, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand .cyan-table td {
  background-color: #BCE7E7 !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.model td:first-child, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.model td:first-child {
  padding-left: 5px;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.bst-total td, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.bst-total td {
  background: #d6d6d6;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row .bst-data-wrapper, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row .bst-data-wrapper {
  padding: 0 !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row .bst-data-wrapper table tr td:first-child, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row .bst-data-wrapper table tr td:first-child {
  padding-left: 5px !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row .bst-data-wrapper table tr td:first-child.summary-plant-col, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row .bst-data-wrapper table tr td:first-child.summary-plant-col {
  padding: 0 !important;
}
.custom-tree-table .default-table .brand-table-wrapper .t-body-row.pap-table.total-row .details-wrapper .details-row td, .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table.total-row .details-wrapper .details-row td {
  background-color: #E6F0EF !important;
}
.custom-tree-table .default-table .submission-data-wrapper, .custom-tree-table.default-table .submission-data-wrapper {
  border-top: 5px solid #fff;
}
.custom-tree-table .default-table .submission-data-wrapper tr td, .custom-tree-table.default-table .submission-data-wrapper tr td {
  background-color: #ededed !important;
  border-bottom: 1px solid #fff !important;
}
.custom-tree-table .default-table .submission-data-wrapper tr td:first-child, .custom-tree-table.default-table .submission-data-wrapper tr td:first-child {
  padding-left: 10px;
  font-weight: 600;
  border-top: 0;
}

.summaryData-content .default-table .brand-table-wrapper .t-body-row.pap-table:nth-child(odd) .details-wrapper .details-row.brand td {
  background-color: #ededed !important;
}
.summaryData-content .colorBreackDown-table .ytd-col:not(.total-col):not(th) {
  font-weight: normal !important;
}

.sell-out-by-market-content .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table:nth-child(odd) .details-wrapper .details-row.brand td {
  background-color: #e6f0ef !important;
}
.sell-out-by-market-content .custom-tree-table.motoGuzzi-table .total-group-table-wrapper .total-group-table .total-group td {
  background-color: #c7c7c6 !important;
}
.sell-out-by-market-content .custom-tree-table.motoGuzzi-table .total-group-table-wrapper .brand-table-wrapper .children-body-row .brand-table .brand td {
  background-color: #d6d6d6 !important;
}
.sell-out-by-market-content .custom-tree-table.motoGuzzi-table .total-group-table-wrapper .brand-table-wrapper .children-body-row .plant-table-wrapper .children-body-row .plant-table .plant td {
  background-color: #ededed !important;
}
.sell-out-by-market-content .custom-tree-table .brand-table-wrapper .children-body-row .plant-table .plant .model-name {
  padding-left: 15px;
  font-weight: normal;
}
.sell-out-by-market-content .total-group-table .total-group td {
  background-color: #d6d6d6;
}
.sell-out-by-market-content.importer-sellOut-content .ytd-col {
  font-weight: normal !important;
}

.importer-sell-out-summary .sell-out-by-market-content .custom-tree-table.motoGuzzi-table .total-group-table-wrapper .total-group-table .total-group td {
  background-color: #a5c4c1 !important;
}
.importer-sell-out-summary .sell-out-by-market-content .custom-tree-table.motoGuzzi-table .total-group-table-wrapper .brand-table-wrapper .children-body-row .brand-table .brand td {
  background-color: #b7d0cd !important;
}
.importer-sell-out-summary .sell-out-by-market-content .custom-tree-table.motoGuzzi-table .total-group-table-wrapper .brand-table-wrapper .children-body-row .plant-table-wrapper .children-body-row .plant-table .plant td {
  background-color: #d0dfde !important;
}
@media (max-width: 1599px) {
  .importer-sell-out-summary .p-tabview-nav-content .p-tabview-nav .p-tabview-header .p-tabview-header-action {
    min-width: 100px;
  }
}

.sell-out-by-brand-content .custom-tree-table.default-table .brand-table-wrapper .t-body-row .details-wrapper .bst-data-wrapper .summary-plant-wrapper:nth-child(even) .summary-plant-col table tbody tr td,
.sell-in-by-brand-content .custom-tree-table.default-table .brand-table-wrapper .t-body-row .details-wrapper .bst-data-wrapper .summary-plant-wrapper:nth-child(even) .summary-plant-col table tbody tr td {
  background-color: #ffffff !important;
}

.sell-in-by-brand-content .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table.total-row .details-wrapper .details-row.brand .piaggio-table td {
  background-color: #e5eff7 !important;
}

.sell-out-by-brand-content .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table.total-row .details-wrapper .details-row.brand .piaggio-table td {
  background-color: #E6F0EF !important;
}

.total-group-table .total-group td {
  background-color: #D6D6D6;
}
.total-group-table .total-group td .p-button-aux {
  color: #ffffff;
}

.total-group-table-wrapper ~ .children-body > .brand-table-wrapper .brand-table,
.total-group-table-wrapper ~ .children-body .children-body-row-td > .brand-table-wrapper .brand-table,
.total-group-table ~ .children-body > .brand-table-wrapper .brand-table,
.total-group-table ~ .children-body .children-body-row-td > .brand-table-wrapper .brand-table {
  border-top: 5px solid #fff;
}

.sell-in-by-market-content .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table:nth-child(odd) .details-wrapper .details-row.brand td {
  background-color: #e5eff7 !important;
}

.sell-in-by-market-content .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand td,
.sell-in-by-brand-content .custom-tree-table.default-table .brand-table-wrapper .t-body-row.pap-table .details-wrapper .details-row.brand td {
  background-color: #ffffff;
  border-bottom: 1px solid #ededed;
}
.sell-in-by-market-content .custom-tree-table.default-table .brand-table-wrapper .t-body-row.total-row .details-wrapper .details-row td,
.sell-in-by-brand-content .custom-tree-table.default-table .brand-table-wrapper .t-body-row.total-row .details-wrapper .details-row td {
  background-color: #e5eff7 !important;
}

/* Colors Start */
/***** Piaggio Brands Start *****/
.piaggio-table {
  /* Group Total Colors Start */
  /* Group Total Colors End */
  /* Brands Colors Start */
  /* Brands Colors End */
  /* Brands Details Colors Start */
  /***** Brands Details Colors End *****/
  /***** Body Colors End *****/
  /***** Body Colors End *****/
}
.piaggio-table .total-group-table .total-group td {
  background-color: #D6D6D6;
}
.piaggio-table .total-group-table .total-group td .p-button-aux {
  color: #ffffff;
}
.piaggio-table .brand-table .brand td {
  background-color: #B3D1E9;
}
.piaggio-table .view-details-wrapper .details-wrapper .details-row {
  /* View Detail Start */
  /* View Detail End */
}
.piaggio-table .view-details-wrapper .details-wrapper .details-row.brand td .brand-table td {
  background-color: #B3D1E9;
  border-bottom: 2px solid #B3D1E9;
}
.piaggio-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td {
  background-color: #B3D1E9;
  border-bottom: 1px solid #BFD7EC;
}
.piaggio-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td:first-child:before {
  content: "";
  background: #B3D1E9;
  width: 30px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.piaggio-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand:last-child td:first-child:before {
  height: 100%;
}
.piaggio-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:first-child:before, .piaggio-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:first-child:before {
  content: "";
  background: #B3D1E9;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.piaggio-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:last-child:after, .piaggio-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:last-child:after {
  content: "";
  background: #B3D1E9;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.piaggio-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td, .piaggio-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td {
  background: #CADFF0;
}
.piaggio-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td .positive-value span, .piaggio-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td {
  /***** Plant Colors Start *****/
  /***** Plant Colors End *****/
  /***** Plant Details Colors Start *****/
  /***** Plant Details Colors End *****/
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .plant-table {
  border-top: 5px solid #ffffff;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .plant-table .main-row.plant td {
  background-color: #D9E8F4 !important;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .brand-table td {
  background-color: #D9E8F4;
  border-bottom: 2px solid #D9E8F4;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td {
  background-color: #D9E8F4;
  border-bottom: 1px solid #EFF5FB;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td:first-child:before {
  content: "";
  background: #D9E8F4;
  width: 15px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row:last-child td:first-child:before {
  height: 100%;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:first-child:before, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:first-child:before {
  content: "";
  background: #D9E8F4;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:last-child:after, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:last-child:after {
  content: "";
  background: #D9E8F4;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td {
  background: #E4EFF7;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td .positive-value span, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td {
  /***** Family Colors Start *****/
  /***** Family Colors End *****/
  /*****Family Details Colors Start *****/
  /***** Family Details Colors End *****/
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table {
  border-top: 5px solid #fff;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table .main-row.family td {
  background-color: #EBF3F9;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family td .brand-table td {
  background-color: #EBF3F9;
  border-bottom: 2px solid #EBF3F9;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td {
  background-color: #EBF3F9;
  border-bottom: 1px solid #FFFFFF;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td:first-child:before {
  content: "";
  background: #EBF3F9;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family:last-child td:first-child:before {
  height: 100%;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:first-child:before, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:first-child:before {
  content: "";
  background: #EBF3F9;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:last-child:after, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:last-child:after {
  content: "";
  background: #EBF3F9;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td {
  background: #F7FAFD;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td .positive-value span, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td {
  /***** Model Colors Start *****/
  /***** Model Colors End *****/
  /***** Model Body Details Colors Start *****/
  /***** Model Body Details Colors End *****/
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table {
  border-top: 5px solid #fff;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table .main-row.model td {
  background-color: #ededed;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .brand-table td {
  background-color: #ededed;
  border-bottom: 2px solid #9E9E9E;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td {
  background-color: #ededed;
  border-bottom: 1px solid #fbfbfb;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td:first-child:before {
  content: "";
  background: #ededed;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model:last-child td:first-child:before {
  height: 100%;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:first-child:before, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:first-child:before {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:last-child:after, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:last-child:after {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row.insightActive .brand-table td, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row.insightActive .brand-table td {
  background-color: #d9e8f4 !important;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td {
  border-color: #ededed !important;
  background: #fbfbfb;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:first-child:before, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:first-child:before {
  content: "";
  background: #ededed;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:last-child:after, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:last-child:after {
  content: "";
  background: #ededed;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td .positive-value span, .piaggio-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.piaggio-table.children-body-row .plant-table {
  border-top: 5px solid #fff;
}
.piaggio-table.children-body-row .plant-table .main-row.plant > td {
  background-color: #b3d1e9 !important;
}
.piaggio-table.children-body-row .plant-table .tFooter.brand-total td {
  background-color: #b3d1e9 !important;
}
.piaggio-table.children-body-row .plant-table .tFooter.family-total td {
  background-color: #ebf3f9 !important;
}
.piaggio-table.children-body-row .family-table .main-row.family td {
  background-color: #d9e8f4;
}

/***** Piaggio Brands End *****/
/***** Vespa Brands Start *****/
.vespa-table {
  /* Group Total Colors Start */
  /* Group Total Colors End */
  /* Brands Colors Start */
  /* Brands Colors End */
  /* Brands Details Colors Start */
  /***** Brands Details Colors End *****/
  /***** Body Colors End *****/
  /***** Body Colors End *****/
}
.vespa-table .total-group-table .total-group td {
  background-color: #D6D6D6;
}
.vespa-table .total-group-table .total-group td .p-button-aux {
  color: #ffffff;
}
.vespa-table .brand-table .brand td {
  background-color: #A5C4C1;
}
.vespa-table .view-details-wrapper .details-wrapper .details-row {
  /* View Detail Start */
  /* View Detail End */
}
.vespa-table .view-details-wrapper .details-wrapper .details-row.brand td .brand-table td {
  background-color: #A5C4C1;
  border-bottom: 2px solid #A5C4C1;
}
.vespa-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td {
  background-color: #A5C4C1;
  border-bottom: 1px solid #BBD3D1;
}
.vespa-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td:first-child:before {
  content: "";
  background: #A5C4C1;
  width: 30px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.vespa-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand:last-child td:first-child:before {
  height: 100%;
}
.vespa-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:first-child:before, .vespa-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:first-child:before {
  content: "";
  background: #A5C4C1;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.vespa-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:last-child:after, .vespa-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:last-child:after {
  content: "";
  background: #A5C4C1;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.vespa-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td, .vespa-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td {
  background: #C0D6D4;
}
.vespa-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td .positive-value span, .vespa-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td {
  /***** Plant Colors Start *****/
  /***** Plant Colors End *****/
  /***** Plant Details Colors Start *****/
  /***** Plant Details Colors End *****/
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .plant-table {
  border-top: 5px solid #ffffff;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .plant-table .main-row.plant td {
  background-color: #CCDEDC !important;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .brand-table td {
  background-color: #CCDEDC;
  border-bottom: 2px solid #CCDEDC;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td {
  background-color: #CCDEDC;
  border-bottom: 1px solid #EAF1F0;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td:first-child:before {
  content: "";
  background: #CCDEDC;
  width: 15px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row:last-child td:first-child:before {
  height: 100%;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:first-child:before, .vespa-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:first-child:before {
  content: "";
  background: #CCDEDC;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:last-child:after, .vespa-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:last-child:after {
  content: "";
  background: #CCDEDC;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td, .vespa-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td {
  background: #DBE8E7;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td .positive-value span, .vespa-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td {
  /***** Family Colors Start *****/
  /***** Family Colors End *****/
  /*****Family Details Colors Start *****/
  /***** Family Details Colors End *****/
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table {
  border-top: 5px solid #fff;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table .main-row.family td {
  background-color: #E8F0EF;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family td .brand-table td {
  background-color: #E8F0EF;
  border-bottom: 2px solid #E8F0EF;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td {
  background-color: #E8F0EF;
  border-bottom: 1px solid #FFFFFF;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td:first-child:before {
  content: "";
  background: #E8F0EF;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family:last-child td:first-child:before {
  height: 100%;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:first-child:before, .vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:first-child:before {
  content: "";
  background: #E8F0EF;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:last-child:after, .vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:last-child:after {
  content: "";
  background: #E8F0EF;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td, .vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td {
  background: #F6F9F9;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td .positive-value span, .vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td {
  /***** Model Colors Start *****/
  /***** Model Colors End *****/
  /***** Model Body Details Colors Start *****/
  /***** Model Body Details Colors End *****/
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table {
  border-top: 5px solid #fff;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table .main-row.model td {
  background-color: #ededed;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .brand-table td {
  background-color: #ededed;
  border-bottom: 2px solid #9E9E9E;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td {
  background-color: #ededed;
  border-bottom: 1px solid #fbfbfb;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td:first-child:before {
  content: "";
  background: #ededed;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model:last-child td:first-child:before {
  height: 100%;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:first-child:before, .vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:first-child:before {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:last-child:after, .vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:last-child:after {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row.insightActive .brand-table td, .vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row.insightActive .brand-table td {
  background-color: #ccdedc !important;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td, .vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td {
  border-color: #ededed !important;
  background: #fbfbfb;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:first-child:before, .vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:first-child:before {
  content: "";
  background: #ededed;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:last-child:after, .vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:last-child:after {
  content: "";
  background: #ededed;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td .positive-value span, .vespa-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.vespa-table.children-body-row .plant-table {
  border-top: 5px solid #fff;
}
.vespa-table.children-body-row .plant-table .main-row.plant > td {
  background-color: #a5c4c1 !important;
}
.vespa-table.children-body-row .plant-table .tFooter.brand-total td {
  background-color: #a5c4c1 !important;
}
.vespa-table.children-body-row .plant-table .tFooter.family-total td {
  background-color: #e8f0ef !important;
}
.vespa-table.children-body-row .family-table .main-row.family td {
  background-color: #ccdedc;
}

/***** Vespa Brands End *****/
/***** Aprilia Brands Start *****/
.aprilia-table {
  /* Group Total Colors Start */
  /* Group Total Colors End */
  /* Brands Colors Start */
  /* Brands Colors End */
  /* Brands Details Colors Start */
  /***** Brands Details Colors End *****/
  /***** Body Colors End *****/
  /***** Body Colors End *****/
}
.aprilia-table .total-group-table .total-group td {
  background-color: #D6D6D6;
}
.aprilia-table .total-group-table .total-group td .p-button-aux {
  color: #ffffff;
}
.aprilia-table .brand-table .brand td {
  background-color: #ED9FA9;
}
.aprilia-table .view-details-wrapper .details-wrapper .details-row {
  /* View Detail Start */
  /* View Detail End */
}
.aprilia-table .view-details-wrapper .details-wrapper .details-row.brand td .brand-table td {
  background-color: #ED9FA9;
  border-bottom: 2px solid #ED9FA9;
}
.aprilia-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td {
  background-color: #ED9FA9;
  border-bottom: 1px solid #F2B7BF;
}
.aprilia-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td:first-child:before {
  content: "";
  background: #ED9FA9;
  width: 30px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.aprilia-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand:last-child td:first-child:before {
  height: 100%;
}
.aprilia-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:first-child:before, .aprilia-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:first-child:before {
  content: "";
  background: #ED9FA9;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.aprilia-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:last-child:after, .aprilia-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:last-child:after {
  content: "";
  background: #ED9FA9;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.aprilia-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td, .aprilia-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td {
  background: #F2BCC3;
}
.aprilia-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td .positive-value span, .aprilia-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td {
  /***** Plant Colors Start *****/
  /***** Plant Colors End *****/
  /***** Plant Details Colors Start *****/
  /***** Plant Details Colors End *****/
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .plant-table {
  border-top: 5px solid #ffffff;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .plant-table .main-row.plant td {
  background-color: #F4C3C9 !important;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .brand-table td {
  background-color: #F4C3C9;
  border-bottom: 2px solid #F4C3C9;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td {
  background-color: #F4C3C9;
  border-bottom: 1px solid #FAE1E4;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td:first-child:before {
  content: "";
  background: #F4C3C9;
  width: 15px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row:last-child td:first-child:before {
  height: 100%;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:first-child:before, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:first-child:before {
  content: "";
  background: #F4C3C9;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:last-child:after, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:last-child:after {
  content: "";
  background: #F4C3C9;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td {
  background: #F7D5D9;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td .positive-value span, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td {
  /***** Family Colors Start *****/
  /***** Family Colors End *****/
  /*****Family Details Colors Start *****/
  /***** Family Details Colors End *****/
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table {
  border-top: 5px solid #fff;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table .main-row.family td {
  background-color: #FBE7E9;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family td .brand-table td {
  background-color: #FBE7E9;
  border-bottom: 2px solid #FBE7E9;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td {
  background-color: #FBE7E9;
  border-bottom: 1px solid #FEF9FA;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td:first-child:before {
  content: "";
  background: #FBE7E9;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family:last-child td:first-child:before {
  height: 100%;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:first-child:before, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:first-child:before {
  content: "";
  background: #FBE7E9;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:last-child:after, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:last-child:after {
  content: "";
  background: #FBE7E9;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td {
  background: #FDF5F6;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td .positive-value span, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td {
  /***** Model Colors Start *****/
  /***** Model Colors End *****/
  /***** Model Body Details Colors Start *****/
  /***** Model Body Details Colors End *****/
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table {
  border-top: 5px solid #fff;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table .main-row.model td {
  background-color: #ededed;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .brand-table td {
  background-color: #ededed;
  border-bottom: 2px solid #9E9E9E;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td {
  background-color: #ededed;
  border-bottom: 1px solid #fbfbfb;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td:first-child:before {
  content: "";
  background: #ededed;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model:last-child td:first-child:before {
  height: 100%;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:first-child:before, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:first-child:before {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:last-child:after, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:last-child:after {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row.insightActive .brand-table td, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row.insightActive .brand-table td {
  background-color: #f4c3c9 !important;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td {
  border-color: #ededed !important;
  background: #fbfbfb;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:first-child:before, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:first-child:before {
  content: "";
  background: #ededed;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:last-child:after, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:last-child:after {
  content: "";
  background: #ededed;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td .positive-value span, .aprilia-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.aprilia-table.children-body-row .plant-table {
  border-top: 5px solid #fff;
}
.aprilia-table.children-body-row .plant-table .main-row.plant > td {
  background-color: #ed9fa9 !important;
}
.aprilia-table.children-body-row .plant-table .tFooter.brand-total td {
  background-color: #ed9fa9 !important;
}
.aprilia-table.children-body-row .plant-table .tFooter.family-total td {
  background-color: #fbe7e9 !important;
}
.aprilia-table.children-body-row .family-table .main-row.family td {
  background-color: #f4c3c9;
}

/***** Aprilia Brands End *****/
/***** Moto Guzzi Brands Start *****/
.motoGuzzi-table {
  /* Group Total Colors Start */
  /* Group Total Colors End */
  /* Brands Colors Start */
  /* Brands Colors End */
  /* Brands Details Colors Start */
  /***** Brands Details Colors End *****/
  /***** Body Colors End *****/
  /***** Body Colors End *****/
}
.motoGuzzi-table .total-group-table .total-group td {
  background-color: #D6D6D6;
}
.motoGuzzi-table .total-group-table .total-group td .p-button-aux {
  color: #ffffff;
}
.motoGuzzi-table .brand-table .brand td {
  background-color: #A5A5A4;
}
.motoGuzzi-table .view-details-wrapper .details-wrapper .details-row {
  /* View Detail Start */
  /* View Detail End */
}
.motoGuzzi-table .view-details-wrapper .details-wrapper .details-row.brand td .brand-table td {
  background-color: #A5A5A4;
  border-bottom: 2px solid #A5A5A4;
}
.motoGuzzi-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td {
  background-color: #A5A5A4;
  border-bottom: 1px solid #BBBBBB;
}
.motoGuzzi-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td:first-child:before {
  content: "";
  background: #A5A5A4;
  width: 30px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.motoGuzzi-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand:last-child td:first-child:before {
  height: 100%;
}
.motoGuzzi-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:first-child:before, .motoGuzzi-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:first-child:before {
  content: "";
  background: #A5A5A4;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.motoGuzzi-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:last-child:after, .motoGuzzi-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:last-child:after {
  content: "";
  background: #A5A5A4;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.motoGuzzi-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td, .motoGuzzi-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td {
  background: #C0C0BF;
}
.motoGuzzi-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td .positive-value span, .motoGuzzi-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td {
  /***** Plant Colors Start *****/
  /***** Plant Colors End *****/
  /***** Plant Details Colors Start *****/
  /***** Plant Details Colors End *****/
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .plant-table {
  border-top: 5px solid #ffffff;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .plant-table .main-row.plant td {
  background-color: #C7C7C6 !important;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .brand-table td {
  background-color: #C7C7C6;
  border-bottom: 2px solid #C7C7C6;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td {
  background-color: #C7C7C6;
  border-bottom: 1px solid #E3E3E3;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td:first-child:before {
  content: "";
  background: #C7C7C6;
  width: 15px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row:last-child td:first-child:before {
  height: 100%;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:first-child:before, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:first-child:before {
  content: "";
  background: #C7C7C6;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:last-child:after, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:last-child:after {
  content: "";
  background: #C7C7C6;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td {
  background: #D8D8D7;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td .positive-value span, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td {
  /***** Family Colors Start *****/
  /***** Family Colors End *****/
  /*****Family Details Colors Start *****/
  /***** Family Details Colors End *****/
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table {
  border-top: 5px solid #fff;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table .main-row.family td {
  background-color: #D6D6D6;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family td .brand-table td {
  background-color: #D6D6D6;
  border-bottom: 2px solid #D6D6D6;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td {
  background-color: #D6D6D6;
  border-bottom: 1px solid #ffffff;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td:first-child:before {
  content: "";
  background: #D6D6D6;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family:last-child td:first-child:before {
  height: 100%;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:first-child:before, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:first-child:before {
  content: "";
  background: #D6D6D6;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:last-child:after, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:last-child:after {
  content: "";
  background: #D6D6D6;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td {
  background: #EFEFEF;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td .positive-value span, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td {
  /***** Model Colors Start *****/
  /***** Model Colors End *****/
  /***** Model Body Details Colors Start *****/
  /***** Model Body Details Colors End *****/
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table {
  border-top: 5px solid #fff;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table .main-row.model td {
  background-color: #ededed;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .brand-table td {
  background-color: #ededed;
  border-bottom: 2px solid #9E9E9E;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td {
  background-color: #ededed;
  border-bottom: 1px solid #fbfbfb;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td:first-child:before {
  content: "";
  background: #ededed;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model:last-child td:first-child:before {
  height: 100%;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:first-child:before, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:first-child:before {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:last-child:after, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:last-child:after {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row.insightActive .brand-table td, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row.insightActive .brand-table td {
  background-color: #c7c7c6 !important;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td {
  border-color: #ededed !important;
  background: #fbfbfb;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:first-child:before, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:first-child:before {
  content: "";
  background: #ededed;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:last-child:after, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:last-child:after {
  content: "";
  background: #ededed;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td .positive-value span, .motoGuzzi-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.motoGuzzi-table.children-body-row .plant-table {
  border-top: 5px solid #fff;
}
.motoGuzzi-table.children-body-row .plant-table .main-row.plant > td {
  background-color: #a5a5a4 !important;
}
.motoGuzzi-table.children-body-row .plant-table .tFooter.brand-total td {
  background-color: #a5a5a4 !important;
}
.motoGuzzi-table.children-body-row .plant-table .tFooter.family-total td {
  background-color: #d6d6d6 !important;
}
.motoGuzzi-table.children-body-row .family-table .main-row.family td {
  background-color: #c7c7c6;
}

/***** Moto Guzzi Brands End *****/
/***** Yellow Brands Start *****/
.yellow-table {
  /* Group Total Colors Start */
  /* Group Total Colors End */
  /* Brands Colors Start */
  /* Brands Colors End */
  /* Brands Details Colors Start */
  /***** Brands Details Colors End *****/
  /***** Body Colors End *****/
  /***** Body Colors End *****/
}
.yellow-table .total-group-table .total-group td {
  background-color: #D6D6D6;
}
.yellow-table .total-group-table .total-group td .p-button-aux {
  color: #ffffff;
}
.yellow-table .brand-table .brand td {
  background-color: #FFC000;
}
.yellow-table .view-details-wrapper .details-wrapper .details-row {
  /* View Detail Start */
  /* View Detail End */
}
.yellow-table .view-details-wrapper .details-wrapper .details-row.brand td .brand-table td {
  background-color: #FFC000;
  border-bottom: 2px solid #FFCD33;
}
.yellow-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td {
  background-color: #FFC000;
  border-bottom: 1px solid #FFCD33;
}
.yellow-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td:first-child:before {
  content: "";
  background: #FFC000;
  width: 30px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.yellow-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand:last-child td:first-child:before {
  height: 100%;
}
.yellow-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td, .yellow-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td {
  border-color: #FFC000 !important;
}
.yellow-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:first-child:before, .yellow-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:first-child:before {
  content: "";
  background: #FFC000;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.yellow-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:last-child:after, .yellow-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:last-child:after {
  content: "";
  background: #FFC000;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.yellow-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td, .yellow-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td {
  background: #FFCD33;
}
.yellow-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td .positive-value span, .yellow-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td {
  /***** Plant Colors Start *****/
  /***** Plant Colors End *****/
  /***** Plant Details Colors Start *****/
  /***** Plant Details Colors End *****/
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .plant-table {
  border-top: 5px solid #ffffff;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .plant-table .main-row.plant td {
  background-color: #FFDF80 !important;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .brand-table td {
  background-color: #FFDF80;
  border-bottom: 2px solid #FFEFBF;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td {
  background-color: #FFDF80;
  border-bottom: 1px solid #FFEFBF;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td:first-child:before {
  content: "";
  background: #FFDF80;
  width: 15px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row:last-child td:first-child:before {
  height: 100%;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td, .yellow-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td {
  border-color: #FFDF80 !important;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:first-child:before, .yellow-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:first-child:before {
  content: "";
  background: #FFDF80;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:last-child:after, .yellow-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:last-child:after {
  content: "";
  background: #FFDF80;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td, .yellow-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td {
  background: #FFEFBF;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td .positive-value span, .yellow-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td {
  /***** Family Colors Start *****/
  /***** Family Colors End *****/
  /*****Family Details Colors Start *****/
  /***** Family Details Colors End *****/
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table {
  border-top: 5px solid #fff;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table .main-row.family td {
  background-color: #FFECB3;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family td .brand-table td {
  background-color: #FFECB3;
  border-bottom: 2px solid #FFF6D9;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td {
  background-color: #FFECB3;
  border-bottom: 1px solid #FFF6D9;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td:first-child:before {
  content: "";
  background: #FFECB3;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family:last-child td:first-child:before {
  height: 100%;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td, .yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td {
  border-color: #FFECB3 !important;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:first-child:before, .yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:first-child:before {
  content: "";
  background: #FFECB3;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:last-child:after, .yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:last-child:after {
  content: "";
  background: #FFECB3;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td, .yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td {
  background: #FFF6D9;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td .positive-value span, .yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td {
  /***** Model Colors Start *****/
  /***** Model Colors End *****/
  /***** Model Body Details Colors Start *****/
  /***** Model Body Details Colors End *****/
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table {
  border-top: 5px solid #fff;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table .main-row.model td {
  background-color: #EDEDED;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .brand-table td {
  background-color: #EDEDED;
  border-bottom: 2px solid #9E9E9E;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td {
  background-color: #EDEDED;
  border-bottom: 1px solid #FBFBFB;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td:first-child:before {
  content: "";
  background: #EDEDED;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model:last-child td:first-child:before {
  height: 100%;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:first-child:before, .yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:first-child:before {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:last-child:after, .yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:last-child:after {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row.insightActive .brand-table td, .yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row.insightActive .brand-table td {
  background-color: #ffdf80 !important;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td, .yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td {
  border-color: #EDEDED !important;
  background: #FBFBFB;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:first-child:before, .yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:first-child:before {
  content: "";
  background: #EDEDED;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:last-child:after, .yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:last-child:after {
  content: "";
  background: #EDEDED;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td .positive-value span, .yellow-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.yellow-table.children-body-row .plant-table {
  border-top: 5px solid #fff;
}
.yellow-table.children-body-row .plant-table .main-row.plant > td {
  background-color: #ffc000 !important;
}
.yellow-table.children-body-row .plant-table .tFooter.brand-total td {
  background-color: #ffc000 !important;
}
.yellow-table.children-body-row .plant-table .tFooter.family-total td {
  background-color: #ffecb3 !important;
}
.yellow-table.children-body-row .family-table .main-row.family td {
  background-color: #ffdf80;
}

/***** Yellow Brands End *****/
/***** lightGreen Brands Start *****/
.lightGreen-table {
  /* Group Total Colors Start */
  /* Group Total Colors End */
  /* Brands Colors Start */
  /* Brands Colors End */
  /* Brands Details Colors Start */
  /***** Brands Details Colors End *****/
  /***** Body Colors End *****/
  /***** Body Colors End *****/
}
.lightGreen-table .total-group-table .total-group td {
  background-color: #D6D6D6;
}
.lightGreen-table .total-group-table .total-group td .p-button-aux {
  color: #ffffff;
}
.lightGreen-table .brand-table .brand td {
  background-color: #8BC34A;
}
.lightGreen-table .view-details-wrapper .details-wrapper .details-row {
  /* View Detail Start */
  /* View Detail End */
}
.lightGreen-table .view-details-wrapper .details-wrapper .details-row.brand td .brand-table td {
  background-color: #8BC34A;
  border-bottom: 2px solid #A2CF6E;
}
.lightGreen-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td {
  background-color: #8BC34A;
  border-bottom: 1px solid #A2CF6E;
}
.lightGreen-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td:first-child:before {
  content: "";
  background: #8BC34A;
  width: 30px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.lightGreen-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand:last-child td:first-child:before {
  height: 100%;
}
.lightGreen-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td, .lightGreen-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td {
  border-color: #8BC34A !important;
}
.lightGreen-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:first-child:before, .lightGreen-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:first-child:before {
  content: "";
  background: #8BC34A;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.lightGreen-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:last-child:after, .lightGreen-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:last-child:after {
  content: "";
  background: #8BC34A;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.lightGreen-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td, .lightGreen-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td {
  background: #A2CF6E;
}
.lightGreen-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td .positive-value span, .lightGreen-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td {
  /***** Plant Colors Start *****/
  /***** Plant Colors End *****/
  /***** Plant Details Colors Start *****/
  /***** Plant Details Colors End *****/
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .plant-table {
  border-top: 5px solid #ffffff;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .plant-table .main-row.plant td {
  background-color: #C5E1A4 !important;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .brand-table td {
  background-color: #C5E1A4;
  border-bottom: 2px solid #E2F0D2;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td {
  background-color: #C5E1A4;
  border-bottom: 1px solid #E2F0D2;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td:first-child:before {
  content: "";
  background: #C5E1A4;
  width: 15px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row:last-child td:first-child:before {
  height: 100%;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td {
  border-color: #C5E1A4 !important;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:first-child:before, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:first-child:before {
  content: "";
  background: #C5E1A4;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:last-child:after, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:last-child:after {
  content: "";
  background: #C5E1A4;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td {
  background: #E2F0D2;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td .positive-value span, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td {
  /***** Family Colors Start *****/
  /***** Family Colors End *****/
  /*****Family Details Colors Start *****/
  /***** Family Details Colors End *****/
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table {
  border-top: 5px solid #fff;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table .main-row.family td {
  background-color: #DCEDC9;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family td .brand-table td {
  background-color: #DCEDC9;
  border-bottom: 2px solid #EEF6E4;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td {
  background-color: #DCEDC9;
  border-bottom: 1px solid #EEF6E4;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td:first-child:before {
  content: "";
  background: #DCEDC9;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family:last-child td:first-child:before {
  height: 100%;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td {
  border-color: #DCEDC9 !important;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:first-child:before, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:first-child:before {
  content: "";
  background: #DCEDC9;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:last-child:after, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:last-child:after {
  content: "";
  background: #DCEDC9;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td {
  background: #EEF6E4;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td .positive-value span, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td {
  /***** Model Colors Start *****/
  /***** Model Colors End *****/
  /***** Model Body Details Colors Start *****/
  /***** Model Body Details Colors End *****/
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table {
  border-top: 5px solid #fff;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table .main-row.model td {
  background-color: #EDEDED;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .brand-table td {
  background-color: #EDEDED;
  border-bottom: 2px solid #9E9E9E;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td {
  background-color: #EDEDED;
  border-bottom: 1px solid #FBFBFB;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td:first-child:before {
  content: "";
  background: #EDEDED;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model:last-child td:first-child:before {
  height: 100%;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:first-child:before, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:first-child:before {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:last-child:after, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:last-child:after {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row.insightActive .brand-table td, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row.insightActive .brand-table td {
  background-color: #c5e1a4 !important;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td {
  border-color: #EDEDED !important;
  background: #FBFBFB;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:first-child:before, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:first-child:before {
  content: "";
  background: #EDEDED;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:last-child:after, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:last-child:after {
  content: "";
  background: #EDEDED;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td .positive-value span, .lightGreen-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.lightGreen-table.children-body-row .plant-table {
  border-top: 5px solid #fff;
}
.lightGreen-table.children-body-row .plant-table .main-row.plant > td {
  background-color: #8bc34a !important;
}
.lightGreen-table.children-body-row .plant-table .tFooter.brand-total td {
  background-color: #8bc34a !important;
}
.lightGreen-table.children-body-row .plant-table .tFooter.family-total td {
  background-color: #dcedc9 !important;
}
.lightGreen-table.children-body-row .family-table .main-row.family td {
  background-color: #c5e1a4;
}

/***** lightGreen Brands End *****/
/***** dustyBlue Brands Start *****/
.dustyBlue-table {
  /* Group Total Colors Start */
  /* Group Total Colors End */
  /* Brands Colors Start */
  /* Brands Colors End */
  /* Brands Details Colors Start */
  /***** Brands Details Colors End *****/
  /***** Body Colors End *****/
  /***** Body Colors End *****/
}
.dustyBlue-table .total-group-table .total-group td {
  background-color: #D6D6D6;
}
.dustyBlue-table .total-group-table .total-group td .p-button-aux {
  color: #ffffff;
}
.dustyBlue-table .brand-table .brand td {
  background-color: #6B86A9;
}
.dustyBlue-table .view-details-wrapper .details-wrapper .details-row {
  /* View Detail Start */
  /* View Detail End */
}
.dustyBlue-table .view-details-wrapper .details-wrapper .details-row.brand td .brand-table td {
  background-color: #6B86A9;
  border-bottom: 2px solid #899EBA;
}
.dustyBlue-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td {
  background-color: #6B86A9;
  border-bottom: 1px solid #899EBA;
}
.dustyBlue-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td:first-child:before {
  content: "";
  background: #6B86A9;
  width: 30px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.dustyBlue-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand:last-child td:first-child:before {
  height: 100%;
}
.dustyBlue-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td, .dustyBlue-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td {
  border-color: #6B86A9 !important;
}
.dustyBlue-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:first-child:before, .dustyBlue-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:first-child:before {
  content: "";
  background: #6B86A9;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.dustyBlue-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:last-child:after, .dustyBlue-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:last-child:after {
  content: "";
  background: #6B86A9;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.dustyBlue-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td, .dustyBlue-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td {
  background: #899EBA;
}
.dustyBlue-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td .positive-value span, .dustyBlue-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td {
  /***** Plant Colors Start *****/
  /***** Plant Colors End *****/
  /***** Plant Details Colors Start *****/
  /***** Plant Details Colors End *****/
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .plant-table {
  border-top: 5px solid #ffffff;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .plant-table .main-row.plant td {
  background-color: #B5C3D4 !important;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .brand-table td {
  background-color: #B5C3D4;
  border-bottom: 2px solid #DAE1EA;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td {
  background-color: #B5C3D4;
  border-bottom: 1px solid #DAE1EA;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td:first-child:before {
  content: "";
  background: #B5C3D4;
  width: 15px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row:last-child td:first-child:before {
  height: 100%;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td {
  border-color: #B5C3D4 !important;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:first-child:before, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:first-child:before {
  content: "";
  background: #B5C3D4;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:last-child:after, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:last-child:after {
  content: "";
  background: #B5C3D4;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td {
  background: #DAE1EA;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td .positive-value span, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td {
  /***** Family Colors Start *****/
  /***** Family Colors End *****/
  /*****Family Details Colors Start *****/
  /***** Family Details Colors End *****/
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table {
  border-top: 5px solid #fff;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table .main-row.family td {
  background-color: #D3DBE5;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family td .brand-table td {
  background-color: #D3DBE5;
  border-bottom: 2px solid #E9EDF2;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td {
  background-color: #D3DBE5;
  border-bottom: 1px solid #E9EDF2;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td:first-child:before {
  content: "";
  background: #D3DBE5;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family:last-child td:first-child:before {
  height: 100%;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td {
  border-color: #D3DBE5 !important;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:first-child:before, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:first-child:before {
  content: "";
  background: #D3DBE5;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:last-child:after, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:last-child:after {
  content: "";
  background: #D3DBE5;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td {
  background: #E9EDF2;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td .positive-value span, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td {
  /***** Model Colors Start *****/
  /***** Model Colors End *****/
  /***** Model Body Details Colors Start *****/
  /***** Model Body Details Colors End *****/
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table {
  border-top: 5px solid #fff;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table .main-row.model td {
  background-color: #EDEDED;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .brand-table td {
  background-color: #EDEDED;
  border-bottom: 2px solid #9E9E9E;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td {
  background-color: #EDEDED;
  border-bottom: 1px solid #FBFBFB;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td:first-child:before {
  content: "";
  background: #EDEDED;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model:last-child td:first-child:before {
  height: 100%;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:first-child:before, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:first-child:before {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:last-child:after, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:last-child:after {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row.insightActive .brand-table td, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row.insightActive .brand-table td {
  background-color: #b5c3d4 !important;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td {
  border-color: #EDEDED !important;
  background: #FBFBFB;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:first-child:before, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:first-child:before {
  content: "";
  background: #EDEDED;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:last-child:after, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:last-child:after {
  content: "";
  background: #EDEDED;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td .positive-value span, .dustyBlue-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.dustyBlue-table.children-body-row .plant-table {
  border-top: 5px solid #fff;
}
.dustyBlue-table.children-body-row .plant-table .main-row.plant > td {
  background-color: #6b86a9 !important;
}
.dustyBlue-table.children-body-row .plant-table .tFooter.brand-total td {
  background-color: #6b86a9 !important;
}
.dustyBlue-table.children-body-row .plant-table .tFooter.family-total td {
  background-color: #d3dbe5 !important;
}
.dustyBlue-table.children-body-row .family-table .main-row.family td {
  background-color: #b5c3d4;
}

/***** dustyBlue Brands End *****/
/***** Orange Brands Start *****/
.orange-table {
  /* Group Total Colors Start */
  /* Group Total Colors End */
  /* Brands Colors Start */
  /* Brands Colors End */
  /* Brands Details Colors Start */
  /***** Brands Details Colors End *****/
  /***** Body Colors End *****/
  /***** Body Colors End *****/
}
.orange-table .total-group-table .total-group td {
  background-color: #D6D6D6;
}
.orange-table .total-group-table .total-group td .p-button-aux {
  color: #ffffff;
}
.orange-table .brand-table .brand td {
  background-color: #F88030;
}
.orange-table .view-details-wrapper .details-wrapper .details-row {
  /* View Detail Start */
  /* View Detail End */
}
.orange-table .view-details-wrapper .details-wrapper .details-row.brand td .brand-table td {
  background-color: #F88030;
  border-bottom: 2px solid #F99959;
}
.orange-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td {
  background-color: #F88030;
  border-bottom: 1px solid #F99959;
}
.orange-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td:first-child:before {
  content: "";
  background: #F88030;
  width: 30px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.orange-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand:last-child td:first-child:before {
  height: 100%;
}
.orange-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td, .orange-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td {
  border-color: #F88030 !important;
}
.orange-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:first-child:before, .orange-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:first-child:before {
  content: "";
  background: #F88030;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.orange-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:last-child:after, .orange-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:last-child:after {
  content: "";
  background: #F88030;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.orange-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td, .orange-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td {
  background: #F99959;
}
.orange-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td .positive-value span, .orange-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td {
  /***** Plant Colors Start *****/
  /***** Plant Colors End *****/
  /***** Plant Details Colors Start *****/
  /***** Plant Details Colors End *****/
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .plant-table {
  border-top: 5px solid #ffffff;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .plant-table .main-row.plant td {
  background-color: #FBBF97 !important;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .brand-table td {
  background-color: #FBBF97;
  border-bottom: 2px solid #FDDFCB;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td {
  background-color: #FBBF97;
  border-bottom: 1px solid #FDDFCB;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td:first-child:before {
  content: "";
  background: #FBBF97;
  width: 15px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row:last-child td:first-child:before {
  height: 100%;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td, .orange-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td {
  border-color: #FBBF97 !important;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:first-child:before, .orange-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:first-child:before {
  content: "";
  background: #FBBF97;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:last-child:after, .orange-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:last-child:after {
  content: "";
  background: #FBBF97;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td, .orange-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td {
  background: #FDDFCB;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td .positive-value span, .orange-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td {
  /***** Family Colors Start *****/
  /***** Family Colors End *****/
  /*****Family Details Colors Start *****/
  /***** Family Details Colors End *****/
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table {
  border-top: 5px solid #fff;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table .main-row.family td {
  background-color: #FDD9C1;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family td .brand-table td {
  background-color: #FDD9C1;
  border-bottom: 2px solid #FEECE0;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td {
  background-color: #FDD9C1;
  border-bottom: 1px solid #FEECE0;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td:first-child:before {
  content: "";
  background: #FDD9C1;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family:last-child td:first-child:before {
  height: 100%;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td, .orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td {
  border-color: #FDD9C1 !important;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:first-child:before, .orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:first-child:before {
  content: "";
  background: #FDD9C1;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:last-child:after, .orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:last-child:after {
  content: "";
  background: #FDD9C1;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td, .orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td {
  background: #FEECE0;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td .positive-value span, .orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td {
  /***** Model Colors Start *****/
  /***** Model Colors End *****/
  /***** Model Body Details Colors Start *****/
  /***** Model Body Details Colors End *****/
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table {
  border-top: 5px solid #fff;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table .main-row.model td {
  background-color: #EDEDED;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .brand-table td {
  background-color: #EDEDED;
  border-bottom: 2px solid #9E9E9E;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td {
  background-color: #EDEDED;
  border-bottom: 1px solid #FBFBFB;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td:first-child:before {
  content: "";
  background: #EDEDED;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model:last-child td:first-child:before {
  height: 100%;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:first-child:before, .orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:first-child:before {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:last-child:after, .orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:last-child:after {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row.insightActive .brand-table td, .orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row.insightActive .brand-table td {
  background-color: #fbbf97 !important;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td, .orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td {
  border-color: #EDEDED !important;
  background: #FBFBFB;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:first-child:before, .orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:first-child:before {
  content: "";
  background: #EDEDED;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:last-child:after, .orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:last-child:after {
  content: "";
  background: #EDEDED;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td .positive-value span, .orange-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.orange-table.children-body-row .plant-table {
  border-top: 5px solid #fff;
}
.orange-table.children-body-row .plant-table .main-row.plant > td {
  background-color: #f88030 !important;
}
.orange-table.children-body-row .plant-table .tFooter.brand-total td {
  background-color: #f88030 !important;
}
.orange-table.children-body-row .plant-table .tFooter.family-total td {
  background-color: #fdd9c1 !important;
}
.orange-table.children-body-row .family-table .main-row.family td {
  background-color: #fbbf97;
}

/***** Orange Brands End *****/
/***** Cyan Brands Start *****/
.cyan-table {
  /* Group Total Colors Start */
  /* Group Total Colors End */
  /* Brands Colors Start */
  /* Brands Colors End */
  /* Brands Details Colors Start */
  /***** Brands Details Colors End *****/
  /***** Body Colors End *****/
  /***** Body Colors End *****/
}
.cyan-table .total-group-table .total-group td {
  background-color: #D6D6D6;
}
.cyan-table .total-group-table .total-group td .p-button-aux {
  color: #ffffff;
}
.cyan-table .brand-table .brand td {
  background-color: #1FAFAF;
}
.cyan-table .view-details-wrapper .details-wrapper .details-row {
  /* View Detail Start */
  /* View Detail End */
}
.cyan-table .view-details-wrapper .details-wrapper .details-row.brand td .brand-table td {
  background-color: #1FAFAF;
  border-bottom: 2px solid #4CBFBF;
}
.cyan-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td {
  background-color: #1FAFAF;
  border-bottom: 1px solid #4CBFBF;
}
.cyan-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand td:first-child:before {
  content: "";
  background: #1FAFAF;
  width: 30px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.cyan-table .view-details-wrapper .details-wrapper .details-row.brand td .view-inner-details-wrapper .sell-table .details-row.brand:last-child td:first-child:before {
  height: 100%;
}
.cyan-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td, .cyan-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td {
  border-color: #1FAFAF !important;
}
.cyan-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:first-child:before, .cyan-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:first-child:before {
  content: "";
  background: #1FAFAF;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.cyan-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td:last-child:after, .cyan-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td:last-child:after {
  content: "";
  background: #1FAFAF;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.cyan-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td, .cyan-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td {
  background: #4CBFBF;
}
.cyan-table .view-details-wrapper .details-wrapper .details-row.brand.stock-row td .brand-table td .positive-value span, .cyan-table .view-details-wrapper .details-wrapper .details-row.brand.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td {
  /***** Plant Colors Start *****/
  /***** Plant Colors End *****/
  /***** Plant Details Colors Start *****/
  /***** Plant Details Colors End *****/
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .plant-table {
  border-top: 5px solid #ffffff;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .plant-table .main-row.plant td {
  background-color: #8FD7D7 !important;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .brand-table td {
  background-color: #8FD7D7;
  border-bottom: 2px solid #C7EBEB;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td {
  background-color: #8FD7D7;
  border-bottom: 1px solid #C7EBEB;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row td:first-child:before {
  content: "";
  background: #8FD7D7;
  width: 15px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant td .view-inner-details-wrapper .sell-table .details-row:last-child td:first-child:before {
  height: 100%;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td, .cyan-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td {
  border-color: #8FD7D7 !important;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:first-child:before, .cyan-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:first-child:before {
  content: "";
  background: #8FD7D7;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td:last-child:after, .cyan-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td:last-child:after {
  content: "";
  background: #8FD7D7;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td, .cyan-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td {
  background: #C7EBEB;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-row td .brand-table td .positive-value span, .cyan-table .children-body .plant-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.plant.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td {
  /***** Family Colors Start *****/
  /***** Family Colors End *****/
  /*****Family Details Colors Start *****/
  /***** Family Details Colors End *****/
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table {
  border-top: 5px solid #fff;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .family-table .main-row.family td {
  background-color: #BCE7E7;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family td .brand-table td {
  background-color: #BCE7E7;
  border-bottom: 2px solid #DEF3F3;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td {
  background-color: #BCE7E7;
  border-bottom: 1px solid #DEF3F3;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family td:first-child:before {
  content: "";
  background: #BCE7E7;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family .view-inner-details-wrapper .sell-table .details-row.family:last-child td:first-child:before {
  height: 100%;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td, .cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td {
  border-color: #BCE7E7 !important;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:first-child:before, .cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:first-child:before {
  content: "";
  background: #BCE7E7;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td:last-child:after, .cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td:last-child:after {
  content: "";
  background: #BCE7E7;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td, .cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td {
  background: #DEF3F3;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-row td .brand-table td .positive-value span, .cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.family.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td {
  /***** Model Colors Start *****/
  /***** Model Colors End *****/
  /***** Model Body Details Colors Start *****/
  /***** Model Body Details Colors End *****/
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table {
  border-top: 5px solid #fff;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .model-table .main-row.model td {
  background-color: #EDEDED;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .brand-table td {
  background-color: #EDEDED;
  border-bottom: 2px solid #9E9E9E;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td {
  background-color: #EDEDED;
  border-bottom: 1px solid #FBFBFB;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model td:first-child:before {
  content: "";
  background: #EDEDED;
  width: 35px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.model td .view-inner-details-wrapper .sell-table .details-row.model:last-child td:first-child:before {
  height: 100%;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:first-child:before, .cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:first-child:before {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row .brand-table td:last-child:after, .cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row .brand-table td:last-child:after {
  content: "";
  background: #7e7c7c;
  width: 1px;
  height: calc(100% + 1px);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellout-row.insightActive .brand-table td, .cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.sellin-row.insightActive .brand-table td {
  background-color: #8fd7d7 !important;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td, .cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td {
  border-color: #EDEDED !important;
  background: #FBFBFB;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:first-child:before, .cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:first-child:before {
  content: "";
  background: #EDEDED;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td:last-child:after, .cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td:last-child:after {
  content: "";
  background: #EDEDED;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-row td .brand-table td .positive-value span, .cyan-table .children-body .plant-table-wrapper .children-body-row td .children-body .family-table-wrapper .children-body-row td .children-body .model-table-wrapper .children-body-row td .view-details-wrapper .details-wrapper .details-row.stock-rate-row td .brand-table td .positive-value span {
  color: #000;
}
.cyan-table.children-body-row .plant-table {
  border-top: 5px solid #fff;
}
.cyan-table.children-body-row .plant-table .main-row.plant > td {
  background-color: #1fafaf !important;
}
.cyan-table.children-body-row .plant-table .tFooter.brand-total td {
  background-color: #1fafaf !important;
}
.cyan-table.children-body-row .plant-table .tFooter.family-total td {
  background-color: #bce7e7 !important;
}
.cyan-table.children-body-row .family-table .main-row.family td {
  background-color: #8fd7d7;
}

/***** Cyan Brands End *****/
/* Colors End */
/* SellOut Page Table Start */
.sellOut-tree-table > .t-body > tr > td {
  overflow: hidden !important;
}
.sellOut-tree-table .t-body .week-col:not(:last-child) {
  position: relative;
}
.sellOut-tree-table .t-body .week-col:not(:last-child) .p-inputnumber,
.sellOut-tree-table .t-body .week-col:not(:last-child) strong {
  position: relative;
  z-index: 2;
}
.sellOut-tree-table .t-body .week-col:not(:last-child):after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -9999px;
  bottom: -9999px;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 1;
  display: none;
}
.sellOut-tree-table .t-body .week-col:not(:last-child):hover:after {
  display: block;
}
.sellOut-tree-table .t-body .children-body-row-td .details-wrapper td .brand-table td {
  border-bottom: 1px solid #ffffff !important;
  border-top: unset !important;
  background: #f5f5f5 !important;
}
.sellOut-tree-table .t-body .children-body-row-td .colorSample {
  margin: auto;
}

.total-group-col {
  min-width: 315px;
  width: 315px;
  max-width: 315px;
}
@media (max-width: 1765px) {
  .total-group-col {
    min-width: 265px;
    width: 265px;
    max-width: 265px;
  }
}

.brand-name-col {
  min-width: 305px;
  width: 305px;
  max-width: 305px;
}
@media (max-width: 1765px) {
  .brand-name-col {
    min-width: 255px;
    width: 255px;
    max-width: 255px;
  }
}

.plant-name-col {
  min-width: 295px;
  width: 295px;
  max-width: 295px;
}
@media (max-width: 1765px) {
  .plant-name-col {
    min-width: 245px;
    width: 245px;
    max-width: 245px;
  }
}

.family-name-col {
  min-width: 285px;
  width: 285px;
  max-width: 285px;
}
@media (max-width: 1765px) {
  .family-name-col {
    min-width: 235px;
    width: 235px;
    max-width: 235px;
  }
}

.model-name-col {
  min-width: 275px;
  width: 275px;
  max-width: 275px;
}
@media (max-width: 1765px) {
  .model-name-col {
    min-width: 225px;
    width: 225px;
    max-width: 225px;
  }
}

.color-name-col {
  min-width: 275px;
  width: 275px;
  max-width: 275px;
}
@media (max-width: 1765px) {
  .color-name-col {
    min-width: 225px;
    width: 225px;
    max-width: 225px;
  }
}

.bst-total {
  min-width: 200px;
  width: 200px;
  max-width: 200px;
}
@media (max-width: 1700px) {
  .bst-total {
    min-width: 100px;
    width: 100px;
    max-width: 100px;
  }
}

.bst-summary {
  min-width: 200px;
  width: 200px;
  max-width: 200px;
}
@media (max-width: 1700px) {
  .bst-summary {
    min-width: 100px;
  }
}

/********** Budget Page Table End **********/
.vld-overlay.is-full-page {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(3px);
}

.single-img-upload .p-fileupload {
  width: 100px;
  height: 100px;
  border: 1px solid #e2e8f0;
  position: relative;
}
.single-img-upload .p-fileupload .p-fileupload-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: unset;
  border: 0;
}
.single-img-upload .p-fileupload .p-fileupload-content .p-progressbar {
  display: none;
}
.single-img-upload .p-fileupload .p-fileupload-content .p-fileupload-file {
  padding: 0;
  position: relative;
  z-index: 10;
  border: 0;
}
.single-img-upload .p-fileupload .p-fileupload-content .p-fileupload-file > img {
  width: 100px;
  height: 100px;
  margin: 0;
}
.single-img-upload .p-fileupload .p-fileupload-content .p-fileupload-file .p-fileupload-file-details {
  display: none;
}
.single-img-upload .p-fileupload .p-fileupload-content .p-fileupload-file .p-fileupload-file-actions {
  position: absolute;
  top: 0;
  right: 0;
}
.single-img-upload .p-fileupload .p-fileupload-buttonbar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  padding: 0;
  opacity: 1;
  align-items: center;
  justify-content: center;
  border: 0;
}
.single-img-upload .p-fileupload .p-fileupload-empty img {
  width: 100px;
  height: 100px;
}

.description-content p {
  font-size: 14px;
  font-weight: 500;
}

.tag-bg {
  color: #000000;
  font-weight: 600;
  background: #ebebeb;
  border: 1px solid lightgrey;
  display: inline-block;
  line-height: 1;
  padding: 4px 10px;
  border-radius: 50px;
}
.tag-bg.draft {
  background-color: #D3EAF0;
  border-color: #4A9AC1;
  color: #1980b3;
}
.tag-bg.pending {
  background-color: #ffe7c4;
  border-color: #FF9800;
  color: #d37e00;
}
.tag-bg.notsubmitted {
  background-color: #FFFFB1;
  border-color: #BFBF30;
  color: #919101;
}
.tag-bg.approved, .tag-bg.completed, .tag-bg.submitted {
  background-color: #EFFFDA;
  border-color: #60A800;
  color: #539100;
}
.tag-bg.rejected, .tag-bg.cancelled {
  background-color: #ffcfce;
  border-color: #e74240;
  color: #b90402;
}

.list-page {
  display: flex;
  gap: 10px;
  row-gap: 15px;
  align-items: flex-start;
}
@media (max-width: 1620px) {
  .list-page {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .list-page {
    row-gap: 10px;
  }
}
.list-page .list-item {
  width: 10%;
  text-align: center;
  border-radius: 4px;
  padding: 2px 2px 0 2px;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
}
@media (max-width: 1620px) {
  .list-page .list-item {
    width: 15.9%;
  }
}
@media (max-width: 1365px) {
  .list-page .list-item {
    width: 15.8%;
  }
}
@media (max-width: 1241px) {
  .list-page .list-item {
    width: 15.7%;
  }
}
@media (max-width: 1142px) {
  .list-page .list-item {
    width: 15.5%;
  }
}
@media (max-width: 767px) {
  .list-page .list-item {
    width: 48%;
  }
}
.list-page .list-item .date {
  line-height: 1;
  padding-bottom: 10px;
  font-size: 11px;
}
.list-page .list-item .tag-bg {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.2;
}
.list-page .list-item .p-button {
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: none;
}
.list-page .list-item .small-btn {
  padding: 4px 10px;
}
.list-page .list-item .label {
  font-size: 14px;
  background: #EDEDED;
  border: 1px solid #e3e3e3;
  border-radius: var(--radius-4);
  margin: 0;
  font-weight: var(--font-weight-600);
  padding: 9px 12px;
  line-height: 1;
  cursor: default;
}
.list-page .list-item .label > div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 1024px) {
  .list-page .list-item .label > div {
    opacity: 1;
    visibility: visible;
  }
}
.list-page .list-item .label > div .pi {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 14px;
  opacity: 0;
}
.list-page .list-item.completed .label, .list-page .list-item.updated .label {
  background: #ddebf7;
  border-color: #bfe0fb;
  cursor: pointer;
}
.list-page .list-item.approved .label, .list-page .list-item.completed .label, .list-page .list-item.submitted .label {
  background: #ddebf7;
  border-color: #bfe0fb;
  cursor: pointer;
}
.list-page .list-item.approved .tag-bg, .list-page .list-item.completed .tag-bg, .list-page .list-item.submitted .tag-bg {
  background-color: #EFFFDA;
  border-color: #60A800;
  color: #539100;
}
.list-page .list-item.in-progress .label {
  background: #ddebf7;
  border-color: #bfe0fb;
  cursor: pointer;
}
.list-page .list-item.in-progress .tag-bg {
  background-color: #ffdcc3;
  border-color: #e36b19;
  color: #e36b19;
}
.list-page .list-item.pending .label, .list-page .list-item.resubmitted-pending-approval .label {
  background: #ddebf7;
  border-color: #bfe0fb;
  cursor: pointer;
}
.list-page .list-item.pending .tag-bg, .list-page .list-item.resubmitted-pending-approval .tag-bg {
  background-color: #ffe7c4;
  border-color: #FF9800;
  color: #d37e00;
}
.list-page .list-item.resubmitted-pending-approval .tag-bg {
  font-size: 11px;
}
.list-page .list-item.draft .label {
  background: #ddebf7;
  border-color: #bfe0fb;
  cursor: pointer;
}
.list-page .list-item.draft .tag-bg {
  background-color: #D3EAF0;
  border-color: #4A9AC1;
  color: #1980b3;
}
.list-page .list-item.add .label {
  background: #ddebf7;
  border-color: #bfe0fb;
  cursor: pointer;
}
.list-page .list-item.add .tag-bg {
  background-color: #D3EAF0;
  border-color: #4A9AC1;
  color: #1980b3;
}
.list-page .list-item.rejected .label, .list-page .list-item.cancelled .label {
  background: #ddebf7;
  border-color: #bfe0fb;
  cursor: pointer;
}
.list-page .list-item.rejected .tag-bg, .list-page .list-item.cancelled .tag-bg {
  background-color: #ffcfce;
  border-color: #e74240;
  color: #b90402;
}
.list-page .list-item.completed:hover, .list-page .list-item.approved:hover, .list-page .list-item.submitted:hover, .list-page .list-item.in-progress:hover, .list-page .list-item.pending:hover, .list-page .list-item.pending-approval:hover, .list-page .list-item.draft:hover, .list-page .list-item.rejected:hover, .list-page .list-item.cancelled:hover, .list-page .list-item.resubmitted-pending-approval:hover, .list-page .list-item.add:hover, .list-page .list-item.updated:hover {
  background: #ffffff;
  cursor: pointer;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}
.list-page .list-item.completed:hover .label, .list-page .list-item.approved:hover .label, .list-page .list-item.submitted:hover .label, .list-page .list-item.in-progress:hover .label, .list-page .list-item.pending:hover .label, .list-page .list-item.pending-approval:hover .label, .list-page .list-item.draft:hover .label, .list-page .list-item.rejected:hover .label, .list-page .list-item.cancelled:hover .label, .list-page .list-item.resubmitted-pending-approval:hover .label, .list-page .list-item.add:hover .label, .list-page .list-item.updated:hover .label {
  background: var(--primary-600);
  color: #ffffff;
}
.list-page .list-item.completed:hover .label > div, .list-page .list-item.approved:hover .label > div, .list-page .list-item.submitted:hover .label > div, .list-page .list-item.in-progress:hover .label > div, .list-page .list-item.pending:hover .label > div, .list-page .list-item.pending-approval:hover .label > div, .list-page .list-item.draft:hover .label > div, .list-page .list-item.rejected:hover .label > div, .list-page .list-item.cancelled:hover .label > div, .list-page .list-item.resubmitted-pending-approval:hover .label > div, .list-page .list-item.add:hover .label > div, .list-page .list-item.updated:hover .label > div {
  opacity: 1;
  visibility: visible;
}
.list-page .list-item.completed:hover .label .pi, .list-page .list-item.approved:hover .label .pi, .list-page .list-item.submitted:hover .label .pi, .list-page .list-item.in-progress:hover .label .pi, .list-page .list-item.pending:hover .label .pi, .list-page .list-item.pending-approval:hover .label .pi, .list-page .list-item.draft:hover .label .pi, .list-page .list-item.rejected:hover .label .pi, .list-page .list-item.cancelled:hover .label .pi, .list-page .list-item.resubmitted-pending-approval:hover .label .pi, .list-page .list-item.add:hover .label .pi, .list-page .list-item.updated:hover .label .pi {
  opacity: 1;
}

.checkbox-selection .field-checkbox {
  margin: 0 0 10px 0;
}
.checkbox-selection .field-checkbox .p-checkbox {
  display: none;
}
.checkbox-selection .field-checkbox .checkbox-label {
  color: var(--secondary-800);
  background: #DDEBF7;
  border: 1px solid #bfe0fb;
  padding: 7px 10px;
  display: block;
  text-align: center;
  border-radius: var(--radius-4);
  font-size: 14px;
  margin: 0;
  width: 100%;
}
.checkbox-selection .field-checkbox .p-checkbox.p-disabled.submitted + .checkbox-label {
  background: #C6E6FA;
  border-color: #C6E6FA;
  color: #000000;
}
.checkbox-selection .field-checkbox .p-checkbox:not(.p-disabled) + .checkbox-label:hover {
  background: var(--primary-600);
  border-color: var(--primary-600);
  color: #ffffff;
}
.checkbox-selection .field-checkbox .p-checkbox.p-highlight + .checkbox-label {
  background: var(--primary-600);
  border-color: var(--primary-600);
  color: #ffffff;
}
.checkbox-selection .field-checkbox .p-checkbox.p-disabled + .checkbox-label {
  background: #EDEDED;
  border-color: #EDEDED;
  color: #000000;
  cursor: default;
}

.importer-model-table .p-tree-wrapper {
  margin: 0 -8px;
}
.importer-model-table .p-tree-wrapper > .p-tree-container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode {
  width: 33.33%;
  padding: 0 8px;
  overflow-y: auto;
  max-height: 340px;
  margin: 0 0 22px 0;
}
@media (max-width: 1279px) {
  .importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode {
    width: 100%;
  }
}
.importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode .importer-disc {
  width: 100%;
  border-collapse: collapse;
}
.importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode .importer-disc .names {
  display: flex;
  align-items: center;
}
.importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode .importer-disc .names .model-tag {
  margin-left: 5px;
}
.importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode .importer-disc .names .p-button {
  width: auto;
  margin-left: 5px;
}
.importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode .importer-disc .names .model-name {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode .importer-disc .names .check-icon {
  min-width: 23px;
  display: inline-block;
}
.importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode .importer-disc .names .check-icon i {
  font-size: 12px;
}
.importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode .importer-disc .names .check-icon .p-checkbox {
  width: 17px;
  height: 17px;
  margin-right: 0;
}
.importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode .importer-disc .names .check-icon .p-checkbox .p-checkbox-box {
  width: 17px;
  height: 17px;
}
.importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode .importer-disc .names .check-icon .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
  width: 12px;
  height: 12px;
}
.importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode .importer-disc .start-date {
  width: 72px;
}
.importer-model-table .p-tree-wrapper > .p-tree-container > .p-treenode .importer-disc .end-date {
  width: 72px;
}
.importer-model-table .p-tree-container .p-treenode-content {
  font-size: 13px;
  padding: 3px 10px;
  border-radius: 0;
}
.importer-model-table .p-tree-container .p-treenode-content .p-tree-toggler {
  margin-right: 0;
  width: 14px;
  height: 14px;
  min-width: 14px;
  border-radius: 6px;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  color: var(--secondary-800);
  background: #D9D9D9;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 2px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.importer-model-table .p-tree-container .p-treenode-content .p-tree-toggler .p-icon {
  width: 8px;
  height: 8px;
}
.importer-model-table .p-tree-container .p-treenode-children {
  padding: 0 0 0 10px;
}
.importer-model-table .p-tree-container > .p-treenode > .p-treenode-content {
  background-color: var(--primary-600);
  color: #ffffff;
  min-width: 380px;
}
.importer-model-table .p-tree-container > .p-treenode > .p-treenode-content .p-treenode-label {
  font-weight: 700;
  width: 100%;
}
.importer-model-table .p-tree-container > .p-treenode > .p-treenode-content .p-treenode-label .model-name .color-name {
  font-size: var(--font-size-14);
  font-weight: bold;
  color: #fff;
}
.importer-model-table .p-tree-container > .p-treenode > .p-treenode-children {
  min-width: 380px;
}
.importer-model-table .p-tree-container > .p-treenode .p-treenode-children .p-treenode {
  margin: 1px 0;
}
.importer-model-table .p-tree-container > .p-treenode .p-treenode-children .p-treenode > .p-treenode-content {
  background-color: #C6E6FA;
}
.importer-model-table .p-tree-container > .p-treenode .p-treenode-children .p-treenode > .p-treenode-content > .p-treenode-label {
  font-weight: 600;
  width: 100%;
}
.importer-model-table .p-tree-container > .p-treenode .p-treenode-children .p-treenode > .p-treenode-content > .p-treenode-label .model-name .color-name {
  font-size: var(--font-size-14);
  font-weight: 600;
  color: #000;
}
.importer-model-table .p-tree-container > .p-treenode .p-treenode-children .p-treenode .p-treenode-children .p-treenode > .p-treenode-content {
  background-color: #EBEBEB;
}
.importer-model-table .p-tree-container > .p-treenode .p-treenode-children .p-treenode .p-treenode-children .p-treenode > .p-treenode-content > .p-treenode-label {
  font-weight: 500;
  width: 100%;
}
.importer-model-table .p-tree-container > .p-treenode .p-treenode-children .p-treenode .p-treenode-children .p-treenode > .p-treenode-content > .p-treenode-label .model-name .color-name {
  font-size: var(--font-size-12);
  font-weight: 500;
}
.importer-model-table .p-tree-container > .p-treenode .p-treenode-children .p-treenode .p-treenode-children .p-treenode > .p-treenode-content > .p-treenode-label .start-date, .importer-model-table .p-tree-container > .p-treenode .p-treenode-children .p-treenode .p-treenode-children .p-treenode > .p-treenode-content > .p-treenode-label .end-date {
  font-size: var(--font-size-12);
  font-weight: 500;
}
.importer-model-table .p-tree-container > .p-treenode .p-treenode-children .p-treenode .p-treenode-children .p-treenode > .p-treenode-children .p-treenode .p-treenode-content {
  background-color: #F5F5F5;
}
.importer-model-table .p-tree-container > .p-treenode .p-treenode-children .p-treenode .p-treenode-children .p-treenode > .p-treenode-children .p-treenode .p-treenode-content .p-tree-toggler {
  display: none;
}
.importer-model-table .p-tree-container > .p-treenode .p-treenode-children .p-treenode .p-treenode-children .p-treenode > .p-treenode-children .p-treenode .p-treenode-content .p-treenode-label {
  width: 100%;
  font-weight: 400;
  padding-left: 4px;
}

.model-link {
  text-decoration: underline;
  cursor: pointer;
}
.model-link:hover {
  color: var(--primary-color);
}

.table-link {
  text-decoration: underline;
  cursor: pointer;
}
.table-link:hover {
  color: var(--primary-color);
  text-decoration: none;
}

.accordion-brand.p-accordion .p-accordion-tab {
  border: 0;
  margin: 0 0 5px 0;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
  font-size: 13px;
  font-weight: 700;
  padding: 8px 8px 8px 33px;
  border-radius: 0px !important;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  right: auto;
  left: 10px;
  width: 14px;
  height: 14px;
  padding: 2px;
  border-radius: 6px;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  color: var(--secondary-800);
  background: #d9d9d9;
  border: 1px solid #fff;
  box-shadow: 0px 0px 2px #e0e0e0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon svg {
  width: 8px;
  height: auto;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header.piaggio-acco-header-brand .p-accordion-header-link {
  background: #B3D1E9;
  color: #000000;
  border-color: #B3D1E9;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header.piaggio-acco-header-brand:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #B3D1E9;
  color: #000000;
  border-color: #B3D1E9;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header.piaggio-acco-header-brand:hover .p-accordion-header-link {
  background: #B3D1E9;
  color: #000000;
  border-color: #B3D1E9;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header.vespa-acco-header-brand .p-accordion-header-link {
  background: #A5C4C1;
  color: #000000;
  border-color: #A5C4C1;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header.vespa-acco-header-brand:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #A5C4C1;
  color: #000000;
  border-color: #A5C4C1;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header.vespa-acco-header-brand:hover .p-accordion-header-link {
  background: #A5C4C1;
  color: #000000;
  border-color: #A5C4C1;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header.aprilia-acco-header-brand .p-accordion-header-link {
  background: #ED9FA9;
  color: #000000;
  border-color: #ED9FA9;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header.aprilia-acco-header-brand:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #ED9FA9;
  color: #000000;
  border-color: #ED9FA9;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header.aprilia-acco-header-brand:hover .p-accordion-header-link {
  background: #ED9FA9;
  color: #000000;
  border-color: #ED9FA9;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header.motoGuzzi-acco-header-brand .p-accordion-header-link {
  background: #A5A5A4;
  color: #000000;
  border-color: #A5A5A4;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header.motoGuzzi-acco-header-brand:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #A5A5A4;
  color: #000000;
  border-color: #A5A5A4;
}
.accordion-brand.p-accordion .p-accordion-tab .p-accordion-header.motoGuzzi-acco-header-brand:hover .p-accordion-header-link {
  background: #A5A5A4;
  color: #000000;
  border-color: #A5A5A4;
}
.accordion-brand.p-accordion .p-toggleable-content .p-accordion-content {
  border: 0;
  padding: 0 0 0 10px;
}

.accordion-plant.p-accordion {
  margin-top: 5px;
}
.accordion-plant.p-accordion .p-accordion-tab {
  border: 0;
  margin: 0 0 5px 0;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
  font-size: 13px;
  font-weight: 600;
  padding: 8px 8px 8px 33px;
  border-radius: 0px !important;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  right: auto;
  left: 10px;
  width: 14px;
  height: 14px;
  padding: 2px;
  border-radius: 6px;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  color: var(--secondary-800);
  background: #d9d9d9;
  border: 1px solid #fff;
  box-shadow: 0px 0px 2px #e0e0e0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon svg {
  width: 8px;
  height: auto;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header.piaggio-acco-header-pant .p-accordion-header-link {
  background: #D9E8F4;
  color: #000000;
  border-color: #D9E8F4;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header.piaggio-acco-header-pant:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #D9E8F4;
  color: #000000;
  border-color: #D9E8F4;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header.piaggio-acco-header-pant:hover .p-accordion-header-link {
  background: #D9E8F4;
  color: #000000;
  border-color: #D9E8F4;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header.vespa-acco-header-pant .p-accordion-header-link {
  background: #CCDEDC;
  color: #000000;
  border-color: #CCDEDC;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header.vespa-acco-header-pant:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #CCDEDC;
  color: #000000;
  border-color: #CCDEDC;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header.vespa-acco-header-pant:hover .p-accordion-header-link {
  background: #CCDEDC;
  color: #000000;
  border-color: #CCDEDC;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header.aprilia-acco-header-pant .p-accordion-header-link {
  background: #F4C3C9;
  color: #000000;
  border-color: #F4C3C9;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header.aprilia-acco-header-pant:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #F4C3C9;
  color: #000000;
  border-color: #F4C3C9;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header.aprilia-acco-header-pant:hover .p-accordion-header-link {
  background: #F4C3C9;
  color: #000000;
  border-color: #F4C3C9;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header.motoGuzzi-acco-header-pant .p-accordion-header-link {
  background: #C7C7C6;
  color: #000000;
  border-color: #C7C7C6;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header.motoGuzzi-acco-header-pant:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #C7C7C6;
  color: #000000;
  border-color: #C7C7C6;
}
.accordion-plant.p-accordion .p-accordion-tab .p-accordion-header.motoGuzzi-acco-header-pant:hover .p-accordion-header-link {
  background: #C7C7C6;
  color: #000000;
  border-color: #C7C7C6;
}
.accordion-plant.p-accordion .p-toggleable-content .p-accordion-content {
  border: 0;
  padding: 0 0 0 10px;
}

.accordion-family.p-accordion {
  margin-top: 5px;
}
.accordion-family.p-accordion .p-accordion-tab .p-accordion-header.piaggio-acco-header-family .p-accordion-header-link {
  background: #EBF3F9;
  color: #000000;
  border-color: #EBF3F9;
}
.accordion-family.p-accordion .p-accordion-tab .p-accordion-header.piaggio-acco-header-family:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #EBF3F9;
  color: #000000;
  border-color: #EBF3F9;
}
.accordion-family.p-accordion .p-accordion-tab .p-accordion-header.piaggio-acco-header-family:hover .p-accordion-header-link {
  background: #EBF3F9;
  color: #000000;
  border-color: #EBF3F9;
}
.accordion-family.p-accordion .p-accordion-tab .p-accordion-header.vespa-acco-header-family .p-accordion-header-link {
  background: #E8F0EF;
  color: #000000;
  border-color: #E8F0EF;
}
.accordion-family.p-accordion .p-accordion-tab .p-accordion-header.vespa-acco-header-family:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #E8F0EF;
  color: #000000;
  border-color: #E8F0EF;
}
.accordion-family.p-accordion .p-accordion-tab .p-accordion-header.vespa-acco-header-family:hover .p-accordion-header-link {
  background: #E8F0EF;
  color: #000000;
  border-color: #E8F0EF;
}
.accordion-family.p-accordion .p-accordion-tab .p-accordion-header.aprilia-acco-header-family .p-accordion-header-link {
  background: #FBE7E9;
  color: #000000;
  border-color: #FBE7E9;
}
.accordion-family.p-accordion .p-accordion-tab .p-accordion-header.aprilia-acco-header-family:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #FBE7E9;
  color: #000000;
  border-color: #FBE7E9;
}
.accordion-family.p-accordion .p-accordion-tab .p-accordion-header.aprilia-acco-header-family:hover .p-accordion-header-link {
  background: #FBE7E9;
  color: #000000;
  border-color: #FBE7E9;
}
.accordion-family.p-accordion .p-accordion-tab .p-accordion-header.motoGuzzi-acco-header-family .p-accordion-header-link {
  background: #D6D6D6;
  color: #000000;
  border-color: #D6D6D6;
}
.accordion-family.p-accordion .p-accordion-tab .p-accordion-header.motoGuzzi-acco-header-family:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #D6D6D6;
  color: #000000;
  border-color: #D6D6D6;
}
.accordion-family.p-accordion .p-accordion-tab .p-accordion-header.motoGuzzi-acco-header-family:hover .p-accordion-header-link {
  background: #D6D6D6;
  color: #000000;
  border-color: #D6D6D6;
}
.accordion-family.p-accordion .p-toggleable-content .p-accordion-content {
  border: 0;
  padding: 0;
}

.production-top-action {
  position: relative;
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  margin-bottom: 6px;
  align-items: center;
}
@media (max-width: 1279px) {
  .production-top-action {
    flex-wrap: wrap;
  }
}
.production-top-action .expand-filter {
  margin: 0px;
}
.production-top-action .scroll-buttons-wraper {
  width: calc(100% - 740px);
  margin-left: auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 1279px) {
  .production-top-action .scroll-buttons-wraper {
    width: 100%;
  }
}
.production-top-action .scroll-buttons-wraper.inCompleteBtn {
  width: calc(100% - 930px);
}
@media (max-width: 1279px) {
  .production-top-action .scroll-buttons-wraper.inCompleteBtn {
    width: 100%;
  }
}
.production-top-action .scroll-buttons {
  text-align: right;
  overflow: auto;
  white-space: nowrap;
  padding-top: 20px;
  margin-top: -20px;
}
@media (max-width: 1279px) {
  .production-top-action .scroll-buttons {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .production-top-action .scroll-buttons {
    display: none;
  }
}
.production-top-action .scroll-buttons::-webkit-scrollbar {
  display: none;
}
.production-top-action .scroll-buttons .scroll-buttons-arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #fff;
  color: #64748b;
  cursor: pointer;
  padding: 33px 0 15px 0;
  z-index: 2;
}
.production-top-action .scroll-buttons .scroll-buttons-arrow .pi {
  font-size: 16px;
}
.production-top-action .scroll-buttons .scroll-buttons-arrow.prev-arrow {
  right: unset;
  left: 0;
  transform: rotate(180deg);
  padding: 15px 0 33px 0;
}
@media (max-width: 991px) {
  .production-top-action .scroll-buttons .scroll-buttons-arrow {
    display: none;
  }
}
.production-top-action .scroll-buttons.no-moreContent-right .next-arrow {
  display: none;
}
.production-top-action .scroll-buttons.no-moreContent-left .prev-arrow {
  display: none;
}
.production-top-action .scroll-buttons .s-button {
  padding: 8px 12px;
  text-align: center;
  border-radius: var(--radius-4);
  cursor: pointer;
  box-shadow: none;
  min-width: 110px;
  line-height: 1;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
}
.production-top-action .scroll-buttons .s-button:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 991px) {
  .production-top-action .scroll-buttons .s-button:not(:first-child) {
    margin-left: 0;
  }
}
.production-top-action .scroll-buttons .s-button.piaggio-table {
  background: #0264B4;
  color: #ffffff;
}
.production-top-action .scroll-buttons .s-button.vespa-table {
  background: #8EB5B1;
  color: #ffffff;
}
.production-top-action .scroll-buttons .s-button.aprilia-table {
  background: #d31028;
  color: #ffffff;
}
.production-top-action .scroll-buttons .s-button.motoGuzzi-table {
  background: #1d1d1b;
  color: #ffffff;
}
.production-top-action .scroll-buttons .s-button.yellow-table {
  background: #FFC000;
  color: #fff;
}
.production-top-action .scroll-buttons .s-button.lightGreen-table {
  background: #8BC34A;
  color: #fff;
}
.production-top-action .scroll-buttons .s-button.dustyBlue-table {
  background: #6B86A9;
  color: #fff;
}
.production-top-action .scroll-buttons .s-button.orange-table {
  background: #F88030;
  color: #fff;
}
.production-top-action .scroll-buttons .s-button.cyan-table {
  background: #1FAFAF;
  color: #fff;
}
.production-top-action .scroll-buttons .s-button.submission-table {
  color: var(--secondary-800);
  background: #ddebf7;
}
.production-top-action .scroll-buttons .s-button.submission-table.active {
  color: #ffffff;
  background: var(--primary-600);
  border-color: var(--primary-600);
}
@media (max-width: 1366px) {
  .production-top-action.sellOutReportAction {
    margin-top: 20px;
  }
}
@media (max-width: 1199px) {
  .production-top-action.sellOutReportAction {
    margin-top: 0;
  }
}
.production-top-action.sellOutReportAction .scroll-buttons-wraper {
  width: calc(100% - 400px);
}
.production-top-action.sellOutReportAction .scroll-buttons-wraper .s-button:last-child::after {
  display: none;
}

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

input[type=number] {
  /* Ensure arrows do not show even when input is in focus */
  -moz-appearance: textfield;
}

.PAP-top-action {
  display: inline-flex;
  gap: 10px;
  position: absolute;
  left: 0;
  z-index: 2;
  top: 18px;
  padding: 0 0 2px 0;
}
.PAP-top-action.colorBreakdown-top-action {
  top: -3px;
}
@media (max-width: 1279px) {
  .PAP-top-action {
    position: static;
  }
}
@media (max-width: 991px) {
  .PAP-top-action {
    margin-bottom: 0px;
    width: 100%;
    flex-wrap: wrap;
  }
}
.PAP-top-action .small-btn {
  margin: 0;
}
.PAP-top-action .p-dropdown {
  width: auto;
}
.PAP-top-action .p-dropdown.active {
  background: var(--primary-600);
  border-color: var(--primary-600);
  color: #ffffff;
}
.PAP-top-action .p-dropdown.active .p-dropdown-label,
.PAP-top-action .p-dropdown.active .p-dropdown-trigger,
.PAP-top-action .p-dropdown.active .p-dropdown-label.p-placeholder {
  color: #ffffff !important;
}
@media (max-width: 991px) {
  .PAP-top-action .export-btn,
  .PAP-top-action .configureDataBtn {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    background: #ddd;
    border-color: #ddd;
    box-shadow: none;
    color: #000;
  }
}
@media (max-width: 991px) {
  .PAP-top-action .export-btn .p-button-label,
  .PAP-top-action .configureDataBtn .p-button-label {
    display: none;
  }
}
@media (max-width: 991px) {
  .PAP-top-action .export-btn .p-button-icon,
  .PAP-top-action .configureDataBtn .p-button-icon {
    margin-right: 0;
    font-size: 16px !important;
  }
}
.PAP-top-action .undoActionBtn .p-button-icon {
  font-size: 12px;
}
@media (max-width: 991px) {
  .PAP-top-action .undoActionBtn {
    width: 32px !important;
    height: 32px !important;
  }
}
.PAP-top-action.importer-sellout-action {
  position: static;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .PAP-top-action.importer-sellout-action {
    margin: -16px;
    margin-bottom: 8px;
    box-shadow: 0px 4px 10px rgba(44, 50, 54, 0.15);
    width: calc(100% + 32PX);
    padding: 5px 16px;
  }
}
@media (max-width: 991px) {
  .PAP-top-action.importer-sellout-action .p-dropdown {
    border: none !important;
    box-shadow: none;
  }
}
.PAP-top-action .p-button.hasSubmission {
  border: 1px solid var(--inputBdr);
  color: var(--gray-600);
  background: #fff;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(18, 18, 23, 0.08);
}
.PAP-top-action .p-button.hasSubmission:hover {
  color: #fff;
  background: var(--primary-600);
  border-color: var(--primary-600);
}

.position-unset {
  position: unset !important;
}

.position-static {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
}

.mobTabsDropdown {
  min-height: 42px;
  margin: -16px;
  margin-bottom: 8px;
  box-shadow: 0px 4px 10px rgba(44, 50, 54, 0.15);
}
@media (min-width: 992px) {
  .mobTabsDropdown {
    display: none;
  }
}
.mobTabsDropdown .brand-selection-dropdown {
  position: fixed;
  width: 100%;
  left: 0;
  top: 49px;
  max-width: 100%;
}
@media (max-width: 991px) {
  .mobTabsDropdown .brand-selection-dropdown .p-dropdown {
    border-radius: 0;
    min-height: 42px;
    border: 0;
    box-shadow: none;
    outline: 0;
  }
}
@media (max-width: 991px) {
  .mobTabsDropdown .brand-selection-dropdown .p-dropdown .p-dropdown-label {
    padding-left: 16px;
  }
}
.mobTabsDropdown .brand-selection-dropdown .tabsOpener {
  padding: 12px 16px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.mobTabsDropdown .brand-selection-dropdown .tabsOpener i {
  color: #475569;
}

@media (max-width: 991px) {
  .mobTabs .expand-filter {
    position: fixed;
    right: 16px;
    top: 54px;
    width: auto;
    left: initial;
    margin: 0;
    gap: 4px;
  }
}
@media (max-width: 991px) {
  .mobTabs .expand-filter.filter-ytd {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .mobTabs .expand-filter .expandByDropdown {
    display: none;
  }
}
.mobTabs .expand-filter .button-expand-filter {
  white-space: nowrap;
  width: auto !important;
  flex-direction: row-reverse;
  display: flex;
  padding: 9px 6px !important;
  background: #ddd;
  border-color: #ddd;
  color: var(--secondary-800);
  box-shadow: none;
  font-size: 12px;
}
@media (min-width: 992px) {
  .mobTabs .expand-filter .button-expand-filter {
    display: none;
  }
}
.mobTabs .expand-filter .button-expand-filter .pi {
  margin-right: 0;
  margin-left: 4px;
}
@media (max-width: 991px) {
  .mobTabs .expand-filter .expand-filter-btns.open {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    width: 87px;
    margin-top: 2px;
    box-shadow: 0px 0px 3px #c1c1c1, 0px 2px 5px -1px rgba(24, 39, 75, 0.02), 0px 5px 5px -3px rgba(24, 39, 75, 0.06);
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
  }
}
@media (max-width: 991px) {
  .mobTabs .expand-filter .expand-filter-btns.open button {
    width: 100%;
    box-shadow: none;
    padding: 8px 8px;
    justify-content: flex-start;
    border-radius: 0;
  }
}
@media (max-width: 991px) {
  .mobTabs .expand-filter .expand-filter-btns.open button + button {
    border-top: 1px solid #ddd;
  }
}
.mobTabs .expand-filter .p-button {
  font-size: var(--font-size-12);
}
@media (max-width: 991px) {
  .mobTabs .expand-filter .p-button-clear {
    width: auto !important;
    white-space: nowrap;
    padding: 0;
    display: flex;
    min-width: 50px;
    min-height: 32px;
    box-shadow: none;
    background: #ddd;
    border-color: #ddd;
    justify-content: center;
  }
}
.mobTabs .expand-filter .p-button-clear .p-button-icon {
  font-size: var(--font-size-11);
}
@media (max-width: 991px) {
  .mobTabs .expand-filter .p-button-clear .p-button-icon {
    display: none;
  }
}
@media (max-width: 991px) {
  .mobTabs .expand-filter .p-button-clear .p-button-label {
    width: 30px;
    overflow: hidden;
    min-width: auto;
    display: block;
  }
}
.mobTabs .expand-filter .configureDataBtn {
  font-size: var(--font-size-12);
}
@media (max-width: 991px) {
  .mobTabs .expand-filter .configureDataBtn {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    background: #dddddd;
    border-color: #dddddd;
    box-shadow: none;
    color: #000;
  }
}
.mobTabs .expand-filter .configureDataBtn .pi-cog {
  font-size: 11px;
}
@media (max-width: 991px) {
  .mobTabs .expand-filter .configureDataBtn .pi-cog {
    margin-right: 0;
    font-size: 16px !important;
  }
}
@media (max-width: 991px) {
  .mobTabs .expand-filter .configureDataBtn .p-button-label {
    display: none;
  }
}
@media (max-width: 991px) {
  .mobTabs .expand-filter .undoActionBtn {
    width: 32px !important;
    height: 32px !important;
  }
}

.undoActionBtn .p-button-icon {
  font-size: var(--font-size-11);
}
.undoActionBtn .p-button-label {
  display: none;
}

.jodit_fullsize-box_true {
  position: fixed !important;
  top: 0;
  left: 0;
}

.p-dialog .jodit-add-new-line {
  position: static !important;
  bottom: 0 !important;
  left: 0 !important;
}
.p-dialog .ytdQtd-switch label {
  font-size: 13px;
}
.p-dialog.no-dialog-footer {
  padding-bottom: 0;
}
.p-dialog.content-pt-0 .p-dialog-content {
  padding-top: 0;
}

.model-actions-btn {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
}
@media (max-width: 767px) {
  .model-actions-btn label {
    display: none IM !important;
  }
}
.model-actions-btn .p-button {
  width: auto;
}

.model-mapping-wrapper .p-datatable-table th:not(:first-child) {
  width: 145px;
  min-width: 145px;
}
.model-mapping-wrapper .p-datatable-table td .p-inputtext {
  box-shadow: 0 0 2px #e0e0e0, 0 1px 4px -2px rgba(24, 39, 75, 0.02), 0 4px 4px -2px rgba(24, 39, 75, 0.06);
  padding: 5px;
  border-radius: var(--radius-4);
  max-width: 100%;
}
.model-mapping-wrapper .p-datatable-table td .custom-colorpicker {
  flex-wrap: nowrap;
}
.model-mapping-wrapper .p-datatable-table td .custom-colorpicker .p-colorpicker .p-inputtext {
  height: 25px;
  width: 25px !important;
}
.model-mapping-wrapper .p-datatable-table td .custom-colorpicker > div:nth-child(2) {
  padding-right: 0;
  padding-left: 10px;
}
.model-mapping-wrapper .p-datatable-table td .custom-colorpicker > div:nth-child(2)::before {
  display: none;
}

.no-brand-data {
  text-align: center;
  padding: 50px 0;
}
.no-brand-data img {
  width: 230px;
  margin-bottom: 32px;
}
.no-brand-data .no-brand-title {
  color: #232529;
  font-size: 18px;
  margin: 0 0 10px;
}
.no-brand-data .no-brand-description {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 14px;
  color: #808080;
  line-height: 22px;
}

.sap-message-area {
  align-items: center;
}

.border-custom {
  border: 1px solid #eeeff1;
}
.border-custom h4 {
  color: #6d6d6d;
  font-size: var(--font-size-14);
}

/* Impport File start */
.import-file-devider {
  display: none;
}

.drag-drop-area .pi.pi-cloud-upload {
  display: none;
}

.import-file-wrapper .p-stepper-header {
  pointer-events: none;
}
@media (max-width: 767px) {
  .import-file-wrapper .p-stepper-header {
    padding: 0;
  }
}
.import-file-wrapper .p-stepper-header .p-stepper-action .p-stepper-number {
  min-width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
}
.import-file-wrapper .import-file__inner {
  border-radius: var(--border-radius);
  border-style: dashed;
  border-width: 2px;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  border-color: var(--surface-border);
  padding: 15px;
  min-height: 190px;
  position: relative;
}
.import-file-wrapper .import-file__inner .p-fileupload {
  display: block;
  margin: auto;
  padding: 10px;
  border-radius: 6px;
}
.import-file-wrapper .import-file__inner .p-fileupload .p-fileupload-content {
  background-color: transparent;
  border: none;
  padding: 0;
}
.import-file-wrapper .import-file__inner .p-fileupload .p-fileupload-content .p-fileupload-empty {
  padding: 25px 5px;
}
.import-file-wrapper .import-file__inner .p-fileupload .p-fileupload-content .p-fileupload-file {
  padding: 30px 10px 30px;
  border-top: 1px solid #e2e8f0;
  border-radius: 0;
  margin-top: 25px;
}
.import-file-wrapper .import-file__inner .p-fileupload .p-fileupload-content .p-fileupload-file.multiple-file {
  padding: 10px;
}
.import-file-wrapper .import-file__inner .p-fileupload .p-fileupload-content .p-fileupload-file.multiple-file:not(:first-child) {
  margin-top: 0px;
}
.import-file-wrapper .import-file__inner .p-fileupload .p-fileupload-buttonbar {
  padding-top: 25px;
  border: none;
  width: 200px;
  max-width: 100%;
  margin: auto;
  background-color: transparent;
}
.import-file-wrapper .import-file__inner .p-fileupload .p-fileupload-buttonbar .p-fileupload-choose {
  width: 100% !important;
  border-radius: 6px;
  background: var(--primary-600);
  color: var(--White);
}
.import-file-wrapper .import-file__inner .p-fileupload .p-fileupload-buttonbar .p-fileupload-choose .p-button-icon {
  margin-right: 5px;
}
.import-file-wrapper .import-file__inner .p-fileupload .p-fileupload-buttonbar .p-fileupload-choose .p-button-label {
  display: block;
}
.import-file-wrapper .import-file__inner .p-fileupload .import-file-devider {
  text-align: center;
  position: relative;
}
.import-file-wrapper .import-file__inner .p-fileupload .import-file-devider:before {
  content: "";
  width: 100%;
  border-bottom: 1px solid #e2e8f0;
  position: absolute;
  top: 50%;
  left: 0;
}
.import-file-wrapper .import-file__inner .p-fileupload .import-file-devider span {
  background-color: #f8fafc;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}
.import-file-wrapper .import-file__inner .p-fileupload .drag-drop-area {
  padding: 25px 0;
  text-align: center;
}
.import-file-wrapper .import-file__inner .p-fileupload .drag-drop-area .pi-cloud-upload {
  font-size: 45px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 100%;
  border: 1px solid var(--surface-400);
  color: var(--surface-400);
}
.import-file-wrapper .import-file__inner .p-fileupload .drag-drop-area .pi-cloud-upload.importFile {
  display: inline-block;
}
.import-file-wrapper .import-file__inner .file-upload-fullWidth .p-fileupload .p-fileupload-buttonbar {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.import-file-wrapper .import-file__inner .file-upload-fullWidth .p-fileupload .p-fileupload-content .p-fileupload-empty {
  padding: 85px 5px 25px 5px;
}
.import-file-wrapper .import-file__inner .import-file-loader-wrapper .import-file-loader {
  text-align: center;
  padding: 25px 0;
}
.import-file-wrapper .import-file__inner .import-file-loader-wrapper .import-file-loader .pi {
  font-size: 45px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 100%;
  border: 1px solid var(--surface-400);
  color: var(--surface-400);
}
.import-file-wrapper .import-file__inner .import-file-loader-wrapper .import-file-loader .import-file-status {
  font-size: var(--font-size-14);
  margin-top: 0;
  margin-bottom: 0;
  color: var(--gray-400);
}
.import-file-wrapper .import-file__inner .p-datatable .p-datatable-wrapper {
  height: 260px;
  overflow: auto;
}
.import-file-wrapper .import-file__inner .p-datatable .p-datatable-wrapper .p-datatable-thead {
  top: 0;
  z-index: 1;
}
.import-file-wrapper .import-file__inner .row-error td {
  background-color: #f4ccd1 !important;
}

/* Impport File End */
.importedDataPreviewTable .p-datatable-wrapper .p-datatable-table .p-datatable-thead th {
  white-space: nowrap;
}
.importedDataPreviewTable .p-datatable-wrapper .p-datatable-table .p-datatable-tbody td {
  white-space: nowrap;
}

.notification-wrapper {
  margin-right: 16px;
}
.notification-wrapper button {
  border: 0;
  padding: 0;
  width: auto;
  height: auto;
  min-width: auto;
  background: transparent !important;
  color: #232529 !important;
  border-radius: 0 !important;
  overflow: visible;
}
.notification-wrapper button .p-button-icon {
  font-size: 18px;
  position: relative;
  top: 1px;
}
.notification-wrapper button .count {
  position: absolute;
  background: var(--primary-600);
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  top: -6px;
  right: -6px;
  line-height: 18px;
}

.notification-panel-wrapper {
  border-radius: 4px;
  max-width: 420px;
  top: 45px !important;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.notification-panel-wrapper:before {
  display: none;
}
@media (max-width: 1250px) {
  .notification-panel-wrapper {
    top: 42px !important;
  }
}
@media (max-width: 480px) {
  .notification-panel-wrapper {
    width: 100%;
  }
}
.notification-panel-wrapper .p-overlaypanel-content {
  padding: 0px;
  min-width: 400px;
}
@media (max-width: 480px) {
  .notification-panel-wrapper .p-overlaypanel-content {
    min-width: 100%;
  }
}
.notification-panel-wrapper .p-overlaypanel-content .notification-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  border-bottom: 1px solid #e2e8f0;
}
.notification-panel-wrapper .p-overlaypanel-content .notification-header h3 {
  margin: 0;
  line-height: normal;
}
.notification-panel-wrapper .p-overlaypanel-content .notification-header p {
  margin: 0px 0 0 0;
  font-size: 12px;
}
.notification-panel-wrapper .p-overlaypanel-content .notification-body {
  border-radius: 0 6px 6px;
  overflow: hidden;
  height: 200px;
  overflow-y: auto;
}
.notification-panel-wrapper .p-overlaypanel-content .notification-body ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.notification-panel-wrapper .p-overlaypanel-content .notification-body ul li {
  font-size: 14px;
  color: var(--Black);
  padding: 8px 16px;
  line-height: normal;
  background: #f4f5f6;
}
.notification-panel-wrapper .p-overlaypanel-content .notification-body ul li.new-notifi {
  font-weight: 600;
}
.notification-panel-wrapper .p-overlaypanel-content .notification-body ul li + li {
  border-top: 1px solid #ccddeb;
}
.notification-panel-wrapper .p-overlaypanel-content .notification-footer {
  padding: 12px;
}
.notification-panel-wrapper .p-overlaypanel-content .notification-footer a {
  font-size: 14px;
  color: #1b406a;
  border-bottom: 1px solid #1b406a;
  font-weight: 600;
}

@media (max-width: 991px) {
  .all-notifications-wrapper .admin-actions-btn-wrapper .right-part {
    padding-right: 0;
  }
}

.tooltip-container {
  opacity: 1;
  position: absolute;
  color: #232529;
  border-radius: 3px;
  transition: all 0.1s ease;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, 0);
  background: #ffffff;
  border: 1px solid #bfe0fb;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-align: left;
  min-width: 130px;
  max-width: 200px;
  max-height: 150px;
  overflow: auto;
}
@media (max-width: 1365px) {
  .tooltip-container {
    max-height: 80px;
  }
}
.tooltip-container > strong {
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
}
.tooltip-container > p {
  display: flex;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  align-items: center;
}
.tooltip-container > p:not(:last-child) {
  margin-bottom: 10px;
}
.tooltip-container > p strong {
  margin-right: auto;
}
.tooltip-container > p strong .tooltip-sell-icon {
  font-size: 12px;
  font-weight: 700;
}
.tooltip-container > p strong .tooltip-sell-icon.sellin-icon {
  transform: rotate(180deg);
}
.tooltip-container .label-color {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
}
.tooltip-container .data-compare-icon {
  display: inline-block;
  margin-left: 10px;
  margin-right: 5px;
  font-size: 14px;
}
.tooltip-container .data-compare-icon.green {
  color: #00b050;
}
.tooltip-container .data-compare-icon.red {
  color: #f56161;
}

.dash-box-tooltip {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.dash-box-tooltip .p-tooltip-text {
  background: #fff;
  color: #232529;
  font-size: 12px;
}
.dash-box-tooltip .p-tooltip-arrow {
  border-bottom-color: var(--White);
  border-top-color: var(--White);
}

.linkModalData__panel {
  border-radius: 0 6px 6px 6px;
  max-width: 280px;
}
.linkModalData__panel .p-overlaypanel-content {
  padding: 10px;
}
.linkModalData__panel .p-overlaypanel-content .link-modal-data P {
  margin-top: 0;
  margin-bottom: 0;
}
.linkModalData__panel .p-overlaypanel-content .link-modal-data P span {
  font-weight: 600;
}
.linkModalData__panel .p-overlaypanel-close {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  padding: 2px;
  top: -4px;
  right: -4px;
  border: 1px solid var(--inputBdr);
}
.linkModalData__panel:before {
  display: none;
}
.linkModalData__panel:after {
  margin-left: 0;
  left: 0;
}

.p-panel-footer {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.linkedModel-tooltip .p-tooltip-arrow {
  border-top-color: #fff;
}
.linkedModel-tooltip .p-tooltip-text {
  font-size: var(--font-size-11);
  color: #000;
  background-color: #fff;
  font-weight: var(--font-weight-600);
  box-shadow: rgba(28, 40, 64, 0.04) 0px 0px 0px 1px inset, rgba(28, 40, 64, 0.12) 0px 4px 8px -4px, rgba(28, 40, 64, 0.16) 0px 4px 12px -2px;
}

.doughnut-chart-wraper .dash-box {
  padding-top: 10px !important;
}
.doughnut-chart-wraper .dash-box .dash-box-head {
  min-height: 61px;
}
@media (max-width: 767px) {
  .doughnut-chart-wraper .dash-box .dash-box-head {
    min-height: unset;
  }
}
@media (max-width: 767px) {
  .doughnut-chart-wraper .dash-box .dash-box-head .chart-filter-item {
    width: 100% !important;
  }
}
.doughnut-chart-wraper .dash-box .doughnut-chart-area .parient-label {
  width: 75%;
}
.doughnut-chart-wraper .dash-box .doughnut-chart-area .p-chart {
  display: flex;
  align-items: center;
}

.dashFilterPanel:after {
  border-bottom-color: #f4f5f6;
}
.dashFilterPanel .p-overlaypanel-content {
  padding: 0;
}
.dashFilterPanel .p-overlaypanel-content .overlaypanel-content .overlaypanel-header {
  padding: 12px;
  background-color: #f4f5f6;
  border-radius: 8px 8px 0 0;
}
.dashFilterPanel .p-overlaypanel-content .overlaypanel-content .overlaypanel-header .overlaypanel-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
.dashFilterPanel .p-overlaypanel-content .overlaypanel-content .panel-content-wrapper {
  padding: 12px;
}
.dashFilterPanel .p-overlaypanel-content .overlaypanel-content .panel-content-wrapper .chart-filter {
  width: 350px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .dashFilterPanel .p-overlaypanel-content .overlaypanel-content .panel-content-wrapper .chart-filter {
    width: 250px !important;
  }
}
.dashFilterPanel .p-overlaypanel-content .overlaypanel-content .panel-content-wrapper .chart-filter .field {
  margin-bottom: 12px;
  line-height: 1;
}
.dashFilterPanel .p-overlaypanel-content .overlaypanel-content .panel-content-wrapper .chart-filter .field > label {
  font-size: 12px;
  margin-bottom: 2px;
}
.dashFilterPanel .p-overlaypanel-content .overlaypanel-content .overlayPanel-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 12px;
  background-color: #f4f5f6;
  border-radius: 0 0 8px 8px;
}
.dashFilterPanel .p-overlaypanel-content .overlaypanel-content.filter-overlaypanel .panel-content-wrapper {
  padding: 12px 12px 0;
}

.exception-body p {
  padding-bottom: 5px;
  margin: 0;
}

.properties-body ul {
  margin: 0;
  padding: 0;
}
.properties-body ul li {
  list-style: none;
}

.no-data-summary-button {
  margin-left: 20%;
}

.p-customfile-error {
  height: 18px;
  width: 20px;
  padding: 4px;
}

.fileupload-input-errors span.p-button-icon.pi.pi-times {
  font-size: 8px;
}

.chartCompareData {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  min-height: 24px;
}
@media (max-width: 1699px) {
  .chartCompareData {
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
  }
  .chartCompareData.rowData {
    min-height: 51px;
  }
}
@media (max-width: 1199px) {
  .chartCompareData {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .chartCompareData {
    justify-content: flex-start;
    align-items: flex-start;
    min-height: unset;
  }
}
.chartCompareData .chartCompareText {
  margin: 0;
  border: 1px solid #dbdcdd;
  padding: 2px 5px;
  background-color: #fff;
  font-weight: 600;
  border-radius: 4px;
}

.sellInOutGraphWrapper {
  display: flex;
  align-items: flex-end;
  overflow: auto;
}
.sellInOutGraphWrapper .sellInOutGraphLabel {
  width: 70px;
  min-width: 70px;
}
.sellInOutGraphWrapper .sellInOutGraphLabel ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-right: -10px;
}
.sellInOutGraphWrapper .sellInOutGraphLabel ul li {
  padding-bottom: 2.6px;
  border-bottom: 1px solid #dbdcdd;
  border-left: 1px solid #dbdcdd;
  border-right: 1px solid #dbdcdd;
  padding-top: 7px;
  padding-left: 5px;
  color: #000;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 5px;
}
.sellInOutGraphWrapper .sellInOutGraphLabel ul li:nth-child(1) {
  border-top: 1px solid #dbdcdd;
}
.sellInOutGraphWrapper .sellInOutGraphLabel ul li:nth-child(1) span {
  background-color: #a3e9e2;
}
.sellInOutGraphWrapper .sellInOutGraphLabel ul li:nth-child(2) span {
  background-color: #8cc4f0;
}
.sellInOutGraphWrapper .sellInOutGraphLabel ul li span {
  width: 15px;
  height: 8px;
  display: inline-block;
  background-color: #a19f9f;
}
.sellInOutGraphWrapper .sellInOutGraphArea {
  width: calc(100% - 70px);
  min-width: 1350px;
}
.sellInOutGraphWrapper .sellInOutGraphArea .p-chart {
  position: relative;
}
.sellInOutGraphWrapper .sellInOutGraphArea .p-chart::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 6px);
  height: 1px;
  background-color: #dbdcdd;
}
.sellInOutGraphWrapper .sellInOutGraphArea .p-chart::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 6px;
  width: 1px;
  height: 86px;
  background-color: #dbdcdd;
}
.sellInOutGraphWrapper.yearlyGraphWrapper .sellInOutGraphLabel {
  width: 90px;
  min-width: 90px;
}
.sellInOutGraphWrapper.yearlyGraphWrapper .sellInOutGraphArea {
  min-width: 700px;
}

.plant-name {
  font-weight: 600;
}

.bdr-col {
  border-right: 1px solid #000;
}

.model-col {
  padding-left: 25px !important;
}

.plantDataTable .brand-table .brand td {
  background-color: #d6d6d6;
}

.exportDataWrapper .p-card-body {
  padding: 16px;
  gap: 12px;
}
@media (min-width: 1420px) {
  .exportDataWrapper .exportDataSelectGutter .xl\:col-2 {
    width: 16.6667%;
  }
}
@media (max-width: 1419px) and (min-width: 1200px) {
  .exportDataWrapper .exportDataSelectGutter .xl\:col-2 {
    width: 33.3333%;
  }
}
.exportDataWrapper .exportDataSelectGutter .exportDataCard {
  height: 100%;
  border: 1px solid transparent;
}
.exportDataWrapper .exportDataSelectGutter .exportDataCard .p-card-body {
  padding-bottom: 0;
}
.exportDataWrapper .exportDataSelectGutter .exportDataCard hr {
  border-color: var(--inputBdr);
  margin-top: 10px;
  margin-bottom: 0;
}
.exportDataWrapper .exportDataSelectGutter .exportDataCard.active {
  border: 1px solid var(--primary-600);
}
.exportDataWrapper .columnSelectCard hr {
  border-color: var(--inputBdr);
  margin-top: 10px;
  margin-bottom: 0;
}
.exportDataWrapper .columnSelectCard .columnSelection {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(169px, 1fr));
  gap: 16px;
  font-size: 14px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .exportDataWrapper .columnSelectCard .columnSelection {
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 16px), 1fr));
  }
}
.exportDataWrapper .columnSelectCard .columnSelection .columnItem {
  padding: 6px 12px;
  border: 1px solid #DADADA;
  border-radius: 4px;
  min-width: 145px;
  position: relative;
}
.exportDataWrapper .columnSelectCard .columnSelection .columnItem.active {
  border: 1px solid var(--primary-600);
}
.exportDataWrapper .columnSelectCard .columnSelection .columnItem > label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.priority-label {
  gap: 5px;
  display: flex;
  font-weight: 600;
  align-items: center;
}

.filtersidebar {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.filtersidebar .filtersidebarLeft {
  width: calc(100% - 34px);
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner {
  display: flex;
  width: 100%;
  align-items: center;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner h3 {
  margin: 0 10px 0 0;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters {
  display: flex;
  align-items: center;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters .activefiltersItems {
  background: var(--gray);
  padding: 5px 10px;
  margin-left: 5px;
  border-radius: var(--border-radius);
  cursor: pointer;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters .activefiltersItems span {
  display: block;
  font-size: 10px;
  color: #686868;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters .activefiltersItems strong {
  display: block;
  font-size: 12px;
  color: var(--dark-text);
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters .clearactivefilter {
  font-size: 12px;
  padding: 5px 10px;
  margin-left: 10px;
  border: 1px solid var(--light-border);
  color: var(--primary);
  border-radius: var(--border-radius);
  line-height: 1.084;
  background: var(--white);
  cursor: pointer;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters .clearactivefilter.Disable {
  background: var(--light-border);
  color: var(--secondary);
  opacity: 0.4;
  cursor: default;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters .clearactivefilter.Disable:hover {
  background: var(--light-border);
  color: var(--secondary);
  outline: none;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters .clearactivefilter:hover {
  background: var(--light-primary);
  border-color: var(--light-primary);
  outline: none;
}

.SideBar h3 {
  margin: 0;
}
.SideBar .formgrid {
  padding-top: 1rem;
}

.Favourite-icon {
  margin: 0 auto;
  background: transparent;
  border: 0;
  color: #000;
}
.Favourite-icon:hover {
  background: transparent;
  color: var(--primary);
}

.filtersidebar {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.filtersidebar .filtersidebarLeft {
  width: calc(100% - 34px);
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner {
  display: flex;
  width: 100%;
  align-items: center;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner h3 {
  margin: 0 10px 0 0;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters {
  display: flex;
  align-items: center;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters .activefiltersItems {
  background: var(--gray);
  padding: 5px 10px;
  margin-left: 5px;
  border-radius: var(--border-radius);
  cursor: pointer;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters .activefiltersItems span {
  display: block;
  font-size: 10px;
  color: #686868;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters .activefiltersItems strong {
  display: block;
  font-size: 12px;
  color: var(--dark-text);
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters .clearactivefilter {
  font-size: 12px;
  padding: 5px 10px;
  margin-left: 10px;
  border: 1px solid var(--light-border);
  color: var(--primary);
  border-radius: var(--border-radius);
  line-height: 1.084;
  background: var(--white);
  cursor: pointer;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters .clearactivefilter.Disable {
  background: var(--light-border);
  color: var(--secondary);
  opacity: 0.4;
  cursor: default;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters .clearactivefilter.Disable:hover {
  background: var(--light-border);
  color: var(--secondary);
  outline: none;
}
.filtersidebar .filtersidebarLeft .filtersidebarLeftInner .activefilters .clearactivefilter:hover {
  background: var(--light-primary);
  border-color: var(--light-primary);
  outline: none;
}

.digit-box {
  border: 1px solid var(--inputBdr);
  display: inline-block;
  border-radius: 5px;
  padding: 8px;
  height: 56px;
  font-size: 26px;
  max-width: 56px;
  text-align: center;
  margin: 0 8px 0 0;
}
@media (max-width: 600px) {
  .digit-box {
    height: 40px;
    font-size: 14px;
    max-width: 40px;
  }
}

.bounce {
  animation: pulse 0.3s ease-in-out alternate;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.helpTable {
  max-width: 100%;
  overflow: auto;
}
@media (max-width: 767px) {
  .helpTable {
    max-width: 300px;
  }
}
.helpTable thead tr th {
  padding: 4px 8px;
}
.helpTable tbody tr td {
  padding: 4px 8px;
}
.helpTable tbody tr td .pi {
  font-size: 10px;
}
.helpTable tbody tr td.text-gray {
  color: #a19797;
}
.helpTable tfoot tr td,
.helpTable tfoot tr th {
  padding: 4px 8px;
}
.helpTable .seasonalityRate {
  font-weight: 700;
  color: #9d9999;
  display: block;
}
.helpTable .balancecontainer {
  white-space: nowrap;
  font-size: 10px;
}
.helpTable .historyTable {
  max-height: 320px;
  overflow: auto;
}
.helpTable .historyTable thead {
  position: sticky;
  top: -1px;
}
.helpTable .historyTable tfoot {
  position: sticky;
  bottom: 0;
}

.containerBalanceHead {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 10px;
  flex-wrap: wrap;
}
.containerBalanceHead .containerBalanceTitle {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
}
.containerBalanceHead .p-inline-message .p-inline-message-text {
  font-size: 13px;
}

.containerBalanceForm {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 767px) {
  .containerBalanceForm {
    gap: 0;
  }
}
.containerBalanceForm .field {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .containerBalanceForm .field {
    width: 100%;
  }
}
.containerBalanceForm .field > label {
  width: auto;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .containerBalanceForm .field > label {
    width: 100%;
  }
}
.containerBalanceForm .field .form-control {
  width: 100px;
}
@media (max-width: 767px) {
  .containerBalanceForm .field .form-control {
    width: 150px;
  }
}

.sentDaysWrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 5px;
}
@media (max-width: 991px) {
  .sentDaysWrapper {
    flex-wrap: wrap;
  }
}
.sentDaysWrapper .p-inputtext {
  width: 60px;
}
.sentDaysWrapper label {
  margin-bottom: 0;
}
.sentDaysWrapper .sentDays {
  display: flex;
  align-items: center;
  gap: 10px;
}

@media (max-width: 767px) {
  .statusWrapper {
    flex-wrap: wrap;
    gap: 0 !important;
  }
}
@media (max-width: 767px) {
  .statusWrapper .configrationHint {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .statusWrapper .configrationHint > label {
    display: none !important;
  }
}
.statusWrapper .configrationHint .p-inline-message {
  padding: 9px 10px;
}
.statusWrapper .configrationHint .p-inline-message .p-inline-message-text {
  font-size: 12px;
}
.statusWrapper .configrationHint .p-inline-message .p-inline-message-text .pi {
  font-size: 12px;
  cursor: pointer;
}

.configrationDataTable {
  width: 550px;
  overflow: auto;
}
@media (max-width: 767px) {
  .configrationDataTable {
    width: 300px;
  }
}

.selectionWrappers .p-selectbutton {
  flex-wrap: wrap;
  gap: 5px;
}
.selectionWrappers .p-selectbutton .p-button {
  background-color: #f1f5f9;
  border: none;
  box-shadow: none;
  white-space: nowrap;
  flex: unset;
  width: auto;
  min-width: 92px;
}
.selectionWrappers .p-selectbutton .p-button:hover, .selectionWrappers .p-selectbutton .p-button:enabled:hover {
  background-color: var(--primary-600);
  color: #fff;
}
.selectionWrappers .p-selectbutton .p-button.p-highlight {
  background-color: var(--primary-600);
  color: #fff;
}
.selectionWrappers .p-selectbutton .p-button.p-highlight::before {
  background: transparent;
}

.jodit .jodit-toolbar-button,
.jodit-container .jodit-toolbar-button {
  min-width: 22px;
}
.jodit .jodit-toolbar-button button,
.jodit-container .jodit-toolbar-button button {
  height: 22px;
  min-width: 22px;
}
.jodit .jodit-workplace .jodit-wysiwyg,
.jodit .jodit-workplace .jodit-wysiwyg_iframe,
.jodit-container .jodit-workplace .jodit-wysiwyg,
.jodit-container .jodit-workplace .jodit-wysiwyg_iframe {
  min-height: 200px !important;
}

.mailQueWrapper .field {
  height: 100%;
}
.mailQueWrapper .mailQueText {
  overflow-wrap: break-word;
  color: var(--gray-600);
  border: 1px solid var(--inputBdr);
  background: var(--gray-00);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-12);
  line-height: 16px;
  padding: 7px 10px;
  border-radius: var(--radius-4);
  opacity: 0.7;
  min-height: 32px;
  height: calc(100% - 32px);
  max-height: 98px;
  overflow: auto;
}

.checkDevider hr {
  border-bottom: 1px solid #f1f1f1;
}

.checkboxSelection {
  display: flex;
  gap: 4px;
  font-size: 14px;
  flex-wrap: wrap;
}
.checkboxSelection .checkboxItem {
  min-width: 80px;
  position: relative;
  margin-bottom: 4px;
}
.checkboxSelection .checkboxItem:first-child {
  padding-right: 12px;
  border-right: 1px solid #DADADA;
  margin-right: 8px;
}
.checkboxSelection .checkboxItem > label {
  padding: 8px 10px;
  border-radius: var(--border-radius);
  background-color: #EBF3F9;
  display: block;
  width: 100%;
  text-align: center;
}
.checkboxSelection .checkboxItem .p-checkbox {
  display: none;
}
.checkboxSelection .checkboxItem .p-highlight ~ label {
  background-color: var(--primary-600);
  color: #fff;
}

.blogIconDefault {
  width: 100%;
  height: 85px;
  background-color: #f9f9f9;
  font-size: 12px;
  text-align: center;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9b9696;
  border-radius: var(--border-radius);
  border-radius: var(--border-radius);
}
.blogIconDefault img {
  max-height: 100%;
  width: auto;
}

.formula-icon {
  font-size: 12px;
  color: #5e5e5e;
}
.formula-icon.p-button {
  background-color: transparent;
  border: none;
  padding: 0;
  line-height: 17px;
}
.formula-icon.p-button:hover {
  color: #5e5e5e;
  background-color: transparent;
  border: none;
  padding: 0;
}

.jasonExpanderBtn {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  justify-content: space-between;
}