.table .app-name-div {
  color: white;
}
@keyframes example-1 {
  0% {
    background-color: #FAFBFD;
  }
  33% {
    background-color: #FCFDFE;
  }
  50% {
    background-color: white;
  }
  67% {
    background-color: #F2F5FA;
  }
  83% {
    background-color: #F5F7FB;
  }
  100% {
    background-color: #F7F9FC;
  }
}
@keyframes example-2 {
  0% {
    background-color: #F7F9FC;
  }
  33% {
    background-color: #FAFBFD;
  }
  50% {
    background-color: #FCFDFE;
  }
  67% {
    background-color: white;
  }
  83% {
    background-color: #F2F5FA;
  }
  100% {
    background: #F5F7FB;
  }
}
@keyframes example-3 {
  0% {
    background-color: #F5F7FB;
  }
  33% {
    background-color: #F7F9FC;
  }
  50% {
    background-color: #FAFBFD;
  }
  67% {
    background-color: #FCFDFE;
  }
  83% {
    background-color: white;
  }
  100% {
    background: #F2F5FA;
  }
}
@keyframes example-4 {
  0% {
    background-color: #F2F5FA;
  }
  33% {
    background-color: #F5F7FB;
  }
  50% {
    background-color: #F7F9FC;
  }
  67% {
    background-color: #FAFBFD;
  }
  83% {
    background-color: #FCFDFE;
  }
  100% {
    background: white;
  }
}
@keyframes example-5 {
  0% {
    background-color: white;
  }
  33% {
    background-color: #F2F5FA;
  }
  50% {
    background-color: #F5F7FB;
  }
  67% {
    background-color: #F7F9FC;
  }
  83% {
    background-color: #FAFBFD;
  }
  100% {
    background: #FCFDFE;
  }
}
@keyframes example-6 {
  0% {
    background-color: #FCFDFE;
  }
  33% {
    background-color: white;
  }
  50% {
    background-color: #F2F5FA;
  }
  67% {
    background-color: #F5F7FB;
  }
  83% {
    background-color: #F7F9FC;
  }
  100% {
    background: #FAFBFD;
  }
}
.table .p-datatable .p-datatable-tbody > tr.p-highlight {
  background: white !important;
  color: #72767B !important;
}
.table .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
  color: #495057;
  background: white;
}
.table .p-datatable .p-datatable-tbody > tr:hover td {
  border-color: #1A73E8;
}
.table .p-datatable .p-datatable-tbody > tr:hover td .visibility {
  visibility: visible;
}
.table .pi-trash {
  color: #72767B;
}
.table .row-icon:hover .icon {
  color: #1A73E8 !important;
}
.table .row-icon:hover .trash-icon {
  color: #EF433C !important;
}
.table .button .p-button {
  color: white;
  background: #1A73E8;
}
.table .button .p-button:hover {
  background: #0a5cc8;
  color: white;
}
.table .link .p-button {
  border-color: #72767B !important;
  color: #72767B;
  background: white !important;
}
.table .link .p-button:hover {
  border-color: #1A73E8 !important;
  color: #1A73E8;
}
.table .btn-without-action .p-button {
  color: #72767B;
  background: transparent !important;
}
.table .btn-without-action .p-button:hover {
  color: #72767B !important;
}
.table .btn-without-action .p-button:active {
  color: #72767B !important;
}
.table .outline-btn .p-button {
  border-color: #1A73E8 !important;
  color: #1A73E8;
  background: white;
}
.table .display-position {
  display: flex;
  align-items: center;
}
.table ul:hover {
  color: #1A73E8;
}
.table p-avatar .avatar-group-count {
  background-color: #92969c;
  color: white;
}
.table .header-check-box .p-checkbox .p-checkbox-box {
  border-color: white !important;
  background: #1A73E8;
}
.table .header-check-box .p-checkbox .p-checkbox-box.p-highlight {
  border-color: white !important;
}
.table .p-checkbox .p-checkbox-box {
  border-color: #DADCE0 !important;
}
.table .p-datatable .p-datatable-tbody > tr.p-highlight {
  background: white !important;
  color: #72767B !important;
}
.table .p-checkbox .p-checkbox-box.p-highlight {
  border-color: #1A73E8 !important;
}
.table .p-checkbox-box.p-highlight.p-disabled {
  border-color: #D6D6D6 !important;
  background: #D6D6D6 !important;
}
.table .comfortable .p-datatable .p-datatable-tbody > tr.p-highlight {
  background-color: white;
}
.table .comfortable .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
  outline-color: #1A73E8;
  background-color: white;
}
.table .comfortable .p-datatable .p-datatable-tbody > tr:focus {
  outline-color: #1A73E8;
  background-color: white;
}
.table .comfortable .p-datatable .p-datatable-tbody > tr > td,
.table .comfortable .p-datatable .p-datatable-thead > tr > th {
  background-color: white;
  color: #72767B;
  border-color: #e6e6e6;
}
.table .comfortable .p-datatable .p-datatable-tbody > tr:hover td {
  border-color: #e6e6e6;
}
.table .compact .p-datatable-thead > tr > th {
  color: white;
  background-color: #1A73E8;
}
.table .compact .p-datatable-tbody > tr > td {
  border-color: white;
  color: #72767B;
}
.table .p-datatable .p-sortable-column:not(.p-highlight):hover {
  background: #1A73E8;
  color: white;
}
.table .p-datatable .p-sortable-column:not(.p-highlight):hover .with_sort:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
}
.table .p-datatable .p-sortable-column.p-highlight:hover {
  background: #1A73E8;
  color: white;
}
.table .p-datatable .p-sortable-column.p-highlight:hover .with_sort:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
}
.table .app-menu .header-check-box .p-checkbox .p-checkbox-box {
  background-color: white !important;
}
.table .app-menu .header-check-box .p-checkbox .p-checkbox-box.p-highlight {
  background-color: #1A73E8 !important;
}
.table .app-menu .p-datatable-thead > tr > th {
  color: #1A73E8;
  background-color: #e8f0fd;
}
.table .app-menu .p-datatable .p-datatable-tbody > tr > td {
  border-bottom-color: #f4f4f4 !important;
  color: #72767B;
}
.table .app-menu .p-datatable .p-datatable-tbody > tr:hover td {
  border-bottom-color: #f4f4f4 !important;
}
.table .app-menu .p-datatable .p-sortable-column:not(.p-highlight):hover {
  color: #1A73E8;
  background-color: #e8f0fd;
}
.table .app-menu .p-datatable .p-sortable-column:not(.p-highlight):hover .with_sort:hover {
  color: #1A73E8;
}
.table .disabled {
  color: #72767B;
}
.table .empty-data {
  background: white;
}
.table p.text {
  color: #72767B;
}
.table .sub-text {
  color: #72767B;
}
.table .runtime-empty-data {
  background: white;
}
.table ul:hover {
  color: #1A73E8;
}
.table .icon-tag {
  color: #72767B;
}
.table .icon-tag:hover {
  color: #1A73E8;
}
.table .anchor-tag {
  color: rgb(15, 125, 214);
}
.table .primary-btn {
  color: white;
  background: #1A73E8 !important;
  border-color: #1A73E8 !important;
}
.table .primary-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}

