@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-LightItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
.app-icon-row {
  padding: 0 10px;
}

.app-icon-container {
  height: 150px;
  overflow-y: auto;
  border: 1px solid #E6E6E6;
  padding: 0.5rem;
  border-radius: 12px;
}
.app-icon-container.dialog-component {
  height: 185px;
}

.format-app-icon.on-grid .p-avatar img {
  height: 1.6rem !important;
  position: relative;
  top: -0.1rem;
}

.app-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin: 4px;
  border-radius: 4px;
  color: #72767b;
  font-size: 1.3rem;
}
.app-icon:hover {
  cursor: pointer;
  border: 1px solid #1A73E8;
  background-color: #e8f0fd;
  color: #1A73e8;
}
.app-icon:hover img {
  filter: invert(42%) sepia(85%) saturate(4026%) hue-rotate(200deg) brightness(95%) contrast(90%);
}
.app-icon img {
  height: 20px;
  width: 20px;
}

.app-icon-selected {
  border: 1px solid #1A73E8;
  background-color: #e8f0fd;
  border-radius: 8px;
}
.app-icon-selected img {
  filter: invert(42%) sepia(85%) saturate(4026%) hue-rotate(200deg) brightness(95%) contrast(90%);
}

.selected-app-icon-preview {
  background-color: #E6E6E6;
  color: floralwhite;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  padding: 5px;
}
.selected-app-icon-preview img {
  width: 80px;
  height: 80px;
}
.selected-app-icon-preview.custom-image img {
  width: 80px;
  height: 80px;
}

.no-applications {
  color: #72767B;
}
.no-applications .no-application-header {
  font-size: 1.375rem;
  font-weight: 600;
}
.no-applications .no-application-content {
  max-width: 31.25rem;
  text-align: center;
}

.advanced-search {
  display: flex;
  flex-direction: row;
  mix-blend-mode: normal;
  border-radius: 8px;
  border: 1.4px solid #efefef !important;
  padding: 1px 8px;
  background: #FFFFFF;
  gap: 0.2rem;
  align-items: center;
  height: 34px;
  margin-right: 0.8rem;
  color: #72767b;
}
.advanced-search .p-inputtext {
  border: none !important;
  color: #72767B !important;
}
.advanced-search .p-inputtext::placeholder {
  color: #72767B !important;
  opacity: 1 !important;
}

.profile-panel {
  font-size: 12px !important;
}
.profile-panel ul {
  padding: 8px 10px;
  margin-bottom: 0;
  margin-top: 0;
}
.profile-panel li {
  list-style: none;
  padding: 5px 0;
  display: flex;
}
.profile-panel.p-overlaypanel {
  font-family: Poppins;
  color: grey;
  border-radius: 18px;
}
.profile-panel.p-overlaypanel::before {
  display: none;
}
.profile-panel.p-overlaypanel .pi-circle-fill {
  color: limegreen;
}

.p-dialog-custom-footer {
  margin-top: 1rem;
  display: flex;
  justify-content: right;
}

.p-dialog-custom-content .p-dialog-content {
  border-bottom-right-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
}

.p-dialog {
  box-shadow: none !important;
}
.p-dialog .p-dialog-header {
  padding: 1rem 1.875rem !important;
  border-top-right-radius: 16px !important;
  border-top-left-radius: 16px !important;
  border-bottom: 1.3px solid #E6E6E6 !important;
}
.p-dialog .p-dialog-header .p-dialog-title {
  color: #72767B !important;
  font-size: 21px !important;
  line-height: 28px !important;
  font-weight: 500 !important;
}
.p-dialog .p-dialog-content {
  padding: 0.5rem 1.5rem 1rem 1.5rem !important;
  border: none !important;
  overflow: hidden !important;
}
.p-dialog .p-dialog-header-icons {
  display: none;
}
.p-dialog .p-dialog-footer {
  border-bottom-right-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
}
.p-dialog .p-dialog-content:last-of-type {
  border-bottom-right-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
}

