/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!../design-system/src/styles/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto+Flex:wght@100;200;300;400;500;600;700;800;900;1000&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../design-system/src/components/button/GEButton.vue?vue&type=style&index=0&id=6970d39e&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.gw-button[data-v-6970d39e] {
  --color-bg-hover: var(--color-white);
  --color-bg-active: var(--color-white);
  color: var(--color-white);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  background-color: transparent;
  border: none !important;
}
.gw-button[data-v-6970d39e]:focus {
  box-shadow: 0 0 0 0.2rem #C7D2FE !important;
}
.gw-button[data-v-6970d39e]:hover {
  background-color: transparent !important;
}
.gw-button[data-v-6970d39e]:active {
  background-color: transparent;
}
.gw-button[data-v-6970d39e]:disabled {
  background-color: var(--color-disable);
  border: 2px solid var(--color-disable) !important;
  cursor: not-allowed !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../design-system/src/components/table/GEDataTable.vue?vue&type=style&index=0&id=0026cfb6&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.paginator[data-v-0026cfb6] {
  display: flex;
  padding: 4px;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #E7E7E7;
  background: var(--white-01, #FFF);
}
.paginator > button[data-v-0026cfb6] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px !important;
}
.paginator > button[data-v-0026cfb6]:hover:not(:disabled) {
  background: #e9ecef;
  border-color: transparent;
}
.paginator > button[data-v-0026cfb6]:disabled {
  opacity: 0.6;
}
.paginator .paginator-first[data-v-0026cfb6],
.paginator .paginator-last[data-v-0026cfb6] {
  min-width: 32px !important;
  border-radius: 50%;
}
.paginator .paginator-prev[data-v-0026cfb6],
.paginator .paginator-next[data-v-0026cfb6] {
  color: #1C1F1F;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.5px;
  border-radius: 6px !important;
  min-width: 3rem;
  height: 32px !important;
}
.paginator .paginator-pages > button[data-v-0026cfb6] {
  min-width: 22px !important;
  width: 32px !important;
  height: 32px !important;
  font-family: "Roboto";
  color: #1C1F1F !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.5px;
  border-radius: 50%;
}
.paginator .paginator-pages > button[data-v-0026cfb6]:hover {
  background: #e9ecef;
  border-color: transparent;
}
.paginator .paginator-pages .highlight[data-v-0026cfb6] {
  color: #286FDF !important;
  background: none !important;
  font-weight: 600;
}
.paginator .paginator-pages .p-link[data-v-0026cfb6]:focus {
  box-shadow: none !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../design-system/src/components/photo/ListPhotos.vue?vue&type=style&index=0&id=ee6f4a0a&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.number-hidden-photo[data-v-ee6f4a0a] {
  position: absolute;
  height: 40px;
  width: 40px;
  border-radius: 6px;
  background-color: rgba(100, 116, 139, 0.5);
  align-items: center;
  justify-content: center;
  color: white;
  top: 0px;
  right: 0px;
  pointer-events: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/authentication-svc/Login.vue?vue&type=style&index=0&id=0c7ed2a6&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bg-login[data-v-0c7ed2a6] {
  background: linear-gradient(359.68deg, #FFF3D0 8.06%, #FFFFFF 74.32%, #FFFFFF 74.33%);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/sale-svc/customer-management/customer-upsert/components/InputUpsertCustomer.vue?vue&type=style&index=0&id=12105150&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
input[data-v-12105150]::-webkit-outer-spin-button,
input[data-v-12105150]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number][data-v-12105150] {
  -moz-appearance: textfield;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/sale-svc/quote-management/quote-details/components/PaymentDelivery.vue?vue&type=style&index=0&id=13c6d306&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.field-title[data-v-13c6d306] {
  grid-column: span 1/span 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-value[data-v-13c6d306] {
  grid-column: span 2/span 2;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/sale-svc/quote-management/components/QuoteBill.vue?vue&type=style&index=0&id=0f3bdbf1&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.quote-bill-item[data-v-0f3bdbf1] {
  display: flex;
  padding: 12px 8px;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-bottom: 1px dashed var(--nexus-color-line-stroke-stroke-line);
}
.quote-bill-item .item-content[data-v-0f3bdbf1] {
  display: flex;
  width: 360px;
  justify-content: space-between;
  align-items: center;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/sale-svc/quote-management/quote-details/components/QuoteHeader.vue?vue&type=style&index=0&id=3ac8f195&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header-field[data-v-3ac8f195] {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.header-field .field-title[data-v-3ac8f195] {
  grid-column: span 1/span 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-field .field-value[data-v-3ac8f195] {
  padding: 11px 16px;
  grid-column: span 2/span 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/sale-svc/sales-order-management/sales-order-details/components/SalesOrderHeader.vue?vue&type=style&index=0&id=381f3233&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header-field[data-v-381f3233] {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.header-field .field-title[data-v-381f3233] {
  grid-column: span 1/span 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-field .field-value[data-v-381f3233] {
  padding: 11px 16px;
  grid-column: span 2/span 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/sale-svc/sales-order-management/sales-order-details/components/SalesOrderDetailsPaymentDelivery.vue?vue&type=style&index=0&id=be39e8c4&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.field-title[data-v-be39e8c4] {
  grid-column: span 1/span 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-value[data-v-be39e8c4] {
  grid-column: span 2/span 2;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/sale-svc/sales-order-management/components/SalesOrderBill.vue?vue&type=style&index=0&id=2deb488c&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sales-order-bill-item[data-v-2deb488c] {
  display: flex;
  padding: 12px 8px;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-bottom: 1px dashed var(--nexus-color-line-stroke-stroke-line);
}
.sales-order-bill-item .item-content[data-v-2deb488c] {
  display: flex;
  width: 360px;
  justify-content: space-between;
  align-items: center;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/sale-svc/sales-order-management/sales-order-upsert/components/SOUHeader.vue?vue&type=style&index=0&id=1ae46145&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header-field[data-v-1ae46145] {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.header-field .field-title[data-v-1ae46145] {
  grid-column: span 1/span 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-field .field-value[data-v-1ae46145] {
  grid-column: span 2/span 2;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/modules/warehouse-svc/bin-management/components/WarehouseZone.vue?vue&type=style&index=0&id=8283b71c&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.scrollable-content[data-v-8283b71c]::-webkit-scrollbar {
  width: 8px;
  /* set the width of the scrollbar */
  height: 8px;
  /* set the height of the scrollbar */
}
.scrollable-content[data-v-8283b71c]::-webkit-scrollbar-thumb {
  background-color: #ccc;
  /* set the color of the scrollbar thumb */
  border-radius: 5px;
  /* round the corners of the scrollbar thumb */
}
.scrollable-content[data-v-8283b71c]::-webkit-scrollbar-track {
  background-color: #f2f2f2;
  /* set the color of the scrollbar track */
  border-radius: 5px;
  /* round the corners of the scrollbar track */
}
.scrollable-content[data-v-8283b71c]:hover::-webkit-scrollbar-thumb {
  background-color: #999;
  /* set the color of the scrollbar thumb when hovered */
}
.scrollable-content[data-v-8283b71c]:hover::-webkit-scrollbar-track {
  background-color: #eee;
  /* set the color of the scrollbar track when hovered */
}
.scrollable-content[data-v-8283b71c]:hover::-webkit-scrollbar {
  visibility: visible;
  /* show the scrollbar when the content is hovered over */
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layouts/side-bar/views/NexusSidebar.vue?vue&type=style&index=0&id=44d8c561&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-44d8c561]::-webkit-scrollbar {
  width: 6px;
}
[data-v-44d8c561]::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  border-radius: 12px;
}
[data-v-44d8c561]::-webkit-scrollbar-thumb:hover {
  background-color: #C4C2C2;
}
.services-menu[data-v-44d8c561] .p-highlight .p-submenu-icon {
  transform: rotate(180deg);
}
.nexus-menu[data-v-44d8c561] .p-panelmenu-panel .p-disabled {
  pointer-events: all;
  cursor: not-allowed !important;
}
.nexus-menu[data-v-44d8c561] .p-panelmenu-panel .router-link-active {
  background-color: var(--nexus-color-sidebar-hover);
}
.nexus-menu[data-v-44d8c561] .p-panelmenu-panel .router-link-active span {
  color: var(--nexus-color-primary-primary) !important;
}
.nexus-menu[data-v-44d8c561] .p-panelmenu-panel .router-link-active .p-menuitem-text {
  color: var(--nexus-color-primary-primary) !important;
  font-weight: 600;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../node_modules/vue-loader/dist/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sidebar {
  transition: width 300ms ease-in-out;
}
.main-content {
  flex: 1;
  transition: margin-left 300ms ease-in-out;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!../design-system/src/styles/index.scss (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.p-column-title {
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  line-height: 20px;
  /* 166.667% */
  letter-spacing: 0.5px;
}

td {
  color: #1C1F1F;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.5px;
}
td button {
  pointer-events: auto;
  background: inherit;
}

.p-datatable-wrapper {
  border-radius: 6px;
  border: 1px solid #E7E7E7;
}

.p-datatable-table .p-datatable-thead > tr > th {
  background: var(--nexus-color-text-header-table-bg);
  font-weight: 600;
  color: var(-nexus-color-text-body-text);
  padding: 12px 8px;
}
.p-datatable-table .p-datatable-thead > tr > th .p-column-title {
  font-family: "Roboto Flex", "Poppins", sans-serif;
}
.p-datatable-table .p-datatable-tbody > tr > td {
  border-color: #E7E7E7 !important;
  border-bottom-width: 1;
  padding: 12px 8px;
}
.p-datatable-table .p-datatable-tbody > tr:last-child > td {
  border-bottom-width: 0;
}
.p-datatable-table .p-datatable-tbody > tr:hover {
  background-color: #E5F2FF;
}
.p-datatable-table .p-datatable-tbody .p-datatable-emptymessage:hover {
  background-color: transparent;
}

.p-paginator-bottom {
  display: flex;
  justify-content: end;
  border: 0;
  margin-top: 16px;
}

.p-paginator {
  display: none !important;
}

.p-inputnumber .p-inputtext {
  padding: 8px 10px;
  letter-spacing: 0.5px;
  width: 100% !important;
}

.invalid-input .p-inputtext {
  background-color: var(--nexus-color-semantic-red-danger-cancel-bg-2);
  border: 1px solid var(--nexus-color-semantic-red-danger-cancel-text);
}

.p-inputtext:enabled:focus {
  border-color: var(--nexus-color-primary-primary) !important;
}

.p-dropdown:not(.p-disabled).p-focus {
  border-color: var(--nexus-color-primary-primary) !important;
}

.p-carousel-items-content {
  padding: 1px;
}

.p-carousel-next {
  background-color: white !important;
  margin-left: 0px !important;
  filter: drop-shadow(0px 0px 6px rgba(40, 111, 223, 0.5));
}
.p-carousel-next .p-carousel-prev-icon {
  filter: invert(32%) sepia(43%) saturate(3301%) hue-rotate(206deg) brightness(94%) contrast(85%);
}

.p-carousel-prev {
  background-color: white !important;
  margin-right: 0px !important;
  filter: drop-shadow(0px 0px 6px rgba(40, 111, 223, 0.5));
}
.p-carousel-prev .p-carousel-next-icon {
  filter: invert(32%) sepia(43%) saturate(3301%) hue-rotate(206deg) brightness(94%) contrast(85%);
}

.p-carousel-container .p-disabled {
  display: none !important;
}

.p-carousel-list-combines .p-carousel-prev, .p-carousel-list-combines .p-carousel-next {
  margin-right: 0px !important;
  background-color: transparent !important;
}

.p-checkbox .p-checkbox-box.p-highlight {
  border-color: var(--nexus-color-primary-primary) !important;
  background: var(--nexus-color-primary-primary) !important;
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
  border-color: var(--nexus-color-primary-primary) !important;
  box-shadow: 0 0 0 0.15rem #9fc4fc !important;
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  border-color: var(--nexus-color-primary-primary) !important;
}

.apx-legend-position-bottom .apexcharts-legend-series {
  border: 2px solid #286FDF;
  padding: 8px;
  border-radius: 6px;
  margin: 2px 6px !important;
  gap: 5px;
}
.apx-legend-position-bottom .apexcharts-inactive-legend {
  opacity: 0.45;
  border: 2px solid #E7E7E7 !important;
}

.p-tooltip-warning .p-tooltip-text {
  background-color: var(--nexus-color-semantic-red-danger-cancel-bg-2) !important;
  color: var(--nexus-color-semantic-red-danger-cancel-text) !important;
  white-space: nowrap;
  width: -moz-max-content !important;
  width: max-content !important;
  border-radius: 6px !important;
}
.p-tooltip-warning .p-tooltip-arrow {
  filter: invert(93%) sepia(4%) saturate(708%) hue-rotate(314deg) brightness(102%) contrast(99%);
}

:root {
  --nexus-color-text-body-text: #1C1F1F;
  --nexus-color-semantic-blue-info-todo-text: #5486F3;
  --nexus-color-semantic-blue-info-todo-bg: #D4E0FC;
  --nexus-color-semantic-blue-info-todobg-2: #EDF5FF;
  --nexus-color-semantic-blue-info-todo-hover: #769EF5;
  --nexus-color-semantic-blue-info-todo-bg: #D4E0FC;
  --nexus-color-semantic-red-danger-cancel-text: #EA5455;
  --nexus-color-semantic-red-danger-cancel-bg: #F9D4D4;
  --nexus-color-semantic-red-danger-cancel-bg-2: #FEEFEE;
  --nexus-color-semantic-red-danger-cancel-hover: #F02628;
  --nexus-color-semantic-orange-warning-in-progress-bg-2: #FEF3EC;
  --nexus-color-semantic-orange-warning-in-progress-text: #FF9F42;
  --nexus-color-semantic-green-success-complete-text: #29C76F;
  --nexus-color-semantic-green-success-complete-bg-2: #EEF8F0;
  --nexus-color-semantic-gray-pending-pending-bg: #F4F5F5;
  --nexus-color-semantic-gray-pending-pending-text: #919699;
  --nexus-color-primary-primary: #286FDF;
  --nexus-color-text-placeholder: #818181;
  --nexus-color-sidebar-hover: #E5F2FF;
  --nexus-color-sidebar-color-3: #1C1F1F;
  --nexus-color-buttons-primary-button-defaut: #286FDF;
  --nexus-color-buttons-primary-button-hover: #2059B2;
  --nexus-color-buttons-primary-button-disable-bg: #EFF1F2;
  --nexus-color-buttons-primary-button-disable-button: #BFDBFE;
  --nexus-color-semantic-gray-disable-disable-bg: #EFF1F2;
  --nexus-color-buttons-primary-button-disable-text: #BABDBF;
  --nexus-color-buttons-danger-button-disable: #BABDBF;
  --nexus-color-buttons-danger-button-defaut: #EA5455;
  --nexus-color-secondary-white: #FFF;
  --nexus-color-sidebar-noti: #FF9F42;
  --nexus-color-line-stroke-stroke-line: #E7E7E7;
  --nexus-color-line-stroke-stroke-blue: #286FDF;
  --nexus-color-text-header-table-bg: #F6F6F6;
  --nexus-color-text-header-table-text: #818181;
  --nexus-color-text-gray-02-body-text: #555C61;
  --color-white: #ffffff;
  --color-placehother: #818181;
  --color-primary-blue: #286FDF;
  --color-text-body_text: #1C1F1F;
  --color-text-placehother: #818181;
  --color-text-btn_text: #FFFFFF;
  --color-stroke-body_text: #E7E7E7;
  --color-stroke-placehother: #286FDF;
  --color-sementic-green_text: #29C76F;
  --color-sementic-green_hover: #54D28C;
  --color-sementic-green_bg: #C9F1DB;
  --color-sementic-green_bg_2: #EEF8F0;
  --color-sementic-blue_text: #5486F3;
  --color-sementic-blue_hover: #769EF5;
  --color-sementic-blue_bg: #D4E0FC;
  --color-sementic-blue_bg_2: #EDF5FF;
  --color-sementic-orange_text: #FF9F42;
  --color-sementic-orange_hover: #FF9F42;
  --color-sementic-orange_bg: #FFE7CF;
  --color-sementic-orange_bg_2: #FEF3EC;
  --color-sementic-red_text: #EA5455;
  --color-sementic-red_hover: #EA5455;
  --color-sementic-red_bg: #EA5455;
  --color-sementic-red_bg_2: #919699;
  --color-sementic-gray_text: #FEEFEE;
  --color-sementic-gray_bg: #F4F5F5;
  --nexus-color-sidebar-hover: #E5F2FF;
  --nexus-color-sidebar-selected: #286FDF;
  --placeholder-disable: #A5A7A6;
  --nexus-color-secondary-white: #FFFFFF;
  --red01: #F06464;
  --disable: #EAEAEA;
  --cta-text-in-button: #FFF;
  --nexus-color-semantic-gray-disable-disable-text: #BABDBF;
  --disable-text-in-button: #A5A7A6 ;
}

html,
body {
  height: 100%;
  font-size: 16px;
  color: #1C1F1F;
  font-family: "Roboto Flex", "Poppins", sans-serif;
  color: var(--nexus-color-text-body-text);
}

.p-component {
  font-family: "Roboto Flex", "Poppins", sans-serif !important;
}

.font-roboto-flex {
  font-family: "Roboto Flex", "Poppins", sans-serif !important;
}