.options:hover {
  color: #1A73E8 !important;
}

.view-component .advanced-search {
  border-color: white;
  background: white;
  color: #72767B;
}
.view-component .advanced-search .p-inputtext {
  color: #72767B !important;
}
.view-component .advanced-search .p-inputtext::placeholder {
  color: #72767B !important;
}
.view-component .advanced-search:focus-within {
  outline-color: #1A73E8;
  color: #1A73E8;
}
.view-component .advanced-search:focus-within .p-inputtext::placeholder,
.view-component .advanced-search:focus-within .p-inputtext {
  color: #1A73E8 !important;
}

.view-header {
  border-bottom-color: #e6e6e6 !important;
  color: #72767B;
}
.view-header .view-column-button.p-button.p-button-text {
  color: #72767B;
  border-color: #72767B !important;
}
.view-header .view-delete-button.p-button.p-button-text {
  color: #EF433C;
  border-color: #EF433C !important;
}

.view-detail-appformgrid .view-formgrid .fields-grid {
  border-color: #DADCE0;
}
.view-detail-appformgrid .view-formgrid .column-config {
  border-color: #DADCE0;
}
.view-detail-appformgrid .app-view-detail {
  background: white;
}
.view-detail-appformgrid .app-view-detail .fields-grid {
  border-color: #DADCE0;
}
.view-detail-appformgrid .app-view-detail .column-config {
  border-color: #DADCE0;
}
.view-detail-appformgrid .search-form .sectionDivider {
  border-bottom-color: #e5e7ec !important;
}
.view-detail-appformgrid .example-list {
  background: white;
}
.view-detail-appformgrid .example-box .pi.pi-ellipsis-v {
  color: #BFBFBF !important;
}
.view-detail-appformgrid .example-box .pi.pi-ellipsis-v:active {
  color: #BFBFBF !important;
}
.view-detail-appformgrid .p-multiselect {
  border-color: #efefef !important;
}
.view-detail-appformgrid .p-multiselect .p-multiselect-label {
  color: #72767B !important;
}
.view-detail-appformgrid .p-multiselect .p-multiselect-trigger {
  color: #525252;
}
.view-detail-appformgrid .view-footer {
  border-top-color: #e6e6e6 !important;
}
.view-detail-appformgrid .selected-btn .p-button {
  border-color: #1A73E8 !important;
  color: #1A73E8;
}
.view-detail-appformgrid .checkbox .p-checkbox-label {
  color: #72767B !important;
}