.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
  margin-left: 0px !important;
}

.p-confirm-dialog-reject {
  background: none;
  border: none;
  color: #1A73E8;
}

.p-confirm-dialog-accept {
  box-shadow: none !important;
  font-size: 1rem !important;
  font-weight: 400;
  padding: 0.3rem 0.9rem 0.3rem 0.3rem !important;
  border-width: 0.094rem !important;
  border-style: solid !important;
  border-radius: 0.5rem !important;
}
.p-confirm-dialog-accept:focus {
  outline: none;
}

.confirm-dialog .p-dialog {
  box-shadow: none;
  width: 26rem !important;
}
.confirm-dialog .p-dialog .p-dialog-header {
  height: 3rem !important;
  background: #FFFFFF !important;
  color: #fff;
  padding: 11px 14px 12px 17px !important;
  line-height: 40px !important;
  border-bottom: 1px solid #E6E6E6 !important;
  border-top-right-radius: 16px !important;
  border-top-left-radius: 16px !important;
  width: 100%;
}
.confirm-dialog .p-dialog .p-dialog-title {
  color: #72767B;
  font-family: Poppins;
  font-size: 21px;
  line-height: 28px;
  font-feature-settings: "ss02" on;
  font-weight: 500;
}
.confirm-dialog .p-dialog .p-dialog-content {
  padding: 0rem 0.5rem 0rem 0rem !important;
  height: 6rem;
}
.confirm-dialog .p-dialog .p-dialog-header-icons {
  display: none;
}
.confirm-dialog .p-dialog .p-confirm-dialog .p-confirm-dialog-message {
  padding: 0rem 1rem 1rem 2rem !important;
}
.confirm-dialog .p-dialog .p-dialog-footer {
  border-bottom-right-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
  padding: 0rem 1.5rem 1rem 0rem !important;
}
.confirm-dialog .p-dialog .p-button:focus {
  box-shadow: none;
}
.confirm-dialog .button {
  align-items: center;
  padding: 1px 7px 3px 7px !important;
  line-height: 28px;
  border-radius: 8px;
}
.confirm-dialog .primary-btn {
  color: #FFFFFF;
  background: #1A73E8;
  border: 0.094rem solid #1A73E8;
}
.confirm-dialog .primary-btn:hover {
  background: #0A5CC8;
  color: #FFFFFF;
  border: 0.094rem solid #0A5CC8;
}
.confirm-dialog .primary-btn:focus {
  box-shadow: 0 0 0 0;
}
.confirm-dialog .primary-btn:active {
  border: 0.094rem solid #0A5CC8;
}
.confirm-dialog .secondary-btn {
  border: 0.094rem solid #72767B;
  color: #72767B;
  background: #FFFFFF;
}
.confirm-dialog .secondary-btn:hover {
  background: #F8F9FA;
  color: #72767B;
  border-color: #72767B;
}
.confirm-dialog .secondary-btn:focus {
  box-shadow: 0 0 0 0;
  outline: none;
}
.confirm-dialog .secondary-btn:active {
  border-color: 0.094rem solid #72767B;
}