.cdk-drag-preview {
  color: #BFBFBF !important;
}

.view-detail-container {
  background: white;
}

.view-list-container {
  border-right-color: #E6E6E6 !important;
}

.view-column-header {
  color: #72767B;
}
.view-column-header .pi-plus-circle {
  color: #1A73E8 !important;
  font-size: 1.25rem !important;
}
.view-column-header .required:after {
  color: #72767B;
}

.view-list {
  background: white;
  color: #AEAEAE;
}
.view-list hr {
  color: #AEAEAE;
}
.view-list .list-items .list-item:hover + .list-item,
.view-list .list-items .list-item:first-child {
  border-top-color: white;
}
.view-list .list-items .list-item {
  border-color: white;
  border-top-color: #e6e6e6;
}
.view-list .list-items .list-item:hover {
  border-color: #AEAEAE;
}
.view-list .list-items .list-item > .options > .show-options {
  color: #AEAEAE;
}
.view-list .list-items .active-item {
  color: #1A73E8;
}
.view-list .list-items .active-item:hover {
  border-color: #1A73E8;
}
.view-list .list-items .show-options:hover,
.view-list .list-items .rem-favorite:hover {
  color: #1A73E8 !important;
}
.view-list .list-items .border-bottom {
  border-bottom-color: #e6e6e6;
}
.view-list .app-list-items .active-item {
  background: #1A73E8;
}
.view-list .app-list-items .active-item .item-name {
  color: white;
}
.view-list .trash-outline {
  border-color: #F6A09D;
  color: #F6A09D;
}
.view-list .trash-outline .pi-trash {
  color: #F6A09D;
}
.view-list .list-header-options:hover {
  cursor: pointer;
  color: #1A73E8;
}

.designtime-detail {
  background-color: white;
}

.header-component .middle .container .p-autocomplete input[type=text] {
  color: #f9f7f7;
}
.header-component .middle .container .filter-button .filter-icon {
  margin-right: 0.438rem;
}
.header-component .middle .container .filter-button .p-button {
  background: #F8F9FA;
  color: #72767B;
  border-color: #F8F9FA;
}
.header-component .middle .container .filter-button .p-button:hover {
  background: white;
  color: #72767B;
  border-color: white;
}
.header-component .middle .container .filter-button .p-menu .p-menuitem-link {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.5rem 0.25rem;
}
.header-component .middle .container .filter-button .p-menu .p-menuitem-link .p-menuitem-text {
  font-size: 0.875rem;
}
.header-component .middle .container .filter-button .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  font-size: 0.875rem;
}
.header-component .right .container .p-autocomplete input[type=text] {
  color: #525252;
}
.header-component .right .container .p-autocomplete input[type=text]:hover {
  background-color: #edecec !important;
}
.header-component .right .container .p-autocomplete input[type=text]:focus {
  background-color: white !important;
}
.header-component .right .container .filter-button .p-button {
  background: #F8F9FA;
  color: #72767B;
  border-color: #F8F9FA;
}
.header-component .right .container .filter-button .p-button:hover {
  background: white;
  color: #72767B;
  border-color: white;
}
.header-component .right .container .filter-button .p-menu .p-menuitem-link:not(.p-disabled):hover {
  background: white;
}
.header-component .right .container .filter-button .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #1A73E8;
}
.header-component .header {
  color: #72767B;
}
.header-component .p-toast .p-toast-message {
  background: white;
  color: black;
}
.header-component .notification-header {
  color: #72767B;
}
.header-component .header-style {
  background: white;
  border-bottom-color: lightgray;
}
.header-component .mark-as-read {
  color: #1A73E8;
  background: white;
}
.header-component .username {
  color: #4d5157;
}
.header-component .content {
  color: #4d5157;
}
.header-component .notification-content {
  color: #72767B;
}
.header-component .unread {
  background: #F8F9FA !important;
}
.header-component .content-row {
  border-top-color: #e6e6e6;
}
.header-component .overlay-item:hover {
  color: #1A73E8 !important;
}
.header-component .status-div {
  border-color: white;
  background: white;
}
.header-component .status {
  border-color: grey;
}
.header-component .active-status {
  background-color: #3BA959;
}
.header-component .pi-arrow-left {
  color: #72767B;
}
.header-component .pi-arrow-left:hover {
  color: #1A73E8;
}
.header-component .white-bg {
  background-color: white;
}
.header-component .advanced-search {
  border-color: white;
  background: white;
  color: #72767B;
}
.header-component .advanced-search .p-inputtext {
  color: #72767B !important;
}
.header-component .advanced-search .p-inputtext::placeholder {
  color: #72767B !important;
}
.header-component .advanced-search:focus-within {
  outline-color: #1A73E8;
  color: #1A73E8;
}
.header-component .advanced-search:focus-within .p-inputtext::placeholder,
.header-component .advanced-search:focus-within .p-inputtext {
  color: #1A73E8 !important;
}
.header-component .custom-breadcrumb .p-breadcrumb .p-breadcrumb-home .p-menuitem-text {
  color: #BFBFBF !important;
}
.header-component .custom-breadcrumb .p-menuitem-text {
  color: #CACACA !important;
}
.header-component .custom-breadcrumb .p-breadcrumb ul li:last-child .p-menuitem-text {
  color: #72767B !important;
}
.header-component .custom-breadcrumb .p-breadcrumb-chevron {
  color: #CACACA !important;
}
.header-component .custom-breadcrumb .p-breadcrumb-chevron:last-child {
  color: #72767B !important;
}
.header-component .custom-breadcrumb .p-breadcrumb ul li .p-menuitem-link:focus {
  box-shadow: none !important;
}
.header-component .tooltip .tooltiptext {
  background-color: rgba(60, 64, 67, 0.9);
  color: white;
}

.formheader.header {
  color: #72767B;
}
.formheader.custom-breadcrumb .p-breadcrumb ul li:last-child .p-menuitem-text {
  color: #72767B !important;
}
.formheader.custom-breadcrumb .p-menuitem-text {
  color: #B0B0B0 !important;
}
.formheader.custom-breadcrumb .p-breadcrumb-chevron {
  color: #B0B0B0 !important;
}
.formheader.custom-breadcrumb .p-breadcrumb-home .p-menuitem-text {
  color: #B0B0B0 !important;
}
.formheader.advanced-search {
  border-color: white;
  background: white;
  color: #72767B;
}
.formheader.advanced-search input[type=text] {
  color: #72767B !important;
}
.formheader.advanced-search .p-inputtext::placeholder {
  color: #72767B !important;
}

.sidenav.sidenav-collapsed {
  border-right-color: #e6e6e6 !important;
}

.sidenav.design-apps-style .sectionDivider {
  color: #72767B;
  border-bottom-color: #e5e7ec;
}