.maximize-dashboard .p-dialog-content {
  overflow: hidden !important;
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.autoNumberPopUp .p-dialog-content,
.template-table-popup .p-dialog-content,
.workflow-properties .p-dialog-content {
  padding: 0rem !important;
}

.attachment-preview-dailog .p-dialog-content {
  border-radius: 16px !important;
  padding: 0px !important;
}

.view-dialog .pi-times-circle {
  font-size: 1.5rem !important;
}
.view-dialog .p-dialog-content {
  overflow: hidden;
  padding: 0px !important;
  border-top-right-radius: 16px !important;
  border-top-left-radius: 16px !important;
}
.view-dialog .view-list {
  padding: 10px;
}
.view-dialog .view-detail {
  border-left: 1.3px solid #e6e6e6;
}

.p-dropdown.p-disabled {
  color: #72767B !important;
  background: #f8f8f8 !important;
  border-color: #f8f8f8 !important;
  opacity: 1 !important;
}

.p-dropdown-panel .p-dropdown-header {
  padding: 0px !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
  border-radius: 0 !important;
  border-bottom: none !important;
}
.p-dropdown-panel .p-dropdown-items-wrapper {
  margin-top: 5px;
  border: 1px solid #efefef !important;
  border-radius: 8px;
}
.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items {
  padding: 0 !important;
  color: #72767B;
}
.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item {
  font-size: 0.9rem;
  padding: 0.5rem 1rem !important;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
}
.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  background: rgba(26, 115, 232, 0.1019607843);
  color: #1A73E8 !important;
}
.p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item.p-highlight {
  color: #1A73E8 !important;
  background: none;
}
.p-dropdown-panel .p-dropdown-header + .p-dropdown-items-wrapper {
  margin-top: 0 !important;
  border-radius: 0 !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.p-dropdown {
  border-radius: 0.5rem !important;
  width: 100% !important;
  height: 30px !important;
  border: 0.094rem solid #efefef !important;
}
.p-dropdown .p-dropdown-trigger {
  justify-content: end;
  padding-right: 0.5rem;
}
.p-dropdown .p-dropdown-trigger .pi {
  font-size: 0.7rem;
}
.p-dropdown .p-dropdown-label {
  padding: 0.1rem 1rem !important;
  border: 0 none !important;
}

.p-dropdown:not(.p-disabled).p-focus {
  box-shadow: none !important;
}

.p-multiselect-panel {
  margin-top: 5px;
  border: 1px solid #efefef !important;
  border-radius: 8px;
}
.p-multiselect-panel .p-multiselect-items {
  padding: 0 !important;
  color: #72767B;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  font-size: 0.9rem;
  padding: 0.5rem 1rem !important;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  background: rgba(26, 115, 232, 0.1019607843) !important;
  color: #1A73E8 !important;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  color: #1A73E8 !important;
  background: none;
}

.p-autocomplete {
  width: 100% !important;
}
.p-autocomplete .p-autocomplete-input {
  width: 100% !important;
}

.p-inputwrapper {
  width: 100%;
}
.p-inputwrapper .p-inputnumber {
  width: 100%;
}
.p-inputwrapper .p-inputnumber-button-group {
  height: 30px;
  width: 48px;
  background: #1a73e8;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.p-inputwrapper .p-inputnumber-buttons-stacked .p-inputnumber-input {
  border-right: none !important;
  width: calc(100% - 48px);
}

.p-inputgroup .p-button {
  height: 30px !important;
  margin-left: 1rem;
}

.p-inputgroup input:first-child {
  border-radius: 0.5rem;
}

.p-inputgroup-addon {
  padding: 0.35rem 0.35rem !important;
}

.UILIB-color-picker-cmpt .p-colorpicker-panel {
  background: white !important;
  border: 0.106rem solid #F4F4F4;
  border-radius: 5px;
}
.UILIB-color-picker-cmpt .p-colorpicker-hue-handle {
  border: 1px solid #72767B !important;
  border-radius: 2px;
}
.UILIB-color-picker-cmpt .p-colorpicker-hue {
  border: 1px solid white !important;
  border-radius: 3px;
}
.UILIB-color-picker-cmpt .p-colorpicker-color-selector {
  display: grid;
  align-items: center;
  justify-items: center;
  border: 1px solid white !important;
  border-radius: 3px;
}
.UILIB-color-picker-cmpt .p-colorpicker-color-handle {
  border-color: #72767B !important;
}
.UILIB-color-picker-cmpt .color-input .p-inputtext {
  width: 193px !important;
}

.p-inputtext:disabled {
  color: #72767B !important;
  background: #f8f8f8 !important;
  opacity: 1 !important;
  border-color: #f8f8f8 !important;
}

.p-inputtext {
  padding: 0.1rem 1rem !important;
  font-style: normal !important;
  font-size: 1rem !important;
  color: #72767B !important;
  height: 30px;
  border: 0.094rem solid #efefef !important;
  font-family: Poppins !important;
}
.p-inputtext:enabled:focus {
  box-shadow: none !important;
}

.p-inputtext.ng-dirty.ng-invalid {
  border-color: #e24c4c !important;
  background: #fff7f7;
  color: #e24c4c !important;
}

.p-inputtext.ng-dirty.ng-invalid::placeholder {
  color: #e24c4c;
}

.p-inputtextarea {
  height: 5.5rem;
}

.p-autocomplete .p-autocomplete-multiple-container {
  width: 100%;
}

.p-datepicker .p-datepicker-header {
  padding: 0.1rem !important;
}

.p-datepicker {
  max-width: 275px !important;
  padding: 0 0.5rem !important;
}
.p-datepicker table {
  font-size: 0.9rem !important;
}

.p-datepicker table td > span {
  width: 1.9rem !important;
  height: 1.9rem !important;
}

.p-datepicker table th {
  font-weight: 500;
  padding: 0.1rem !important;
}

.p-datepicker table td {
  padding: 0.1rem !important;
}

.p-datepicker-decade {
  font-weight: 500 !important;
}

.p-datepicker-prev-icon,
.p-datepicker-next-icon {
  font-size: 0.9rem !important;
}

.p-datepicker .p-timepicker span {
  font-size: 0.9rem !important;
}

.p-datepicker .p-timepicker > div {
  padding: 0 0.3rem !important;
}

.p-calendar.p-calendar-w-btn {
  width: 100%;
}

.p-calendar-w-btn .p-datepicker-trigger {
  height: 30px;
  background: #1A73E8;
  border: 1.6px solid #1A73E8 !important;
}

.custom-autocomplete .p-autocomplete {
  border: 0.094rem solid #efefef !important;
  border-radius: 0.5rem !important;
  min-height: 2.2rem;
  height: auto;
}
.custom-autocomplete .p-autocomplete .p-autocomplete-multiple-container {
  width: 100%;
  height: auto !important;
  gap: 0.2rem;
  border: none !important;
  padding: 0.3rem !important;
}
.custom-autocomplete .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  padding: 0.1rem 0.5rem !important;
  max-width: 100%;
}
.custom-autocomplete .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-label {
  max-width: 90%;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
}
.custom-autocomplete .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
  cursor: pointer;
  color: #438be9;
}
.custom-autocomplete .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon:hover {
  color: #1D4ED8;
}
.custom-autocomplete .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
  padding: 0 0;
  width: 0.063rem;
}
.custom-autocomplete .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  outline: none !important;
  box-shadow: none !important;
}
.custom-autocomplete .p-button.p-button-icon-only {
  width: 3rem;
  padding: 0.75rem 0;
}
.custom-autocomplete .p-button {
  border: none;
  font-size: 1rem;
  transition: none;
  height: 2.375rem !important;
}

.custom-chips .p-chips {
  width: 100% !important;
  display: block !important;
}
.custom-chips .p-chips .p-chips-multiple-container {
  width: 100% !important;
  min-height: 2.5rem !important;
  height: auto !important;
  gap: 0.4rem;
  border-radius: 0.5rem !important;
  padding: 0.3rem 0.5rem !important;
}
.custom-chips .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  outline: none !important;
  box-shadow: none !important;
}
.custom-chips .p-chips .p-chips-multiple-container .p-chips-input-token {
  padding: 0 0;
  width: 0.063rem;
}
.custom-chips .p-chips .p-chips-multiple-container .p-chips-token {
  padding: 0.1rem 0.5rem !important;
}
.custom-chips .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
  cursor: pointer;
  color: #438be9;
}
.custom-chips .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon:hover {
  color: #1D4ED8;
}

.custom-single-autocomplete .p-autocomplete {
  border-width: 0.094rem !important;
  border-style: solid !important;
  border-radius: 0.5rem !important;
}
.custom-single-autocomplete .p-autocomplete .p-inputtext {
  border: none !important;
  height: auto !important;
  padding: 0.1rem 0.5rem !important;
}
.custom-single-autocomplete .p-button.p-button-icon-only {
  width: 3rem;
  padding: 0.75rem 0;
}
.custom-single-autocomplete .p-button {
  border: none;
  font-size: 1rem;
  transition: none;
  height: 2.375rem !important;
}