.sidenav {
  background: white;
}
.sidenav .logo-container .logo {
  background: white;
  color: #1A73E8;
}
.sidenav .logo-container .logo-text {
  color: white;
}
.sidenav .logo-container .btn-close .fa-times {
  color: white;
}
.sidenav .sidenav-nav .sidenav-nav-item {
  width: 100%;
}
.sidenav .sidenav-nav .sidenav-nav-item .sectionDivider {
  color: #72767B;
  border-bottom: 0.106rem solid #e5e7ec;
}
.sidenav .sidenav-nav .sidenav-nav-item .sidenav-nav-link {
  color: #72767B;
}
.sidenav .sidenav-nav .sidenav-nav-item:hover:not(.in-active) .sidenav-nav-link {
  color: #1A73E8 !important;
}
.sidenav .active {
  color: #1A73E8 !important;
}
.sidenav .active .sidenav-link-icon,
.sidenav .active .sidenav-link-text {
  color: #1A73E8;
}
.sidenav .active.submenu-item a {
  color: #1A73E8 !important;
}
.sidenav .submenu-item a:hover {
  color: #1A73E8 !important;
}
.sidenav .nav-link:hover {
  color: #1A73E8;
}
.sidenav .app-logo-container {
  border-color: lightgray;
}
.sidenav .app-logo-collapsed {
  border-color: lightgray;
}
.sidenav .micro-app-name {
  color: #72767B !important;
}
.sidenav .sectionDivider {
  color: #72767B;
  border-bottom-color: #e5e7ec !important;
}
.sidenav .section-divider {
  color: #72767B;
  border-bottom-color: #e5e7ec;
}
.sidenav .section-header {
  color: #92969c;
}
.sidenav .p-tooltip .p-tooltip-text {
  background-color: aliceblue !important;
  color: green !important;
}
.sidenav .back-to-develop-apps {
  border-color: #e5e7ec !important;
  color: #72767B;
}
.sidenav .account-logo-container {
  border-color: rgba(0, 0, 0, 0.1) !important;
  background: white;
}
.sidenav .account-logo-container .add-logo-info-text {
  color: #72767B;
}
.sidenav .add-logo-container {
  background: white;
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.sidenav .add-logo-container .add-logo-info-text {
  color: rgba(114, 118, 123, 0.3);
}

.toast-component .p-toast .p-toast-message {
  background: white !important;
}
.toast-component .p-toast .p-toast-message.p-toast-message-info {
  color: #1A73E8;
}
.toast-component .p-toast .p-toast-message.p-toast-message-warn {
  color: #FBAB18;
}
.toast-component .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
  color: #FBAB18;
}
.toast-component .p-toast .p-toast-message.p-toast-message-error {
  color: #EF433C;
}
.toast-component .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
  color: #EF433C;
}
.toast-component .p-toast .p-toast-message.p-toast-message-success {
  color: #3BA959;
}
.toast-component .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
  color: #3BA959;
}

.secondary-btn {
  color: #72767B !important;
  background: white !important;
  border-color: white !important;
}
.secondary-btn:hover {
  color: #1A73E8 !important;
  border-color: #1A73E8 !important;
}

.primary-btn {
  color: white !important;
  background: #1A73E8 !important;
  border-color: #1A73E8 !important;
}
.primary-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}

.primary-toolbar-btn {
  color: white !important;
  background: #1A73E8 !important;
  border-color: #1A73E8 !important;
}

.secondary-toolbar-btn {
  border-color: #DADCE0 !important;
  color: #72767B !important;
  background: white !important;
}
.secondary-toolbar-btn:hover {
  color: #72767B !important;
}

.outline-btn {
  border-color: #72767B !important;
  color: #72767B !important;
  background: white !important;
}
.outline-btn:hover {
  border-color: #1A73E8 !important;
  color: #1A73E8 !important;
}

.default-outline .p-button {
  border-color: #72767B !important;
  color: #72767B !important;
  background: white !important;
}
.default-outline .p-button:hover {
  border-color: #1A73E8;
  color: #1A73E8 !important;
}

.grey-outline .p-button {
  border-color: #DADCE0 !important;
  color: #72767B !important;
  background: white !important;
}
.grey-outline .p-button:hover {
  border-color: #1A73E8 !important;
  color: #1A73E8 !important;
}

.login-outline .p-button {
  border-color: #D6D6D6 !important;
  color: #72767B !important;
  background: white !important;
}
.login-outline .p-button:hover {
  border-color: #CACACA !important;
  background: #f8f8f8 !important;
}

.trash-outline .p-button {
  border-color: #EF433C !important;
  color: #EF433C !important;
  background: white !important;
}
.trash-outline .p-button:hover {
  background: rgba(239, 67, 60, 0.1019607843) !important;
  border-color: #EF433C !important;
  color: #EF433C !important;
}

.yellow-outline .p-button {
  border-color: #F19C00 !important;
  color: #F19C00 !important;
  background: white !important;
}
.yellow-outline .p-button:hover {
  border-color: #F19C00 !important;
  color: #F19C00 !important;
  background: #FFF7E8 !important;
}

.success-outline .p-button {
  border-color: #3BA959 !important;
  color: #3BA959 !important;
  background: white !important;
}
.success-outline .p-button:hover {
  border-color: #3BA959 !important;
  color: #3BA959 !important;
  background: #F1F4F9 !important;
}

.primary-outline .p-button {
  border-color: #1A73E8 !important;
  color: #1A73E8 !important;
  background: white !important;
}