.p-password .p-inputtext {
  width: 100%;
}

.p-menu.p-menu-overlay,
.p-overlaypanel {
  margin-top: 10px !important;
  border: 1px solid #efefef !important;
  border-radius: 0.5rem;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover {
  background: none !important;
}
.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #1A73E8 !important;
}

.p-menu .p-menuitem-link:focus {
  box-shadow: none !important;
}

.p-overlaypanel .p-overlaypanel-content {
  height: 100%;
  padding: 0.5rem !important;
}

.p-tabmenu .p-tabmenu-nav {
  height: 45px !important;
  border-width: 0px 0px 1.5px 0px !important;
  border: 1px solid #dee2e6;
  font-size: 15px;
  color: #C0C0C0;
  font-weight: 400 !important;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  padding: 0.9rem !important;
  font-weight: 400 !important;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
  font-weight: 500 !important;
  color: #1A73E8 !important;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
  box-shadow: none !important;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
  margin: 0px 5px 2px !important;
}

.color-swatches-container .p-overlaypanel .p-overlaypanel-content {
  max-height: 250px !important;
}

.color-swatches-panel.p-overlaypanel {
  border-radius: 0.625rem !important;
}
.color-swatches-panel.p-overlaypanel::before, .color-swatches-panel.p-overlaypanel::after {
  display: none;
}

.p-accordion .p-accordion-header .p-accordion-header-link {
  padding: 0 !important;
}

.p-accordion-toggle-icon {
  order: 1 !important;
  margin-left: auto;
}

.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link,
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link,
.p-accordion .p-accordion-header .p-accordion-header-link {
  background: none !important;
  border: none !important;
  border-bottom: 1.7px solid #1a73e8 !important;
  color: #1A73E8 !important;
  border-radius: 0 !important;
  min-height: 1.8rem;
  font-size: 1.15rem;
  font-weight: 500 !important;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link:focus,
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link:focus,
.p-accordion .p-accordion-header .p-accordion-header-link:focus {
  box-shadow: none !important;
}

.p-accordion .p-accordion-content {
  border: none !important;
  padding: 0 !important;
  padding-top: 1rem !important;
}

.p-card {
  box-shadow: none !important;
  border-radius: 0.5rem !important;
}

.p-card-body {
  padding: 0 !important;
}

.p-card-content {
  height: calc(100vh - 140px);
  overflow: hidden;
  padding: 1.4rem !important;
}

.p-card-content-body {
  overflow: hidden scroll;
  height: calc(100% - 1px);
  padding: 0 1.4rem 0 0;
}

.p-tabview .p-tabview-panels {
  padding: 0.75rem 0rem;
}

.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  font-weight: 500 !important;
  color: #1A73E8;
}

.p-tabview-title {
  font-weight: 400;
}

.p-tabview .p-tabview-nav {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-width: 0 0 2px 0;
  font-size: 1rem;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
  box-shadow: none !important;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link {
  height: 32px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 0px 5px;
  font-weight: 400;
  color: #C0C0C0;
}

.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
  color: #C0C0C0;
  border-color: #dee2e6;
  background-color: none;
}

.p-radiobutton {
  width: 17px !important;
  height: 17px !important;
}
.p-radiobutton .p-radiobutton-box {
  width: 17px !important;
  height: 17px !important;
  color: #72767B !important;
  border: 2px solid #72767B !important;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  height: 9px !important;
  width: 9px !important;
}

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:not(.p-disabled) {
  background: #1A73E8 !important;
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
  border-color: #1A73E8 !important;
}