.timeline.external-timeline-view {
  background-color: white !important;
}
.timeline .statusIcon .p-avatar img {
  color: #080808;
}
.timeline .statusIcon .p-avatar.p-avatar-image {
  background-color: #dee2e6;
}
.timeline .separator {
  border-bottom-color: #f3f3f3 !important;
}
.timeline .color-grey {
  color: #72767B;
}
.timeline .light-grayish-blue {
  color: #aaadb0;
}
.timeline .action-color {
  color: #a5a7ab;
}
.timeline .currentStep-color {
  color: #1A73E8;
}
.timeline .current-action-color {
  color: #6ea6ee;
}
.timeline .action-container {
  border-color: #a5a7ab !important;
  background: #f1f1f2 !important;
}
.timeline .currentStep {
  background-color: #e8f1fd;
}
.timeline .next-step-container {
  border-color: #caccce !important;
  color: #72767B;
}
.timeline .errMsg {
  border-color: red !important;
  color: #e71414;
}
.timeline .errMsgSeparator {
  border-bottom-color: red !important;
}
.timeline .circle {
  color: #232222;
  background-color: #dee2e6 !important;
}
.timeline .future-extension-container {
  background-color: #F3F3F3 !important;
}

.account-detail-component input[readonly],
.account-detail-component textarea[readonly],
.account-detail-component ngx-dropzone[disabled] {
  background: #F8F9FA;
}
.account-detail-component input[readonly].pricing-plan {
  background-color: white;
}
.account-detail-component .image-holder {
  border-color: #efefef !important;
}
.account-detail-component .image-holder .upload-icon {
  color: white;
}
.account-detail-component .image-holder .one-icon-only {
  color: white;
}
.account-detail-component .image-holder .delete-icon {
  color: white;
}
.account-detail-component .image-holder:hover .hover-enabled {
  background-color: #8D8D8D;
}
.account-detail-component #accountLogo,
.account-detail-component #accountIcon {
  color: #72767B;
}
.account-detail-component input:disabled {
  background: #F8F9FA;
  border-color: #F8F9FA;
}
.account-detail-component .logo-instruction-text {
  color: #c0c0c0;
}
.account-detail-component .account-theme .arrow-icon {
  color: #6c757d;
}

.addtional-domain-component i.pi-exclamation-circle {
  color: #ffa700;
}
.addtional-domain-component i.pi-check-circle {
  color: #1f721d;
}
.addtional-domain-component i.pi-trash {
  color: #ff0000;
}
.addtional-domain-component i.pi-pencil {
  color: #3b82f6;
}
.addtional-domain-component .addDomains-listBox {
  border-color: #f4f4f4 !important;
}

.change-password-component .strong-pwd {
  color: #3BA959;
}
.change-password-component .medium-pwd {
  color: #FBAB18;
}
.change-password-component .weak-pwd {
  color: #EF433C;
}
.change-password-component .pwd-matched {
  color: #3BA959;
}
.change-password-component .tooltip .tooltiptext {
  background-color: #F8F9FA;
  color: black;
}

.user-detail-component .imgGrid .img-container .edit-icon {
  color: white;
}
.user-detail-component .imgGrid .img-container .one-icon-only {
  color: white;
}
.user-detail-component .imgGrid .img-container .delete-icon {
  color: white;
}
.user-detail-component .imgGrid .img-container:hover .hover-enabled {
  background-color: #8D8D8D;
}
.user-detail-component .emailDrawer {
  border-color: #f4f4f4 !important;
}
.user-detail-component .emailDrawer .emailDrawer-content .emailListClass {
  color: #72767B;
}
.user-detail-component .emailDrawer .pi-exclamation-circle {
  color: #ffa700;
}
.user-detail-component .emailDrawer .pi-check-circle {
  color: #3BA959;
}

/*
***
***
// COMMON  IN BASE
***
***
*/
.connector-detail-component #connectorLogo .dropzone {
  background: #3b82f6;
  border-color: #3b82f6 !important;
}
.connector-detail-component .dropzone-logo {
  background: #3b82f6;
  border-color: #3b82f6 !important;
}
.connector-detail-component .image-holder {
  background: #f3f3f3;
}
.connector-detail-component .file-upload.dropzone {
  border-color: #717386;
}
.connector-detail-component .file-upload.dropzone ngx-dropzone-label label {
  background-color: #fa6b6b;
  color: white;
}
.connector-detail-component input:disabled {
  background: #F8F9FA;
  border-color: #F8F9FA;
  color: #72767B;
}