.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: #1A73E8 !important;
  background: #FFFFFF !important;
}

.p-radiobutton .p-radiobutton-box.p-highlight.p-disabled {
  border-color: #D6D6D6 !important;
}
.p-radiobutton .p-radiobutton-box.p-highlight.p-disabled .p-radiobutton-icon {
  background: #D6D6D6 !important;
}

.p-radiobutton .p-radiobutton-box.p-disabled {
  border-color: #D6D6D6 !important;
}
.p-radiobutton .p-radiobutton-box.p-disabled .p-radiobutton-icon {
  background: #D6D6D6 !important;
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  box-shadow: none !important;
}

.p-checkbox {
  width: 18px !important;
  height: 18px !important;
}
.p-checkbox .p-checkbox-box {
  width: 18px !important;
  height: 18px !important;
  border-color: #72767B !important;
  border-radius: 4px !important;
}
.p-checkbox .p-checkbox-box.p-disabled {
  border-color: #D6D6D6 !important;
}
.p-checkbox .p-checkbox-box.p-highlight {
  border-color: #1A73E8 !important;
  background: #1A73E8 !important;
}
.p-checkbox .p-checkbox-box.p-highlight.p-disabled {
  border-color: #D6D6D6 !important;
  background: #D6D6D6 !important;
}
.p-checkbox .p-checkbox-icon {
  font-size: 11px !important;
  font-weight: 900;
}

.p-radiobutton-label,
.p-checkbox-label {
  font-weight: 400 !important;
  font-size: 1rem !important;
}

.radio-button .p-radiobutton-disabled {
  cursor: auto;
}
.radio-button .p-radiobutton-label {
  color: #72767B !important;
}
.radio-button .p-radiobutton-label .p-disabled {
  color: #D6D6D6 !important;
}
.radio-button:hover .p-radiobutton-label:not(.p-disabled) {
  color: #1A73E8 !important;
}
.radio-button:hover .p-radiobutton .p-radiobutton-box:not(.p-disabled) {
  border-color: #1A73E8 !important;
}

.checkbox .p-checkbox-label {
  color: #72767B !important;
}
.checkbox .p-checkbox-label .p-disabled {
  color: #D6D6D6 !important;
}
.checkbox:hover .p-checkbox-label:not(.p-disabled) {
  color: #1A73E8 !important;
}
.checkbox:hover .p-checkbox .p-checkbox-box:not(.p-disabled) {
  border-color: #1A73E8 !important;
}

.p-radiobutton,
.p-checkbox {
  user-select: none !important;
}

.p-checkbox-box:hover {
  border-color: #3B82F6 !important;
}

.p-component,
.p-element {
  font-family: Poppins !important;
  font-feature-settings: "ss02" on;
}

.pi {
  font-family: "primeicons" !important;
}

.p-button-label {
  font-weight: 400 !important;
}

.p-button:focus {
  box-shadow: none !important;
}

.field {
  margin-bottom: 0.1rem !important;
}

.field > label {
  margin-bottom: 0.3rem !important;
}

.p-sidebar-mask.p-component-overlay {
  background-color: transparent !important;
}

.has-header-config .p-datatable > .p-datatable-wrapper {
  max-height: calc(100vh - 130px) !important;
}
.has-header-config .has-grid-header .p-datatable > .p-datatable-wrapper,
.has-header-config .has-tab-buttons .p-datatable > .p-datatable-wrapper {
  max-height: calc(100vh - 140px);
}

.select-Component .p-datatable > .p-datatable-wrapper {
  max-height: 635px !important;
}

.custom-menu.p-menu ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.custom-menu.p-menu .p-menuitem-text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 7.5rem;
  text-wrap: nowrap;
  padding-bottom: 0.0625rem;
}
.custom-menu.p-menu.p-menu-overlay {
  width: unset !important;
  min-width: 9.625rem;
  max-width: 9.625rem;
}