.connector-setting-component .permissions {
  border-color: #dee2e6;
}
.connector-setting-component ul li {
  border-bottom-color: #a19a9a !important;
}
.connector-setting-component .circle {
  border-color: #a19a9a;
}
.connector-setting-component .list-container {
  border-color: #a19a9a !important;
}
.connector-setting-component .search {
  background: white !important;
  border-color: #efefef !important;
  color: #72767B !important;
}
.connector-setting-component .search .p-inputtext {
  color: #72767B !important;
}
.connector-setting-component .search .p-inputtext::placeholder {
  color: #72767B !important;
}

/*
***
***
// SETTINGS PROJECT IN BASE
***
***
*/
.generate-otp {
  border-color: #e3e3e3;
  background-color: #F5F5F5;
}

.shared-domain-component .preview-bar {
  color: black;
  background: #ffa700;
}

/*
***
***
// LIB -UI-COMPONENT
***
***
*/
.accordion {
  color: #1A73E8;
}
.accordion .header-line {
  border-bottom-color: #1A73E8;
}
.accordion .helper-info {
  border-color: #e8f0fd;
}
.accordion .helper-info-hidden {
  border-color: #e8f0fd;
}
.accordion .pi-info-circle {
  color: #1A73E8;
}

.color-swatches-container {
  border-color: #FAFBFD;
}
.color-swatches-container .color-swatches-container > div:hover {
  background-color: #F2F4F9;
}
.color-swatches-container .color-swatches-pencil {
  background-color: #D3D3D3;
}
.color-swatches-container .plus-button {
  color: #808080;
}
.color-swatches-container .color-input input {
  border-color: #f4f4f4;
  color: #72767B;
}

.confirm-dialog-component .p-dialog .p-dialog-header {
  background: white !important;
  color: white;
  border-bottom-color: #e6e6e6 !important;
}
.confirm-dialog-component .p-dialog .p-dialog-title {
  color: #72767B;
}
.confirm-dialog-component .primary-btn {
  color: white;
  background: #1A73E8 !important;
  border-color: #1A73E8 !important;
}
.confirm-dialog-component .primary-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.confirm-dialog-component .secondary-btn {
  border-color: #DADCE0 !important;
  color: #72767B;
  background: white !important;
}
.confirm-dialog-component .secondary-btn:hover {
  color: #72767B;
}

.grid-header-component .title {
  color: #72767B;
}
.grid-header-component .tabs {
  color: #BCBCBC;
  background-color: #F9F9F9;
}
.grid-header-component .tabs .active {
  color: #1A73E8 !important;
  background: #e8f0fd;
}
.grid-header-component .tabs .tab {
  border-left-color: #DADCE0;
  color: #72767B;
}
.grid-header-component .tabs .tab:hover {
  color: #1A73E8;
}

.help-info-container {
  border-color: #e8f0fd !important;
}
.help-info-container i {
  color: #1A73E8;
}
.help-info-container .help-info {
  color: #1A73E8;
}

.menu li {
  border-color: #dbdfe4 !important;
  background: white;
}
.menu a {
  color: #72767B;
}
.menu .menu-list-item:hover .menu-link {
  color: #1A73E8 !important;
}

/* MODULES in lib */
.activity-tracker .pi-check-circle {
  color: #45a5f5;
  background-color: white;
}
.activity-tracker .info-icon {
  color: #45a5f5;
}
.activity-tracker .info-icon:hover {
  color: #45a5f5;
}
.activity-tracker .activity-progress .p-button {
  background-color: white;
  color: red;
}
.activity-tracker .activity-tracker-progress .status-container {
  background-color: white;
}
.activity-tracker .activity-tracker-progress .status-info-container {
  background-color: white;
}
.activity-tracker .activity-tracker-progress .status-info-container.status-in-progress {
  background-color: white;
  border-color: #1A73E8;
  color: #1A73E8;
}
.activity-tracker .activity-tracker-progress .status-info-container.status-completed {
  background-color: white;
  border-color: #3BA959;
  color: #3BA959;
}
.activity-tracker .activity-tracker-progress .status-info-container.status-failed {
  background-color: white;
  border-color: #EF433C;
  color: #EF433C;
}
.activity-tracker .activity-tracker-progress .advanced-search {
  border-color: white;
  background: white;
  color: #72767B;
}
.activity-tracker .activity-tracker-progress .advanced-search input[type=text] {
  color: #72767B !important;
}
.activity-tracker .activity-tracker-progress .advanced-search .p-inputtext::placeholder {
  color: #72767B !important;
}

.expression-editor-component .tab-panel-container {
  border-color: rgba(0, 0, 0, 0.1254901961) !important;
}
.expression-editor-component .list-items {
  border-color: rgba(0, 0, 0, 0.1254901961) !important;
}
.expression-editor-component .list-item {
  border-top-color: white !important;
  border-bottom-color: rgba(0, 0, 0, 0.1254901961) !important;
}
.expression-editor-component .list-item:hover {
  border-color: #1A73E8 !important;
  color: #1A73E8;
}
.expression-editor-component .active-item {
  color: #1A73E8;
}
.expression-editor-component .lists {
  border-right-color: rgba(0, 0, 0, 0.1254901961);
}
.expression-editor-component .sub-lists {
  background-color: #f8f8f8;
  border-left-color: rgba(0, 0, 0, 0.1254901961);
}
.expression-editor-component .sepataror {
  border-right-color: rgba(0, 0, 0, 0.1254901961);
}

.file-directory .folder-nav-holder {
  background: #f4f4f4;
}

.dropzone {
  border-color: #ced4da !important;
  background: #F9F9F9 !important;
}
.dropzone .package-bundle-modal input[type=text] {
  color: black;
}
.dropzone .package-bundle-modal .dropzone {
  height: 100%;
}
.dropzone .upload-file {
  border-color: black;
}
.dropzone .upload-file .files-image-preview {
  border-color: #ced4da;
}

.idp-tile-view .idp-btn button {
  border-color: #D6D6D6 !important;
  background: white;
}

.section-header {
  color: #1A73E8;
}
.section-header .header-line {
  border-bottom-color: #1A73E8;
}

.share-dialog-component .share-modal .p-dialog-footer .share-button-group {
  border-top-color: #72767B !important;
}
.share-dialog-component .share-modal .p-datatable .p-datatable-tbody > tr:hover td {
  border-color: transparent;
}
.share-dialog-component .share-button-group {
  border-top-color: #72767B !important;
}
.share-dialog-component .share-dialog .shade:hover {
  background-color: rgba(237, 250, 250, 0.782);
}
.share-dialog-component .box-container {
  border-color: #e9e9e9;
}

.toolbar-component .toolbar {
  background-color: white;
  color: #72767B;
  border-bottom-color: #e6e6e6 !important;
}
.toolbar-component i {
  color: #72767B;
}
.toolbar-component .component {
  color: #B0B0B0;
}
.toolbar-component .primary-text-color {
  color: #1A73E8;
}
.toolbar-component .tooltip .tooltiptext {
  background-color: rgba(60, 64, 67, 0.9);
  color: white;
}

#document-status .trash-icon {
  color: #a19a9a;
}
#document-status .trash-icon:hover {
  color: red;
}
#document-status .content {
  border-bottom-color: #f4f4f4;
}
#document-status .delete-row-btn .p-disabled.p-component:disabled {
  background-color: #F5F5F5 !important;
  border-color: #D3D3D3 !important;
  color: #9b9a9a !important;
}
#document-status .add-btn .button .p-button:hover {
  background-color: #DCE9FC !important;
  border-color: #CFE0F8 !important;
  color: #1A73E8 !important;
}
#document-status .add-btn .button .p-button {
  background-color: #E9F1FD !important;
  border-color: #D6E4F8 !important;
  color: #1A73E8 !important;
}

.custom-single-autocomplete .p-autocomplete,
.custom-autocomplete .p-autocomplete {
  border-color: #efefef !important;
}
.custom-single-autocomplete .p-button.p-button-icon-only,
.custom-autocomplete .p-button.p-button-icon-only {
  color: #72767b !important;
}
.custom-single-autocomplete .p-button.p-button-icon-only:hover,
.custom-autocomplete .p-button.p-button-icon-only:hover {
  color: #3B82F6 !important;
}
.custom-single-autocomplete .p-button,
.custom-autocomplete .p-button {
  background: white !important;
}

.p-confirm-dialog-accept {
  color: white;
  background: #1A73E8 !important;
  border-color: #1A73E8 !important;
}
.p-confirm-dialog-accept:hover {
  background: rgba(0, 0, 0, 0.1);
}

.task .application-filter-button {
  color: #72767B !important;
  background: white !important;
  border-color: white !important;
}
.task .application-filter-button:hover {
  color: #1A73E8 !important;
  border-color: #1A73E8 !important;
}

.import-users .hyperlink {
  color: #1A73E8 !important;
}

/*# sourceMappingURL=common-cc.css.map */