.avatar img {
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.p-avatar-image.user-icon-question {
  width: 1.8rem !important;
  height: 1.8rem !important;
  width: 1.8rem !important;
}

.additional-email-id {
  width: 95% !important;
}

.trash-btn {
  height: 40px !important;
}
.trash-btn button {
  height: 40px !important;
}

/* extra Small Dialog  */
.dialog-xs {
  width: 25vw;
}

/* Small Dialog  */
.dialog-sm {
  width: 35vw;
}

/* Medium Dialog */
.dialog-md {
  width: 50vw;
}
.dialog-md.dialog-grid {
  height: 60vh;
}

/* Large Dialog */
.dialog-lg {
  width: 90vw;
  height: 90vh;
}

/* Extra large Dialog */
.dialog-xl {
  width: 96vw;
  height: 92vh;
}

.p-dialog .p-dialog-header {
  padding-right: 15px !important;
}

/* Large Dialog */
.expression-dialog {
  width: 90vw;
  max-height: 95% !important;
}

.w-70vw {
  width: 70vw;
}

body {
  font-family: Poppins !important;
  margin: 0rem;
  background: #F1F4F9 !important;
  font-weight: normal !important;
  font-feature-settings: "ss02" on;
}
body.has-animation-false .sidenav {
  transition: none;
}
body.has-animation-false .body {
  transition: none !important;
}

label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #a19a9a;
}

textarea {
  resize: none;
  height: 5rem;
}

input:disabled {
  background: #f8f8f8;
  opacity: 1 !important;
  color: #72767B !important;
}

input[type=password] {
  font-size: 1.0625rem !important;
  letter-spacing: 0.0625rem;
}

input[type=password]::placeholder {
  font-size: 1rem !important;
  letter-spacing: normal;
}

::placeholder {
  opacity: 0.5;
}

.required:after {
  color: #a19a9a;
  content: " *";
  display: inline;
}

::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
  cursor: pointer;
}

/* Track */
::-webkit-scrollbar-track {
  background: #FFFFFF;
  border-radius: 0.5rem;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #E6E6E6;
  border-radius: 0.5rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #1A73E8;
}

.files-tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #BCBCBC;
  font-weight: 400;
  border-radius: 0.5rem;
  padding: 0.25rem;
  background-color: #ffffff;
  font-size: 0.875rem;
}
.files-tabs .active {
  color: #1a73e8;
  font-weight: 500 !important;
  background: #E8F0FD;
  border-radius: 0.25rem;
}
.files-tabs a {
  padding: 0.1875rem 1.375rem;
}
.files-tabs a:hover {
  background: #E8F0FD;
  border-radius: 0.25rem;
  mix-blend-mode: multiply;
}

.tab-links {
  cursor: pointer;
}

@media screen and (min-width: 576px) {
  .col-space {
    padding: 0.5rem !important;
  }
  .col-space-right {
    padding-right: 0.5rem !important;
  }
  .col-space-left {
    padding-left: 0.5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .col-space {
    padding: 0.5rem !important;
  }
  .col-space-right {
    padding-right: 0.5rem !important;
  }
  .col-space-left {
    padding-left: 0.5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .col-space {
    padding: 0.5rem 1rem !important;
  }
  .col-space-right {
    padding-right: 1rem !important;
  }
  .col-space-left {
    padding-left: 1rem !important;
  }
}
.button-gap {
  gap: 0.4rem;
}

.rc-icons {
  display: inline-block;
  font-family: rc-icons !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.view-detail-container .cdk-drop-list-dragging {
  cursor: grabbing;
}
.view-detail-container .example-box .checkbox .p-checkbox-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 8.3rem;
  line-height: 1.1;
}
.view-detail-container .cursor-grab {
  cursor: grab;
}

/*# sourceMappingURL=common.styles.css.map */