@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap";

/* src/assets/global.scss */
body {
  font-family: "Open Sans", sans-serif !important;
}
:root {
  --primary-color: #002f59;
  --secondary-color: #ebeff2;
  --accent-color: #002f59;
  --text-color: #000000;
  --text-light-color: #919191;
  --background-color: #ffffff;
  --ion-inner-bg: #ffffff;
  --white-color: #ffffff;
  --black-color: #000000;
  --always-white: #ffffff;
  --always-black: #000000;
  --grey-color: #bababa;
  --input-border-color: #c2c2c2;
  --input-focus-color: 0px 0px 0px 3px rgba(0, 47, 89, 0.25);
  --input-focus-border: #004786;
  --table-background: #2fa3e742;
  --table-border-color: #e9e9e9;
  --bold-color: #000000;
  --table-sub-txt: #6f6f6f;
  --border-new-color: #d0d0d0;
  --error-color: #f30404;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
div,
ion-button,
ion-title,
ion-label,
ion-input,
ion-textarea {
  font-family: "Open Sans", sans-serif !important;
  --ion-font-family: "Open Sans", sans-serif !important;
  color: #11141a;
}
a24-text-area .hide {
  display: none;
}
.description .hide {
  display: none;
}
.errlength-count {
  display: inline-block !important;
  padding: 2px;
  border-radius: 10px;
}
.mt-16 {
  margin-top: 16px !important;
}
.site_header::after {
  background: unset;
  display: none;
}
.picker-item-active {
  --ion-color-base: #3b8dc9;
}
.ion-color-success {
  --ion-color-success: #48ac1e;
  position: absolute;
  left: auto;
  bottom: 16px;
  min-width: 20%;
  max-width: 20%;
  right: 35px;
}
.payment_page.ios-table .view_detailTable .dataTable .custom-smart-table .table-responsive {
  overflow-x: scroll !important;
}
::-webkit-scrollbar {
  padding: 0px;
  width: 3px;
}
.caps {
  text-transform: capitalize;
}
.bold {
  font-weight: 700 !important;
}
::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-width: 3px;
  border-radius: 30px;
}
::-webkit-scrollbar-track {
  background: #fff;
  border: 1px solid #fff;
  width: 3px;
  display: table-cell;
  vertical-align: middle;
  border-radius: 30px;
}
::selection {
  background-color: #ebf6fe;
  color: #000;
}
input:-webkit-autofill {
  height: 50px;
  -webkit-box-shadow: 0 0 0 10px white inset;
  -webkit-text-fill-color: black !important;
  font-weight: 500px;
}
input:-webkit-autofill:focus {
  height: 50px;
  -webkit-box-shadow: 0 0 0 10px white inset;
  -webkit-text-fill-color: black !important;
  font-weight: 500px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.pl-5 {
  padding-left: 5px;
}
.btn {
  margin: 0;
  --box-shadow: unset;
  font-size: 14px;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  font-weight: 500;
  height: 44px;
}
.theme_red_btn {
  --background: var(--ion-theme-blue-color);
  color: #fff;
  border-radius: 6px;
  border: unset;
}
.theme_red_btn:hover {
  --background: var(--ion-theme-blue-color);
  color: #fff;
  border-radius: 6px;
}
.theme_light_btn {
  --background: #86c5f3;
  color: #fff;
  border-radius: 6px;
  border: unset;
}
.theme_light_btn.yellow_btn {
  --background: #f3cc31 !important;
}
.hide_web {
  display: none;
}
.native-input[disabled].sc-ion-input-md {
  opacity: 1;
}
.theme_outline_btn {
  --background: transparent;
  border: 1px solid var(--ion-theme-blue-color);
  color: var(--ion-theme-blue-color);
  border-radius: 5px;
}
.theme_outline_btn:hover {
  --background: var(--ion-theme-blue-color) !important;
  border: 1px solid var(--ion-theme-blue-color);
  color: #fff !important;
  border-radius: 5px;
}
ion-button:hover {
  --background-hover: transparent !important;
  --background-focused: transparent !important;
}
.modal_footer.bottom_footer {
  background: #fff;
  padding: 24px 50px;
  text-align: end;
  box-shadow: 0px -3px 5px 1px rgba(0, 0, 0, 0.0901960784);
}
.modal_footer .theme_cancel_btn {
  --background: transparent;
  color: var(--ion-theme-blue-color);
}
.modal_footer .theme_red_btn {
  width: 160px;
}
.ion-color-primary {
  --ion-color-base: #3b8dc9 !important;
  --ion-color-primary-rgb: #3b8dc9 !important;
}
ion-datetime {
  --ion-color-base: #3b8dc9 !important;
  --color: var(--ion-color-base) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb) !important;
}
.pb-120 {
  padding-bottom: 120px !important;
}
.ml-16 {
  margin-left: 16px;
}
.my-20 {
  margin: 20px 0 !important;
}
.my-30 {
  margin: 16px 0 !important;
}
.mt-40 {
  margin-top: 40px;
}
.dec b {
  padding-right: 5px;
}
p {
  font-weight: normal;
}
br,
.filters:empty,
a.filepond--credits {
  display: none;
}
.d_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.space-between {
  justify-content: space-between;
}
ion-progress-bar {
  --progress-background: var(--ion-theme-blue-color);
  --buffer-background: #ebf6fe;
  z-index: 9;
}
ng-dropdown-panel {
  animation: growDown 250ms ease-in-out forwards;
  transform-origin: top center;
  border: 0 !important;
}
ngx-appointment-list .appt_calendar label {
  position: absolute;
  top: 15px;
  left: 44px;
  z-index: 0;
  padding: 12px 10px;
  border: 1px solid #cbcbcb;
  background: #fff;
}
ngx-appointment-list .appt_calendar ion-datetime-button {
  position: absolute;
  z-index: 1;
  top: 21px;
  left: 40px;
}
ngx-appointment-list .appt_calendar ion-datetime-button::part(native) {
  color: transparent;
  background-color: transparent;
  --border: unset !important;
  width: auto;
  height: auto;
  padding: 10px;
  margin: 0;
}
app-project-delivery-order-list .project_table_section .table_sec .view_detailTable .custom-smart-table .table-responsive table thead tr th.downloadDO {
  width: 200px !important;
}
ngx-project-info .card_box ion-card-content .inner_project_details .project_info .info-text .length_text {
  -webkit-line-clamp: 2;
}
ngx-add-appointment .add_appt_calendar,
ngx-project-reminder .add_appt_calendar,
app-project-add-payment .add_appt_calendar,
ngx-add-employee .add_appt_calendar {
  width: 74%;
  position: relative;
  height: 51px;
  background-color: var(--ion-white-color);
  display: flex;
  align-items: center;
  border-radius: 4px;
}
ngx-add-appointment .add_appt_calendar label,
ngx-project-reminder .add_appt_calendar label,
app-project-add-payment .add_appt_calendar label,
ngx-add-employee .add_appt_calendar label {
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 0;
  padding: 12px 10px;
  background-color: var(--ion-white-color);
  width: 100%;
}
ngx-add-appointment .add_appt_calendar .calendar_icon,
ngx-project-reminder .add_appt_calendar .calendar_icon,
app-project-add-payment .add_appt_calendar .calendar_icon,
ngx-add-employee .add_appt_calendar .calendar_icon {
  position: absolute;
  right: 22px;
  color: #d1d1d2;
}
ngx-add-appointment .add_appt_calendar ion-datetime-button,
ngx-project-reminder .add_appt_calendar ion-datetime-button,
app-project-add-payment .add_appt_calendar ion-datetime-button,
ngx-add-employee .add_appt_calendar ion-datetime-button {
  z-index: 1;
  width: 100%;
}
ngx-add-appointment .add_appt_calendar ion-datetime-button::part(native),
ngx-project-reminder .add_appt_calendar ion-datetime-button::part(native),
app-project-add-payment .add_appt_calendar ion-datetime-button::part(native),
ngx-add-employee .add_appt_calendar ion-datetime-button::part(native) {
  color: transparent;
  background-color: transparent;
  --border: unset !important;
  width: auto;
  height: auto;
  padding: 10px;
  margin: 0;
  width: 100%;
  outline: unset !important;
}
@keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}
.date_picker .select_datePic .shown {
  z-index: 99999 !important;
}
app-inventory-history .table-responsive table tbody .table_text {
  line-height: 30px;
}
.companyList_page .table-responsive th.contactPerson {
  width: 140px !important;
}
.companyList_page .table-responsive th.gstNo {
  width: 150px !important;
}
app-project-payment-list .table-responsive th.paymentDate {
  width: 165px !important;
}
app-project-payment-list .table-responsive th.grandTotal {
  width: 165px !important;
}
app-project-payment-list .table-responsive th.paymentAmount {
  width: 245px !important;
  text-align: right;
}
app-project-payment-list .table-responsive th.totalPaidToDate {
  width: 200px !important;
  text-align: right;
}
app-project-payment-list .table-responsive th.remark {
  width: 233px !important;
}
app-project-payment-list .table-responsive th.method {
  width: 200px !important;
}
app-project-payment-list .table-responsive th.void {
  width: 200px !important;
}
tr.company_disabled {
  pointer-events: none !important;
}
tr.company_disabled td[data-label=Action] {
  pointer-events: none !important;
}
tr.disabled {
  pointer-events: none !important;
}
tr.disabled td[data-label=Action] {
  pointer-events: auto !important;
}
ng2-smart-table .custom-smart-table table tbody tr td .yes {
  color: #3aa949;
}
ng2-smart-table .custom-smart-table table tbody tr td .yes::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 7.5px;
  margin-right: 5px;
  background-color: #3aa949;
  position: relative;
}
ng2-smart-table .custom-smart-table table tbody tr td .no {
  color: #f86b6b;
}
ng2-smart-table .custom-smart-table table tbody tr td .no::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 7.5px;
  margin-right: 5px;
  background-color: #f86b6b;
  position: relative;
}
a.sort.asc:after,
a.sort.desc:after {
  position: relative;
  right: -10px;
}
span.required {
  color: var(--ion-theme-blue-color);
  font-size: 14px;
  display: none;
}
ion-accordion ion-list .row_sec .col ion-item.item-interactive-disabled,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.item-interactive-disabled {
  --background: transparent !important;
}
ion-accordion ion-list .row_sec .col ion-item.item-interactive-disabled a24-input,
ion-accordion ion-list .row_sec .col ion-item.item-interactive-disabled dropdown-component,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.item-interactive-disabled a24-input,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.item-interactive-disabled dropdown-component {
  width: 74%;
  color: #414141;
  font-weight: 500;
  background: #e3e3e3;
  margin: 0;
  height: 51px;
  line-height: 51px;
  border-radius: 5px;
}
ion-accordion ion-list .row_sec .col ion-item.item-interactive-disabled a24-input ion-input,
ion-accordion ion-list .row_sec .col ion-item.item-interactive-disabled a24-input .form-group.custom_select,
ion-accordion ion-list .row_sec .col ion-item.item-interactive-disabled dropdown-component ion-input,
ion-accordion ion-list .row_sec .col ion-item.item-interactive-disabled dropdown-component .form-group.custom_select,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.item-interactive-disabled a24-input ion-input,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.item-interactive-disabled a24-input .form-group.custom_select,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.item-interactive-disabled dropdown-component ion-input,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.item-interactive-disabled dropdown-component .form-group.custom_select {
  background: transparent;
}
ion-accordion ion-list .row_sec .col ion-item.item-interactive-disabled a24-input ion-input ng-select,
ion-accordion ion-list .row_sec .col ion-item.item-interactive-disabled a24-input .form-group.custom_select ng-select,
ion-accordion ion-list .row_sec .col ion-item.item-interactive-disabled dropdown-component ion-input ng-select,
ion-accordion ion-list .row_sec .col ion-item.item-interactive-disabled dropdown-component .form-group.custom_select ng-select,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.item-interactive-disabled a24-input ion-input ng-select,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.item-interactive-disabled a24-input .form-group.custom_select ng-select,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.item-interactive-disabled dropdown-component ion-input ng-select,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.item-interactive-disabled dropdown-component .form-group.custom_select ng-select {
  overflow-y: hidden;
}
.add_inventory_page ion-list .main_row_sec ion-item.item-interactive-disabled,
.add_product_page ion-list .main_row_sec ion-item.item-interactive-disabled,
.add_project_page ion-list .main_row_sec ion-item.item-interactive-disabled,
.project_addQuotation_page ion-list .main_row_sec ion-item.item-interactive-disabled {
  --background: #f8f8f8 !important;
}
.add_inventory_page ion-list .main_row_sec ion-item .native-input[disabled],
.add_inventory_page ion-list .main_row_sec ion-item .ng-select,
.add_product_page ion-list .main_row_sec ion-item .native-input[disabled],
.add_product_page ion-list .main_row_sec ion-item .ng-select,
.add_project_page ion-list .main_row_sec ion-item .native-input[disabled],
.add_project_page ion-list .main_row_sec ion-item .ng-select,
.project_addQuotation_page ion-list .main_row_sec ion-item .native-input[disabled],
.project_addQuotation_page ion-list .main_row_sec ion-item .ng-select {
  opacity: 0.6;
}
ng-dropdown-panel {
  background: #fff;
  box-shadow: 1px 2px 5px 0 rgba(12, 12, 12, 0.2);
  border-radius: 5px;
}
.modal-wrapper {
  --position: absolute;
  --top: 0px;
  --right: 0px;
  --height: 100vh;
  --width: 42%;
  --border-top-left-radius: 20px;
  --border-bottom-left-radius: 20px;
}
.item-interactive-disabled:not(.item-multiple-inputs) ion-label {
  opacity: 1 !important;
}
.item-interactive-disabled:not(.item-multiple-inputs) ion-input input {
  color: #555555;
}
.user_link,
.theme_red_btn,
.password_visiable_icon ion-icon,
.day-of-week-wrapper,
.con_appointments_page app-ionic-horizontal-cal .top-wrapper ion-icon.arrow,
ng2-smart-table .custom-smart-table table tbody tr td,
.user_action_list ion-item,
ion-menu.dnl_sidemenu ion-item,
.date_picker .select_datePic input,
.card_box .project-info.userDetails .back-btn ion-icon:hover,
ng2-smart-table .custom-smart-table table thead tr a,
ng-select .ng-value .ng-value-icon,
.company_profile_page ion-list .main_row_sec .main_col.company_logo_sec ion-item,
ng-dropdown-panel .ng-has-value,
.profile_desc ion-list ion-item:last-child span,
.filter-selection .custom_select,
ion-toolbar.page_toolbar ion-buttons,
.table_sec .filter_sec .table_filter .filter_item .select_status .custom_select ng-select,
.ng-select-container.ng-has-value,
.select_status .custom_select ng-select .ng-select-container,
.close_bg,
.ng-dropdown-panel .select_projectname:hover,
.hoverRow .view_detailTable table tbody tr:hover,
.table_sec .show_hide:hover,
.filepond--root .filepond--drop-label,
.filepond--drop-label.filepond--drop-label label,
ng2-smart-table .custom-smart-table table tr td input[type=checkbox] {
  cursor: pointer;
  color: #000;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-theme-blue-color) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var( --ion-color-secondary-contrast-rgb, 255, 255, 255 ) !important;
  --ion-color-shade: var(--ion-theme-blue-color) !important;
  --ion-color-tint: var(--ion-theme-blue-color) !important;
}
.alert-leave .alert-message strong {
  font-weight: 300 !important;
}
.alert-leave #cancel-button {
  color: #242424;
}
.alert-leave #confirm-button {
  color: #b92020;
}
.no_data_msg {
  text-align: center;
}
.no_data_msg img {
  width: 130px;
}
.no_data_msg p {
  margin-top: 0;
  color: #b5b5b5;
  margin-bottom: 24px;
}
.project_addPurchaseOrder_page .multiselect-mode .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th:first-child {
  width: 44px !important;
}
.project_addPurchaseOrder_page .multiselect-mode .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr.ng2-smart-titles input,
.project_addPurchaseOrder_page .multiselect-mode .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr.ng2-smart-titles .checkbox_icon {
  display: none;
}
ngx-profit-loss .table_sec .filter_sec .table_filter .filter_item,
ngx-balance-sheet .table_sec .filter_sec .table_filter .filter_item {
  flex-direction: row-reverse;
}
.webmodal .addUpdate_modal .modal_body ion-list .field {
  position: relative;
  padding: 0px;
}
.webmodal .addUpdate_modal .modal_body ion-list .field.column-3 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.webmodal .addUpdate_modal .modal_body ion-list .field.column-3 ion-label {
  width: 26%;
  font-size: 16px;
  color: #11141a;
  font-weight: 600;
}
.webmodal .addUpdate_modal .modal_body ion-list .field.column-3 ion-item.item-ionic-selectable {
  width: 20%;
}
.webmodal .addUpdate_modal .modal_body ion-list .field.column-3 ion-item.item-ionic-selectable dropdown-component {
  width: 100%;
}
.webmodal .addUpdate_modal .modal_body ion-list .field.column-3 ion-item.item-ionic-selectable dropdown-component ionic-selectable {
  padding-left: 10px;
}
.webmodal .addUpdate_modal .modal_body ion-list .field.column-3 ion-item.item-ionic-selectable dropdown-component ionic-selectable .ionic-selectable-icon-inner {
  top: 22px;
}
.webmodal .addUpdate_modal .modal_body ion-list .field.column-3 ion-item.contactNo {
  width: 54%;
  position: relative;
}
.webmodal .addUpdate_modal .modal_body ion-list .field.column-3 ion-item.contactNo .contact_no::after {
  content: "";
  height: 20px;
  position: absolute;
  top: 25px;
  left: 0;
  width: 1px;
  background-color: #a0a0a0;
}
.webmodal .addUpdate_modal .modal_body ion-list .field .valid-msg {
  position: relative;
  width: 100%;
}
.webmodal .addUpdate_modal .modal_body ion-list .field .valid-msg .form-con-errors {
  height: 0;
}
.webmodal .addUpdate_modal .modal_body ion-list .field .valid-msg .hide-err {
  position: relative;
  left: 182px;
  bottom: 14px;
}
.hide-err {
  font-size: 12px !important;
  color: #dd3f3f;
  margin-bottom: 0px;
  letter-spacing: 0.4px;
  margin: 0;
  margin-top: 6px;
  margin-right: 8px;
  line-height: 17px;
}
.hide-err .red-text {
  color: #dd3f3f;
}
ngx-project-order-list .table_sec .disabled {
  pointer-events: none;
  cursor: unset;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  box-shadow: 0 0 0 30px white inset !important;
}
ng2-smart-table.no_data_found .custom-smart-table table tbody tr:hover {
  background: #f1f2f6 !important;
}
app-purchase-order-bulk-update table thead th input[type=checkbox] {
  display: block !important;
}
ngx-purchase-order-list .purchase_order_list .table_sec .view_detailTable ng2-smart-table .table-responsive table tbody td {
  pointer-events: none !important;
}
ngx-purchase-order-list .purchase_order_list .table_sec .view_detailTable ng2-smart-table .table-responsive table tbody td ion-button.user_action {
  pointer-events: auto;
  cursor: pointer;
}
app-project-add-purchase-order .project_addPurchaseOrder_page form .row_sec .col .card_box ion-grid .form-group .input_box.data_set {
  padding: 0 15px;
}
app-project-add-purchase-order .project_addPurchaseOrder_page form .row_sec .col .card_box ion-grid .form-group ion-item {
  --border-style: unset !important;
}
app-project-add-purchase-order .project_addPurchaseOrder_page form .row_sec .col .card_box ion-grid .form-group ion-item .input_box {
  width: 100%;
}
app-project-add-purchase-order .project_addPurchaseOrder_page form .row_sec .col .card_box ion-grid .form-group ion-item.dnl-item-invalid .input_box dropdown-component .form-group ng-select {
  border-bottom: 1px solid var(--ion-theme-red-color);
}
app-project-add-purchase-order .project_addPurchaseOrder_page form .row_sec .col .card_box ion-grid .form-group ion-item.dnl-item-invalid .input_box dropdown-component .form-group ng-select input {
  border: none;
}
app-project-add-purchase-order .project_addPurchaseOrder_page form .row_sec .col .card_box ion-grid .form-group ion-item.dnl-item-invalid .input_box ion-textarea,
app-project-add-purchase-order .project_addPurchaseOrder_page form .row_sec .col .card_box ion-grid .form-group ion-item.dnl-item-invalid .input_box input,
app-project-add-purchase-order .project_addPurchaseOrder_page form .row_sec .col .card_box ion-grid .form-group ion-item.dnl-item-invalid .input_box ng-select {
  border-bottom: 1px solid var(--ion-theme-red-color);
}
app-project-add-purchase-order .project_addPurchaseOrder_page form .row_sec .col .card_box ion-grid .form-group app-form-errors {
  left: 7px;
}
app-project-add-purchase-order .project_addPurchaseOrder_page form .row_sec .col .card_box ion-grid .form-group app-form-errors .hide-err {
  position: relative;
  left: 17px !important;
}
app-purchase app-project-add-purchase-order .page_content .po_infos {
  justify-content: flex-end;
}
app-purchase .project_table_section .project_bottom_buttons.style_2 {
  justify-content: flex-start !important;
}
app-project-invoice-list ng2-smart-table .custom-smart-table table {
  table-layout: fixed;
}
app-project-invoice-list ng2-smart-table .custom-smart-table table thead tr th {
  width: 100% !important;
}
app-project-invoice-list ng2-smart-table .custom-smart-table table thead tr th.invoice,
app-project-invoice-list ng2-smart-table .custom-smart-table table thead tr th.date,
app-project-invoice-list ng2-smart-table .custom-smart-table table thead tr th.amount,
app-project-invoice-list ng2-smart-table .custom-smart-table table thead tr th.balance,
app-project-invoice-list ng2-smart-table .custom-smart-table table thead tr th.status {
  width: 100% !important;
}
app-project-invoice-list ng2-smart-table .custom-smart-table table thead tr th.downloadInvoice {
  width: 200px !important;
}
app-project-invoice-list .applied-manage-column .dataTable .table-responsive table th.downloadInvoice {
  width: 200px !important;
  min-width: 200px !important;
}
.purchase_order_list ng2-smart-table .custom-smart-table table thead tr th.purchaseOrderNo {
  width: 100px !important;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td .table_view.row_2 .ng-select .ng-arrow-wrapper {
  top: 5px;
}
.project_addQuotation_page .ng-select.ng-select-single .ng-select-container .ng-value-container {
  line-height: 32px;
}
ng2-smart-table .table-responsive table tr td p.date_head {
  display: flex;
  height: 44px;
  background: #3aa949;
  color: #fff;
  z-index: 0;
  font-size: 14px;
  font-weight: 700;
  padding: 0px 14px;
  position: relative;
  top: 0px;
  left: 0px;
  right: 0;
  min-height: 44px;
  white-space: nowrap;
  line-height: 44px;
}
ng2-smart-table .table-responsive table tr td p.date_head::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  background: #3aa949;
  color: #fff;
  width: 100%;
  height: 44px;
  border-right: 1px solid #3aa949;
  overflow: visible;
  z-index: -1;
}
ng2-smart-table .table-responsive table tr td p.date_head .print_icon {
  margin-left: 10px;
  color: #fff;
  line-height: 53px;
}
ng2-smart-table .table-responsive table tr td p.date_head .print_icon ion-icon {
  font-size: 20px;
}
ng2-smart-table .table-responsive table tr.date_today td p.date_head {
  background: #f2c2bd;
  color: #000;
}
ng2-smart-table .table-responsive table tr.date_today td p.date_head::after {
  background: #f2c2bd;
  color: #000;
  border-right: 1px solid #f2c2bd;
}
ng2-smart-table .table-responsive table tr.date_today td p .print_icon {
  color: #000;
}
td.ng2-smart-actions.ng2-smart-action-multiple-select.disabled {
  opacity: 0.4;
  pointer-events: none;
}
a.sort.asc:after,
a.sort.desc:after {
  border-bottom-color: #aeaeae;
}
.user_action_list ion-item {
  color: #323434;
}
.user_action_list ion-item:hover {
  --background: #f1f2f6;
  color: var(--ion-theme-blue-color);
}
.user_action_list ion-item:hover ion-icon {
  color: var(--ion-theme-blue-color);
}
.user_action_list ion-item.disabled {
  color: #d2d2d2 !important;
}
.user_action_list ion-item.disabled span {
  color: #d2d2d2 !important;
}
.user_action_list ion-item.disabled ion-icon {
  color: #d2d2d2;
}
.user_action_list ion-item ion-icon {
  font-size: 20px;
  margin-right: 20px;
  color: #323434;
  pointer-events: none;
}
.project_title {
  color: var(--ion-theme-blue-color);
  font-size: 25px;
  font-weight: 700;
  margin: 0px;
  padding: 10px 0px;
}
ngx-project-quotation-list .view_detailTable .dataTable table {
  table-layout: fixed !important;
}
ngx-project-quotation-list .view_detailTable .dataTable table th {
  width: 100% !important;
}
ngx-project-quotation-list .view_detailTable .dataTable table th.no {
  width: 78px !important;
}
ngx-project-quotation-list .view_detailTable .dataTable table th.date {
  width: 165px !important;
}
ngx-project-quotation-list .view_detailTable .dataTable table th.status {
  width: 120px !important;
}
ngx-project-quotation-list .view_detailTable .dataTable table th.poGenerated {
  width: 130px !important;
}
ngx-project-quotation-list .view_detailTable .dataTable table th.downloadQuotation {
  width: 250px !important;
}
ngx-project-quotation-list .applied-manage-column .dataTable .table-responsive table th.downloadQuotation {
  width: 230px !important;
}
.reminder-btn {
  position: absolute;
  top: 63px;
  right: 0;
}
ngx-project-purchase-order-list .view_detailTable .dataTable table th.poNum {
  width: 160px !important;
}
ngx-project-purchase-order-list .view_detailTable .dataTable table th.faxedDate {
  width: 145px !important;
}
ngx-project-purchase-order-list .view_detailTable .dataTable table th.collectDate {
  width: 145px !important;
}
ngx-project-purchase-order-list .view_detailTable .dataTable table th.downloadPOAndRestore {
  width: 230px !important;
  text-align: center;
}
ngx-project-purchase-order-list .view_detailTable .dataTable table th.inventoryStatus {
  width: 170px !important;
}
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table thead tr:first-child,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table thead tr:first-child {
  border-bottom: 1px solid #dfdfdf !important;
}
.project_addPurchaseOrder_page h2 {
  margin-top: 5px;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ng-select .ng-select-container .view_detailTable ng2-smart-table .custom-smart-table table thead tr:first-child {
  border-bottom: 1px solid #dfdfdf !important;
}
.amount a {
  text-align: right;
}
app-project-add-quotation .dummy-row,
app-edit-invoice .dummy-row {
  pointer-events: none;
}
app-project-add-quotation .table-responsive table tbody app-form-errors .hide-err,
app-edit-invoice .table-responsive table tbody app-form-errors .hide-err {
  padding-left: 22.5%;
}
app-project-add-quotation .table-responsive table tbody td.disabled a24-input ion-input,
app-edit-invoice .table-responsive table tbody td.disabled a24-input ion-input {
  background-color: #d2d2d2 !important;
  opacity: 0.5;
}
.blue_text {
  color: var(--ion-theme-blue-color);
  cursor: pointer;
}
app-project-invoice-list .no_data_found .custom-smart-table table tr th.invoice {
  width: 140px !important;
}
app-project-invoice-list .no_data_found .custom-smart-table table tr th.amount {
  width: 140px !important;
}
app-project-invoice-list .no_data_found .custom-smart-table table tr th.amount a {
  padding: 0px 25px !important;
}
app-project-invoice-list .no_data_found .custom-smart-table table tr th.balance a {
  padding: 0px 25px !important;
}
app-project-invoice-list .no_data_found .custom-smart-table table tr th.status {
  width: 170px !important;
}
.dnl_projectDetails_page .view_listTable ng2-smart-table .custom-smart-table table thead tr:first-child,
.dnl_projectDetails_page .view_listTable thead tr:first-child,
.product_requirement_list .view_listTable ng2-smart-table .custom-smart-table table thead tr:first-child,
.product_requirement_list .view_listTable thead tr:first-child,
.quotation_page .view_listTable ng2-smart-table .custom-smart-table table thead tr:first-child,
.quotation_page .view_listTable thead tr:first-child,
.project_editInvoice_page .view_listTable ng2-smart-table .custom-smart-table table thead tr:first-child,
.project_editInvoice_page .view_listTable thead tr:first-child,
.project_addQuotation_page .view_listTable ng2-smart-table .custom-smart-table table thead tr:first-child,
.project_addQuotation_page .view_listTable thead tr:first-child {
  border-bottom: 1px solid #dfdfdf !important;
}
.dnl_projectDetails_page .appointments_table .view_detailTable ng2-smart-table .custom-smart-table table thead tr:first-child th,
.product_requirement_list .appointments_table .view_detailTable ng2-smart-table .custom-smart-table table thead tr:first-child th,
.quotation_page .appointments_table .view_detailTable ng2-smart-table .custom-smart-table table thead tr:first-child th,
.project_editInvoice_page .appointments_table .view_detailTable ng2-smart-table .custom-smart-table table thead tr:first-child th,
.project_addQuotation_page .appointments_table .view_detailTable ng2-smart-table .custom-smart-table table thead tr:first-child th {
  border-bottom: 1px solid #dfdfdf !important;
}
.dnl_projectDetails_page .appointments_table .view_detailTable ng2-smart-table .custom-smart-table table tbody tr:hover,
.product_requirement_list .appointments_table .view_detailTable ng2-smart-table .custom-smart-table table tbody tr:hover,
.quotation_page .appointments_table .view_detailTable ng2-smart-table .custom-smart-table table tbody tr:hover,
.project_editInvoice_page .appointments_table .view_detailTable ng2-smart-table .custom-smart-table table tbody tr:hover,
.project_addQuotation_page .appointments_table .view_detailTable ng2-smart-table .custom-smart-table table tbody tr:hover {
  background-color: #fff !important;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr:first-child,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr:first-child,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr:first-child,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr:first-child,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr:first-child {
  height: auto;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr:first-child::after,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr:first-child::after,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr:first-child::after,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr:first-child::after,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr:first-child::after {
  background: transparent;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th {
  height: 70px;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th:hover,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th:hover,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th:hover,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th:hover,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th:hover {
  background: transparent;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount {
  text-align: right !important;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount span,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount span,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount span,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount span,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount span {
  padding-right: 15px;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.generateInvoice,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th.generateInvoice,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.generateInvoice,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.generateInvoice,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.generateInvoice {
  width: 192px !important;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th span,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th span,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th span,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th span,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th span {
  color: #333333 !important;
  font-weight: 600 !important;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr.ng2-smart-titles input,
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr.ng2-smart-titles .checkbox_icon,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr.ng2-smart-titles input,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr.ng2-smart-titles .checkbox_icon,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr.ng2-smart-titles input,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr.ng2-smart-titles .checkbox_icon,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr.ng2-smart-titles input,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr.ng2-smart-titles .checkbox_icon,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr.ng2-smart-titles input,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr.ng2-smart-titles .checkbox_icon {
  display: none;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tbody,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tbody,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tbody,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody {
  vertical-align: top;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td {
  color: #000;
  padding: 10px 10px;
  margin: 0 auto;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ion-input,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ion-input,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ion-input,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ion-input,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ion-input {
  margin-top: 0px;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td:nth-child(2) .ng-select,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td:nth-child(2) .ng-select,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td:nth-child(2) .ng-select,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td:nth-child(2) .ng-select,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td:nth-child(2) .ng-select {
  padding: 0;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td:nth-child(2) .ng-select .ng-select-container.ng-has-value,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td:nth-child(2) .ng-select .ng-select-container.ng-has-value,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td:nth-child(2) .ng-select .ng-select-container.ng-has-value,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td:nth-child(2) .ng-select .ng-select-container.ng-has-value,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td:nth-child(2) .ng-select .ng-select-container.ng-has-value {
  font-size: 14px;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers {
  border: 1px solid transparent;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic {
  border: 1px solid transparent;
  position: relative;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic ion-icon,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic ion-icon,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic ion-icon,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic ion-icon,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic ion-icon {
  position: absolute;
  top: 15px;
  right: 10px;
  color: #cbcbcb;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic input,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic input,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic input,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic input,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic input {
  border: 1px solid #d6d6d6;
  width: 100%;
  height: 46px;
  background: #fff;
  padding-left: 10px;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic input:focus,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic input:focus,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic input:focus,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic input:focus,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td ngx-date-picker .date_pickers .select_datePic input:focus {
  border: 1px solid transparent;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.no,
.product_requirement_list .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.no,
.quotation_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.no,
.project_editInvoice_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.no,
.project_addQuotation_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.no {
  width: 78px !important;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.size,
.product_requirement_list .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.size,
.quotation_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.size,
.project_editInvoice_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.size,
.project_addQuotation_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.size {
  width: 190px !important;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.status,
.product_requirement_list .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.status,
.quotation_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.status,
.project_editInvoice_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.status,
.project_addQuotation_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.status {
  width: 290px !important;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.quotationNo,
.product_requirement_list .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.quotationNo,
.quotation_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.quotationNo,
.project_editInvoice_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.quotationNo,
.project_addQuotation_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.quotationNo {
  width: 390px !important;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.date,
.product_requirement_list .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.date,
.quotation_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.date,
.project_editInvoice_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.date,
.project_addQuotation_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.date {
  width: 170px !important;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.amount,
.product_requirement_list .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.amount,
.quotation_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.amount,
.project_editInvoice_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.amount,
.project_addQuotation_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.amount {
  width: 100% !important;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.amount a,
.product_requirement_list .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.amount a,
.quotation_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.amount a,
.project_editInvoice_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.amount a,
.project_addQuotation_page .view_detailTable ng2-smart-table.no_data_found .custom-smart-table table tr th.amount a {
  padding: 0px 25px;
}
.user_link {
  margin: 0px 0px 10px;
}
.project_addPurchaseOrder_page .modal_footer,
.company_profile_page .modal_footer,
.add_requirements_page .modal_footer,
.add_project_detail_page .modal_footer {
  position: absolute;
  bottom: 0;
  padding: 24px 50px;
  background: #fff;
  left: 0;
  text-align: center;
  box-shadow: 0 -3px 12px 0 rgba(12, 12, 12, 0.2);
  z-index: 99999;
}
.add_requirements_page .ng-select::after,
.project_addPurchaseOrder_page .ng-select::after,
.add_project_detail_page .ng-select::after {
  top: 16px;
  right: 16px;
}
.ng-placeholder {
  color: #414141 !important;
  font-size: 16px;
  font-weight: 400;
  opacity: 0.5;
  padding-left: 0 !important;
}
span.ng-value-label {
  font-weight: 400;
  text-transform: capitalize;
  color: #000;
}
.ng-select {
  padding: 0px;
  font-size: 16px;
}
.ng-select:focus,
.ng-select:focus-visible {
  outline: none !important;
}
ng-dropdown-panel.ng-dropdown-panel .ng-dropdown-panel-items,
ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items {
  border: 1px solid var(--ion-theme-blue-color);
}
ng-dropdown-panel.ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option {
  font-weight: 400;
}
.ng-dropdown-panel {
  background: #fff;
}
.ng-dropdown-panel.ng-select-bottom {
  box-shadow: 3px 4px 2px 0 rgba(12, 12, 12, 0.0784313725);
  width: auto !important;
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items,
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-footer {
  margin-left: -1px;
  margin-right: -1px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding-bottom: 16px;
  font-size: 16px;
  color: #969696;
  font-weight: 400;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
  color: var(--ion-theme-blue-color);
  background: #f1f2f6;
  font-weight: 400;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option p {
  margin: 0;
}
.ng-dropdown-panel .select_projectname {
  padding: 16px 20px;
  background: #ebf6fe;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.ng-dropdown-panel .select_projectname:hover {
  background: var(--ion-theme-blue-color);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: 0.3s;
}
.ng-dropdown-panel .select_projectname:hover .add_new_link {
  color: #fff;
}
.ng-dropdown-panel .select_projectname .add_new_link {
  color: var(--ion-theme-blue-color);
  font-weight: 500;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.ng-dropdown-panel .select_projectname .add_new_link ion-icon {
  font-size: 32px;
  margin-right: 16px;
  font-weight: 400;
}
.modal-wrapper {
  --ion-width: 25%;
}
.mt-50 {
  margin-top: 50px;
}
.p-15 {
  padding: 15px;
}
ion-radio.radio-checked {
  --color-checked: var(--ion-theme-blue-color);
}
.project_paymentList .payment_page.mtb-30,
.quotation_page .mtb-30,
.productList_page .mtb-30,
.project_invoice_list_page .mtb-30,
.project_purchaseOrder_list .mtb-30,
.project_editInvoice_page .mtb-30,
.product_requirement_list .mtb-30,
.dnl_projectDetails_page .mtb-30,
.project_addQuotation_page .mtb-30,
.con_flow .mtb-30 {
  margin: 10px 0 16px 0px;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ng-dropdown-panel {
  left: -1px;
  top: 50px;
  padding: 16px 16px 0;
  background: #fff;
  box-shadow: 1px 2px 5px 0 rgba(12, 12, 12, 0.2);
  border-radius: 5px;
}
.ng-dropdown-panel {
  margin-right: 10px;
  margin-top: 11px;
}
.ng-dropdown-panel .ng-dropdown-panel-items {
  margin-left: 8px !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 16px;
  text-transform: capitalize;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .quation_drop p {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ng-select .ng-select-container {
  cursor: pointer;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ng-select,
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ion-input input,
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid .date_picker .select_datePic {
  border: 1px solid #cbcbcb;
  padding: 16px;
  border-radius: 8px;
  color: #414141;
  height: 50px;
  font-size: 16px;
  font-weight: 400;
  max-width: 100%;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ng-select .custom_date,
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ion-input input .custom_date,
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid .date_picker .select_datePic .custom_date {
  right: 23px;
}
app-project-expense .expense_list .project_table_section .project_bottom_buttons {
  top: 7px !important;
}
.product_label {
  text-align: left;
  padding-right: 45px;
}
.product_label ion-label {
  font-size: 16px;
  color: #11141a;
  font-weight: 600;
}
.grey_bg {
  --background: #f1f2f6 !important;
}
.grey_bg ion-toolbar.page_toolbar {
  --background: #f1f2f6 !important;
}
.grey_bg #dnl-footer .pagination-bottom ul.pagination {
  background: #fff;
}
.grey_bg .dnl-footer-class .pagination-bottom ul.pagination {
  background: #fff;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 0;
}
.checkbox-icon {
  --border-color: var(--ion-theme-blue-color) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-theme-blue-color) !important;
}
.site_footer::before {
  background-image: unset;
}
.ml-20 {
  margin-left: 15px;
}
.page_content.dashboard_page .search_bar.ml-20,
.page_content.client_statement_page .search_bar.ml-20,
.page_content.invoice_reports_page .date_picker.ml-20,
.page_content.quotation_list .search_bar.ml-20,
.page_content.purchase_order_list .search_bar.ml-20,
.page_content.app_inventory_list .search_bar.ml-20,
.page_content.invoice_list_page .search_bar.ml-20 {
  margin-left: 0 !important;
}
ngx-payment-terms .payment_page .search_bar.ml-20 {
  margin-left: 0 !important;
}
.custom_select span.ng-clear-wrapper {
  display: none;
}
.show-ranges .ranges ul li button.active {
  background-color: var(--ion-theme-blue-color) !important;
}
.calendar-table td.available.today.active {
  background-color: var(--ion-theme-blue-color) !important;
}
.open_popover ion-progress-bar {
  z-index: 0;
}
.open_popover ion-header.site_header {
  z-index: -1;
}
p.po_data {
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: initial;
}
.page_no ion-input {
  width: 90px;
  background: #ffffff;
  border-radius: 10px;
  height: 26px;
  text-align: center;
  box-shadow: 2px 4px 8px 0 rgba(12, 12, 12, 0.0901960784);
  font-size: 12px;
}
.page_no ion-input input {
  padding: 0 !important;
}
.custom-smart-table table tbody tr td {
  word-break: break-word;
  text-align: left !important;
}
.custom-smart-table table thead tr a.ng2-smart-action-add-add,
.ng2-smart-actions .ng2-smart-action-add-create {
  border: 1px solid var(--ion-theme-blue-color);
  border-radius: 5px;
  font-size: 12px;
  color: var(--ion-theme-blue-color) !important;
  letter-spacing: 1.4px;
  height: 26px;
  text-transform: capitalize;
  margin: 0;
  transition: 0.3s;
  padding: 5px 22px;
}
.custom-smart-table table thead tr a.ng2-smart-action-add-add:hover,
.ng2-smart-actions .ng2-smart-action-add-create:hover {
  background: var(--ion-theme-blue-color);
  color: #fff !important;
}
.ng2-smart-actions .ng2-smart-action-add-cancel {
  margin-left: 20px;
  color: var(--ion-theme-blue-color) !important;
}
table-cell-edit-mode input.form-control {
  border: unset;
  border-bottom: 1px solid #dcdcdc;
  font-size: 14px;
  color: #555555;
  outline: none;
  background: transparent;
}
a.ng2-smart-action.ng2-smart-action-edit-edit,
a.ng2-smart-action.ng2-smart-action-delete-delete,
a.ng2-smart-action.ng2-smart-action-edit-save,
a.ng2-smart-action.ng2-smart-action-edit-cancel {
  position: relative;
  visibility: hidden;
  margin: 0 !important;
}
a.ng2-smart-action.ng2-smart-action-edit-edit:after {
  visibility: visible;
  content: url(/assets/svg/edit.svg);
  position: absolute;
  left: 0px;
}
a.ng2-smart-action.ng2-smart-action-edit-save::after {
  visibility: visible;
  content: url(/assets/svg/save.svg);
  position: absolute;
  left: 0px;
}
a.ng2-smart-action.ng2-smart-action-delete-delete:after,
ng2-smart-action ng2-smart-action-edit-cancel::after {
  visibility: visible;
  content: url(/assets/svg/delete.svg);
  position: absolute;
  left: 0px;
}
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount {
  width: 153px !important;
}
app-delivery-order .table_sec .filter_sec .table_filter {
  margin-right: auto;
}
app-delivery-order .table_sec .filter_sec .table_filter .filter_item .search_bar {
  margin-left: 0;
}
app-delivery-order .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input .button-holder {
  background: var(--ion-theme-blue-color);
  color: #fff;
  cursor: pointer;
}
app-delivery-order .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar {
  width: 250px;
  height: 44px;
}
app-delivery-order .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-search-icon {
  color: #ffffff;
  background: transparent;
}
app-delivery-order .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-clear-button {
  display: none !important;
  z-index: 99;
}
ion-toolbar.page_toolbar {
  border-bottom: 1px solid #d7d8db;
  margin: 0 auto;
  width: 95%;
}
ion-toolbar.page_toolbar ion-buttons {
  margin: 0;
}
ion-toolbar.page_toolbar ion-buttons.back_arrow ion-icon {
  display: none;
}
ion-toolbar.page_toolbar ion-buttons ion-button {
  margin: 0;
}
ion-toolbar.page_toolbar ion-buttons ion-button button {
  padding: 0;
}
ion-toolbar.page_toolbar ion-menu-button {
  color: #414141;
  font-size: 24px;
}
ion-toolbar.page_toolbar .header_menu ion-button {
  margin-right: 20px;
  margin-top: 0px;
  --padding-start: 0;
  --padding-end: 0;
}
ion-toolbar.page_toolbar .page_title {
  margin: 20px 0px;
}
ion-toolbar.page_toolbar .page_title ion-title {
  font-size: 28px;
  font-weight: 600;
  color: #414141;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}
ion-toolbar.page_toolbar .page_title p {
  font-size: 14px;
  color: #7f8fa4;
  margin: 0;
  margin-top: 5px;
  display: none;
}
ion-toolbar.page_toolbar ion-avatar {
  width: 55px;
  height: 55px;
  margin-left: 20px;
}
ion-toolbar.page_toolbar ion-buttons:hover .name {
  color: var(--ion-theme-blue-color);
}
ion-toolbar.page_toolbar .toggle_img.app_menu {
  display: none;
}
.user_profile .user_profile_desc {
  display: flex;
  text-align: right;
  align-items: center;
}
.user_profile .user_profile_desc .name {
  font-size: 24px;
  font-weight: 700;
}
.user_profile .user_profile_desc .profile-t-tag span {
  color: #9f9f9f;
  font-size: 12px;
}
.user_profile .user_profile_desc ion-avatar {
  box-shadow: -3px 3px 6px 1px rgba(12, 12, 12, 0.0901960784);
  width: 50px;
  height: 50px;
  margin-left: 14px;
  margin-right: 0px;
  position: relative;
  background: var(--ion-theme-red-color);
}
.user_profile .user_profile_desc ion-avatar span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 24px;
  font-weight: 400;
}
.user_profile .profile_desc {
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  z-index: 999999999999;
  width: 200px;
  height: 300px;
  padding: 10px;
  text-align: left;
  font-size: 14px;
}
.profile_desc ion-list {
  padding: 0 !important;
}
.profile_desc ion-list ion-item {
  font-size: 14px;
  border-bottom: 2px solid #efefef;
  margin: 0 5px;
}
.profile_desc ion-list ion-item:last-child {
  border-bottom: unset;
}
.profile_desc ion-list ion-item:last-child span:hover {
  color: var(--ion-theme-blue-color);
}
.table_sec .filter_sec .table_actions .action_btn ion-button,
.table_sec .filter_sec .table_filter .filter_item .search_bar,
.table_sec .filter_sec .table_filter .filter_item .select_status,
.table_sec .filter_sec .table_filter .filter_item .date_picker,
.table_sec .filter_sec .table_filter .filter_item .theme_outline_btn,
.table_sec .filter_sec .table_filter .filter_item .theme_red_btn {
  margin-bottom: 15px;
}
.table_sec {
  position: relative;
  margin-top: 10px;
}
.table_sec .filter_sec {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table_sec .filter_sec .table_filter .filter_item {
  display: flex;
  align-items: center;
}
.table_sec .filter_sec .table_filter .filter_item .search_bar .search_input {
  position: relative;
  padding: 0px;
  border: 1px solid #cbcbcb;
  border-radius: 5px;
}
.table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar {
  padding: 0;
  width: 250px;
  height: 45px;
  --border-radius: 5px;
  --border-top-right-radius: 0 !important;
  --border-bottom-right-radius: 0 !important;
  --box-shadow: -1px 2px 5px 0 #0c0c0c14;
  --background: #fff;
}
.table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-input-container {
  height: 44px !important;
}
.table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar input {
  padding-inline-start: 16px;
  padding-inline-end: 16px !important;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 14px;
  width: 90%;
  height: 44px;
}
.table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar.searchbar-has-value .searchbar-clear-button {
  z-index: 999;
}
.table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-search-icon {
  position: absolute;
  right: 14px !important;
  left: auto;
  z-index: 99;
  color: #a3a3a3;
  background: #fff;
}
.table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-clear-button {
  right: 8px !important;
  background: #fff !important;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 98;
  top: 7px;
}
.table_sec .filter_sec .table_filter .filter_item .search_bar .search_input .button-holder {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #fff;
  width: 48px;
  height: 44px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  --box-shadow: -1px 2px 5px 0 #0c0c0c14;
  color: #a3a3a3;
  cursor: pointer;
}
.table_sec .filter_sec .table_filter .filter_item .search_bar .search_input .button-holder ion-icon {
  display: none;
}
.table_sec .filter_sec .table_actions {
  display: flex;
  position: relative;
}
.table_sec .filter_sec .table_actions .action_btn {
  text-align: end;
  margin-left: 16px;
}
.table_sec .filter_sec .table_actions .action_btn.download_btn ion-button,
.table_sec .filter_sec .table_actions .action_btn.setting_btn ion-button {
  margin-top: 0;
}
.table_sec .filter_sec .table_actions .action_btn.filter_btn {
  position: relative;
}
.table_sec .filter_sec .table_actions .action_btn.filter_btn:empty {
  display: none;
}
.table_sec .filter_sec .table_actions .action_btn ion-button {
  --background: var(--ion-sidemenu-background);
  height: 44px;
  --border-radius: 5px;
  margin-top: 0;
}
.table_sec .filter_sec .table_actions .action_btn ion-button:hover {
  --background: var(--ion-theme-blue-color);
}
.table_sec .filter_sec .table_actions .action_btn ion-button:hover ion-icon {
  color: #fff;
}
.table_sec .filter_sec .table_actions .action_btn ion-button:hover .svg_icon {
  fill: #fff;
}
.table_sec .filter_sec .table_actions .action_btn ion-button ion-icon {
  color: var(--ion-white-color);
  font-size: 18px;
}
.table_sec .filter_sec .table_actions .action_btn ion-button .svg_icon {
  transform: rotate(90deg);
}
.table_sec .filter_sec .table_actions .filter_content {
  top: 75%;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1411764706);
  z-index: 999999;
  width: 200px;
  margin-top: 10px;
}
.table_sec .filter_sec .table_actions .filter_content::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform: rotate(180deg);
  right: 16px;
  top: -10px;
  border-top: 10px solid #f1f2f6;
}
.table_sec .filter_sec .table_actions .filter_content::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform: rotate(180deg);
  right: 16px;
  top: -12px;
  border-top: 10px solid rgba(12, 12, 12, 0.1411764706);
}
.table_sec .filter_sec .table_actions .filter_content.show_filter_sec {
  position: absolute;
  right: 0;
}
.table_sec .filter_sec .table_actions .filter_content.show_setting_sec {
  position: absolute;
  right: 0;
}
.table_sec .filter_sec .table_actions .filter_content.show .show_list_sec {
  height: 125px;
  overflow: hidden;
}
.table_sec .filter_sec .table_actions .filter_content .list_heading {
  background: #f1f2f6;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.table_sec .filter_sec .table_actions .filter_content .list_heading h3 {
  font-size: 14px;
  padding: 16px;
  margin: 0;
  text-align: left;
}
.table_sec .filter_sec .table_actions .filter_content .show_data_list {
  padding: 16px;
  position: relative;
}
.table_sec .filter_sec .table_actions .filter_content .show_data_list .show_data_item {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
}
.table_sec .filter_sec .table_actions .filter_content .show_data_list .show_data_item:last-child {
  padding: 0 !important;
}
.table_sec .filter_sec .table_actions .filter_content .show_data_list .show_data_item ion-item {
  --min-height: auto;
  --border-style: 0;
}
.table_sec .filter_sec .table_actions .filter_content .show_data_list .show_data_item ion-item::part(native) {
  --padding-start: 0;
  --padding-end: 0;
}
.table_sec .filter_sec .table_actions .filter_content .show_data_list .show_data_item ion-checkbox {
  margin: 0 10px 0 0;
  width: 14px;
  height: 14px;
}
.table_sec .filter_sec .table_actions .filter_content .show_data_list .show_data_item ion-label {
  padding: 0;
  font-size: 14px !important;
  letter-spacing: unset !important;
  margin: 0;
  line-height: 18px;
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.table_sec .show_hide {
  width: auto;
  position: absolute;
  right: 3px;
  bottom: 0px;
  z-index: 9999;
}
.table_sec .show_hide ion-icon {
  font-size: 32px;
  color: var(--ion-theme-blue-color);
}
.table_sec .show_hide ion-icon:hover {
  transition: 0.3s;
  transform: scale(1.5);
}
.custom_select {
  border: 1px solid #a9d0f7;
  border-radius: 5px;
  height: 54px;
}
.select_status .custom_select ng-select {
  height: 44px;
  background: #fff;
  width: 230px;
  border-radius: 5px;
  box-shadow: -1px 2px 5px 0px rgba(12, 12, 12, 0.0784313725);
  color: #474747;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.4px;
  border: 1px solid #cbcbcb;
}
.select_status .custom_select ng-select span.ng-arrow-wrapper {
  visibility: visible;
  width: auto;
  padding: 0;
}
.select_status .custom_select ng-select span.ng-arrow-wrapper::after {
  visibility: hidden;
}
.select_status .custom_select ng-select::after {
  display: none;
}
.select_status .custom_select ng-select .ng-select-container {
  padding: 16px;
  height: 44px;
  min-height: 44px;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  border: unset;
}
.select_status .custom_select ng-select .ng-select-container input {
  padding-left: 16px !important;
  height: 28px;
}
.select_status .custom_select ng-select .ng-select-container .ng-placeholder {
  font-size: 14px;
  color: #414141;
  font-weight: 400;
}
.select_status .custom_select ng-select ng-dropdown-panel {
  left: 0;
  top: 46px;
  padding: 16px;
  padding-bottom: 0;
  background: #fff;
  box-shadow: 1px 2px 5px 0 rgba(12, 12, 12, 0.2);
  border-radius: 5px;
}
.select_status .custom_select ng-select ng-dropdown-panel p {
  font-size: 14px;
  color: #474747;
  margin: 0;
}
.select_status .custom_select ng-select ng-dropdown-panel p:hover {
  color: var(--ion-theme-blue-color);
}
.select_status .custom_select ng-select ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding-bottom: 16px;
}
.ng-select .ng-select-container,
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container,
ng-select.ng-select-single .ng-select-container {
  color: #757575;
  border: unset;
  background: #f8fbfd !important;
  min-height: 50px;
  margin-top: 2px;
}
.ng-select .ng-select-container .ng-value-container {
  padding: 0 !important;
}
.ng-select .ng-select-container .ng-value-container .ng-input {
  padding-left: 0 !important;
}
.ng-select .ng-select-container:hover {
  box-shadow: unset;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  background-color: #ebf6fe;
  font-weight: 700;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected div,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked div,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked div {
  color: var(--ion-theme-blue-color) !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected div:hover,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked div:hover,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked div:hover {
  color: var(--ion-theme-blue-color) !important;
}
.project_editInvoice_page ngx-table-value-action .dropdown-view .table_view.no_reverse ion-button.user_action {
  margin: 10px 0px 25px !important;
}
.project_editInvoice_page ngx-table-value-action .duplicate {
  margin-top: 0 !important;
  margin-bottom: 15px !important;
}
.ng-dropdown-panel .ng-dropdown-footer {
  border: unset;
  padding: 0;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-left: 0;
  line-height: 43px;
}
ng-select.ng-select-opened span.ng-arrow-wrapper:after {
  transform: rotate(180deg);
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: transparent !important;
  box-shadow: unset !important;
}
.appointments_table .view_detailTable .dataTable table thead th {
  background: #fff;
}
.appointments_table .view_detailTable .dataTable table tr td ion-input,
.appointments_table .view_detailTable .dataTable table tr td textarea,
.appointments_table .view_detailTable .dataTable table tr td ng-select {
  background: #fff;
}
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(2) {
  vertical-align: top !important;
}
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(2) .dropdown-view {
  margin-top: 10px;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr {
  vertical-align: unset !important;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td {
  vertical-align: unset !important;
  padding: 0em !important;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td p,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td p,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td p {
  padding: 0px 15px;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td form,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td form,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td form {
  margin: 0px 8px;
  width: auto !important;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td form ion-textarea,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td form ion-textarea,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td form ion-textarea {
  border: 1px solid #cbcbcb;
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
  padding: 10px;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td form ion-textarea textarea,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td form ion-textarea textarea,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td form ion-textarea textarea {
  padding: 0 !important;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td form.code,
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td form.productCode,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td form.code,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td form.productCode,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td form.code,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td form.productCode {
  display: block !important;
  position: absolute;
  bottom: 5px;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td form.code .valid-msg,
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td form.productCode .valid-msg,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td form.code .valid-msg,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td form.productCode .valid-msg,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td form.code .valid-msg,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td form.productCode .valid-msg {
  visibility: visible;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td form.code .valid-msg .hide-err,
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td form.productCode .valid-msg .hide-err,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td form.code .valid-msg .hide-err,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td form.productCode .valid-msg .hide-err,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td form.code .valid-msg .hide-err,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td form.productCode .valid-msg .hide-err {
  margin: 0;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td .table_view .row_2 ion-button,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td .table_view .row_2 ion-button,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td .table_view .row_2 ion-button {
  margin: 5px 10px;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td .table_view ion-button.user_action.qty_btn,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td .table_view ion-button.user_action.qty_btn,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td .table_view ion-button.user_action.qty_btn {
  margin: 17px 10px 5px 17px;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr.date-row td,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr.date-row td,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr.date-row td {
  vertical-align: top;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr.date-row td ngx-table-value-action div.pro_head,
.page_content.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr.date-row td ngx-table-value-action div.pro_head,
.page_content.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr.date-row td ngx-table-value-action div.pro_head {
  padding-bottom: 10px;
}
.page_content.project_list_page ng2-smart-table.dataTable.no_data_found table tbody tr td,
.page_content.project_editInvoice_page ng2-smart-table.dataTable.no_data_found table tbody tr td,
.page_content.project_addQuotation_page ng2-smart-table.dataTable.no_data_found table tbody tr td {
  padding: 15px 0px !important;
}
.menu-content-open {
  pointer-events: unset;
}
.side_menu_scroll {
  height: 100%;
}
.agree-label p {
  background: rgba(255, 0, 0, 0.0392156863);
  padding: 10px;
  border: 1px solid red;
  border-radius: 5px;
  font-size: 14px;
  margin-bottom: 16px !important;
  color: var(--ion-theme-blue-color);
  text-align: left;
}
.agree-label .show_error_code span {
  color: #d5d4d4 !important;
  font-size: 12px;
}
.pwd_valid {
  width: 74%;
  background: #d2d2d2;
  border-radius: 10px;
  padding: 5px 30px;
  float: right;
  margin-top: 15px;
}
.pwd_valid p {
  opacity: 0.34;
}
.pwd_valid ul {
  opacity: 0.48;
}
.link_blue {
  color: var(--ion-theme-blue-color);
}
span.status_item {
  text-align: center;
  font-size: 16px;
  position: relative;
}
span.status_item::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 7.5px;
  margin-right: 5px;
}
span.status_item.paid {
  color: #008812;
}
span.status_item.paid::before {
  background-color: #3aa949;
}
span.status_item.failed {
  color: #ff0000;
}
span.status_item.failed::before {
  background-color: #ff0000;
}
span.status_item.pending {
  color: #e1b94c;
}
span.status_item.pending::before {
  background-color: #e1b94c;
}
span.status_item.running {
  color: #e1b94c;
}
span.status_item.running::before {
  background-color: #e1b94c;
}
span.status_item.unused,
span.status_item.active {
  color: #3aa949;
}
span.status_item.unused::before,
span.status_item.active::before {
  background-color: #3aa949;
}
span.status_item.notstart,
span.status_item.inactive {
  color: #f86b6b;
}
span.status_item.notstart::before,
span.status_item.inactive::before {
  background-color: #f86b6b;
}
span.status_item.complete,
span.status_item.pending,
span.status_item.start {
  color: #e1b94c;
}
.filepond--list.filepond--list {
  top: 5px !important;
}
app-export-invoice .quotation_list,
app-export-quotation .quotation_list {
  padding-bottom: 100px !important;
}
app-export-invoice .quotation_list ion-footer,
app-export-quotation .quotation_list ion-footer {
  position: fixed;
  bottom: 0;
  background: #fff;
  left: 0;
  padding: 20px 0px;
  box-shadow: 0 -2px 10px #d6d6d6;
}
app-project-add-payment .addUpdate_modal .modal_body ion-list .field .valid-msg .hide-err {
  left: 182px !important;
}
ngx-project-order-list .view_detailTable ng2-smart-table .custom-smart-table table tr th.invNo {
  text-align: left !important;
}
ngx-project-order-list .view_detailTable ng2-smart-table .custom-smart-table table tr td {
  line-height: 30px !important;
}
app-project-profit-loss .project-profit-loss .project_table_section .project_bottom_buttons {
  z-index: 1;
}
.webmodal {
  position: absolute;
  --height: 60%;
  --width: 25%;
  --border-radius: 20px;
}
.modal_title {
  padding: 20px 20px 10px 20px;
  position: relative;
}
.modal_title ion-title {
  padding: 0;
}
.modal_title ion-title span {
  color: var(--ion-theme-blue-color);
  font-weight: 700;
}
.modal_title .cancel_btn {
  color: var(--ion-theme-red-color);
  cursor: pointer;
}
.sortBy {
  position: absolute;
  right: 334px;
}
.sortBy .custom_select ng-select {
  width: 160px;
  background: #fff;
  border: 1px solid #cbcbcb;
  height: 45px;
  border-radius: 5px;
}
.sortBy .custom_select ng-select .ng-select-container {
  min-height: 44px;
  padding: 0px 10px;
}
.contact_no {
  width: 74%;
  display: flex;
  align-items: center;
}
.contact_no a24-input {
  width: 100% !important;
}
.contact_no a24-input .form-group ion-input {
  border-radius: 0 5px 5px 0 !important;
  border-left: 1px solid #cbcbcb;
}
.contact_no dropdown-component .custom_select {
  border: 1px solid black !important;
  border-radius: 5px 0 0 5px !important;
}
.ionic-selectable-modal ion-searchbar {
  --box-shadow: unset;
  padding-bottom: 2px !important;
}
.webmodal .addUpdate_modal .modal_body {
  height: 100%;
}
.webmodal .addUpdate_modal .modal_body form {
  height: 100%;
}
.webmodal .addUpdate_modal .modal_body ion-modal a24-text-area {
  width: 100% !important;
}
.page_content {
  padding: 25px 40px 25px 40px;
  height: calc(100vh - 75px);
  overflow-y: scroll;
  margin-top: 68px;
}
.totals_sec .card_box {
  margin: 0px 0 10px 0;
}
.remark_sec .card_box {
  border: 1px solid #cbcbcb;
  border-radius: 0px;
  box-shadow: unset;
  margin: 0 !important;
}
.card_box {
  background: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: 3px 3px 12px #e3e3e3;
  margin: 10px 0 15px 0px;
}
.card_box.with_border {
  box-shadow: unset;
  border: 1px solid #cbcbcb;
}
.card_box .sub_title {
  padding: 20px 0 15px 32px;
  box-shadow: 3px 3px 10px 0 rgba(12, 12, 12, 0.0549019608);
}
.card_box .sub_title h3 {
  font-size: 20px;
  font-weight: 500;
  color: #414141;
  margin: 0 0 5px;
}
.card_box .sub_title p {
  font-size: 14px;
  color: #7f8fa4;
  margin: 0;
}
.card_box .card_body {
  color: #414141;
  padding: 16px;
}
.card_box .card_body .userCompany p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card_box .project-info {
  width: auto;
}
.card_box .project-info:last-child {
  justify-content: end;
}
.card_box .project-info.userAddress p {
  margin-left: 40px;
}
.card_box .project-info.userAddress p,
.card_box .project-info.userContact p {
  display: flex;
  align-items: center;
  justify-content: left;
  padding-bottom: 10px;
  padding-top: 0px;
}
.card_box .project-info.userDetails p {
  margin-bottom: 5px;
  margin-left: 40px;
}
.card_box .project-info.userDetails p.length_text {
  max-height: 45px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  margin-bottom: 0;
  white-space: break-spaces;
}
.card_box .project-info.userDetails p:hover.length_text {
  overflow-y: scroll;
}
.card_box .project-info.userDetails .back-btn {
  margin-right: 24px;
}
.card_box .project-info.userDetails .back-btn ion-icon {
  font-size: 24px;
}
.card_box .project-info.userDetails .back-btn ion-icon:hover {
  transition: 0.3s;
  transform: scale(1.5);
  color: var(--ion-theme-blue-color);
}
.card_box .project-info.userDetails span {
  line-height: 1;
  font-size: 24px;
  color: #414141;
  font-weight: 600;
  margin: 0 0 5px;
  text-transform: capitalize;
}
.card_box .project-info.userDetails .userName {
  margin-left: 0;
}
.card_box .project-info.userDetails .userName ion-icon {
  display: none;
}
.card_box .project-info.d_flex {
  display: flex;
  align-items: center;
}
.card_box .project-info p {
  word-break: break-word;
}
.card_box .project-info .userAction {
  display: flex;
  align-items: center;
}
.card_box .project-info p ion-icon {
  color: #000000;
  font-size: 16px;
  margin-right: 24px;
}
.card_box.project_details .table {
  width: 100%;
}
.card_box.project_details .table td,
.card_box.project_details .table th {
  padding: 0.5em 1em;
  text-align: left;
}
.card_box.project_details .table th {
  color: #7f8fa4;
  font-weight: 400;
  font-size: 12px;
}
.page_content.dnl_projectDetails_page .btn,
.page_content.product_requirement_list .btn,
.page_content.quotation_page .btn,
.page_content.project_purchaseOrder_list .btn,
.page_content.project_addQuotation_page .btn,
.page_content .card_box .project-info .userAction .btn {
  margin-bottom: 0px;
}
.page_content.dnl_projectDetails_page .btn.ml-20,
.page_content.product_requirement_list .btn.ml-20,
.page_content.quotation_page .btn.ml-20,
.page_content.project_purchaseOrder_list .btn.ml-20,
.page_content.project_addQuotation_page .btn.ml-20,
.page_content .card_box .project-info .userAction .btn.ml-20 {
  margin-left: 15px;
}
.page_content.dnl_projectDetails_page .page_title_content,
.page_content.product_requirement_list .page_title_content,
.page_content.quotation_page .page_title_content,
.page_content.project_purchaseOrder_list .page_title_content,
.page_content.project_addQuotation_page .page_title_content,
.page_content .card_box .project-info .userAction .page_title_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px;
}
.page_content.dnl_projectDetails_page .page_title_content.align_sec,
.page_content.product_requirement_list .page_title_content.align_sec,
.page_content.quotation_page .page_title_content.align_sec,
.page_content.project_purchaseOrder_list .page_title_content.align_sec,
.page_content.project_addQuotation_page .page_title_content.align_sec,
.page_content .card_box .project-info .userAction .page_title_content.align_sec {
  position: absolute;
  top: 0px;
  width: 97%;
}
.page_content.dnl_projectDetails_page .page_title_content ion-title,
.page_content.product_requirement_list .page_title_content ion-title,
.page_content.quotation_page .page_title_content ion-title,
.page_content.project_purchaseOrder_list .page_title_content ion-title,
.page_content.project_addQuotation_page .page_title_content ion-title,
.page_content .card_box .project-info .userAction .page_title_content ion-title {
  font-size: 28px;
  color: #414141;
  font-weight: 600;
  margin: 0;
  text-transform: capitalize;
  padding-left: 0;
  margin-left: 3px;
}
.page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .search_bar {
  width: 230px;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td {
  vertical-align: top !important;
  padding: 10px 0px !important;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr.date-row td {
  vertical-align: top !important;
  padding: 0px 0px 10px 0px !important;
}
.page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr.date-row td .date_head {
  margin-bottom: 10px;
}
.page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group {
  margin-left: 0;
  margin-right: 16px;
}
.page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group .theme_red_btn {
  margin-right: 16px;
}
.page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .add_new_btn {
  width: 170px;
  position: absolute;
  right: 0px;
}
.page_content.project_list_page .filters {
  position: absolute;
  top: 0px;
  width: 100%;
}
.page_content.project_list_page.rows_2 .filters {
  position: relative;
}
.page_content.project_list_page .filter_sec {
  justify-content: space-between;
}
.page_content.project_list_page .payment_page .filter_sec {
  justify-content: space-between;
}
.page_content.dashboard_page .table_sec .addNew_btn,
.page_content.quotation_list .table_sec .addNew_btn,
.page_content.invoice_list_page .table_sec .addNew_btn,
.page_content.project_paymentList .table_sec .addNew_btn,
.page_content.purchase_order_list .table_sec .addNew_btn {
  right: 123px;
  left: auto;
}
.page_content.dashboard_page .table_sec .filter_sec .table_filter,
.page_content.quotation_list .table_sec .filter_sec .table_filter,
.page_content.invoice_list_page .table_sec .filter_sec .table_filter,
.page_content.project_paymentList .table_sec .filter_sec .table_filter,
.page_content.purchase_order_list .table_sec .filter_sec .table_filter {
  margin-right: auto;
}
.page_content.dashboard_page .table_sec .filter_sec .table_filter .filter_item .search_bar,
.page_content.quotation_list .table_sec .filter_sec .table_filter .filter_item .search_bar,
.page_content.invoice_list_page .table_sec .filter_sec .table_filter .filter_item .search_bar,
.page_content.project_paymentList .table_sec .filter_sec .table_filter .filter_item .search_bar,
.page_content.purchase_order_list .table_sec .filter_sec .table_filter .filter_item .search_bar {
  margin-left: 0;
}
.page_content.dashboard_page .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar,
.page_content.quotation_list .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar,
.page_content.invoice_list_page .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar,
.page_content.project_paymentList .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar,
.page_content.purchase_order_list .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar {
  width: 250px;
  height: 44px;
}
.page_content.dashboard_page .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-search-icon,
.page_content.quotation_list .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-search-icon,
.page_content.invoice_list_page .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-search-icon,
.page_content.project_paymentList .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-search-icon,
.page_content.purchase_order_list .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-search-icon {
  background: transparent;
  color: #fff;
}
.page_content.dashboard_page .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-clear-button,
.page_content.quotation_list .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-clear-button,
.page_content.invoice_list_page .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-clear-button,
.page_content.project_paymentList .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-clear-button,
.page_content.purchase_order_list .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-clear-button {
  visibility: hidden;
}
.page_content.dashboard_page .table_sec .filter_sec .table_filter .filter_item .search_bar .button-holder,
.page_content.quotation_list .table_sec .filter_sec .table_filter .filter_item .search_bar .button-holder,
.page_content.invoice_list_page .table_sec .filter_sec .table_filter .filter_item .search_bar .button-holder,
.page_content.project_paymentList .table_sec .filter_sec .table_filter .filter_item .search_bar .button-holder,
.page_content.purchase_order_list .table_sec .filter_sec .table_filter .filter_item .search_bar .button-holder {
  background: var(--ion-theme-blue-color);
  color: #fff;
  cursor: pointer;
}
.page_content ng2-smart-table .custom-smart-table table thead tr th {
  padding: 0;
}
.page_content ng2-smart-table .custom-smart-table table thead tr th span {
  padding: 0px 15px;
}
.page_content ng2-smart-table .custom-smart-table table thead tr:first-child th a {
  cursor: pointer;
  padding: 0px 15px;
  width: 100%;
  max-width: 100%;
  font-size: 16px !important;
  font-weight: 600 !important;
  display: block !important;
  height: 62px !important;
  line-height: 62px;
}
.page_content.project_addQuotation_page .addQuotation_form form .form-group.ng-invalid.ng-touched::after,
.page_content.project_addQuotation_page .editInvoice_form form .form-group.ng-invalid.ng-touched::after,
.page_content.project_editInvoice_page .addQuotation_form form .form-group.ng-invalid.ng-touched::after,
.page_content.project_editInvoice_page .editInvoice_form form .form-group.ng-invalid.ng-touched::after {
  background: var(--ion-theme-blue-color) !important;
}
.page_content.project_addQuotation_page .addQuotation_form form.ng-valid .form-group.ng-untouched::after,
.page_content.project_addQuotation_page .editInvoice_form form.ng-valid .form-group.ng-untouched::after,
.page_content.project_editInvoice_page .addQuotation_form form.ng-valid .form-group.ng-untouched::after,
.page_content.project_editInvoice_page .editInvoice_form form.ng-valid .form-group.ng-untouched::after {
  background: transparent !important;
}
.page_content.project_addQuotation_page .addQuotation_form form.ng-valid .form-group.ng-invalid::after,
.page_content.project_addQuotation_page .editInvoice_form form.ng-valid .form-group.ng-invalid::after,
.page_content.project_editInvoice_page .addQuotation_form form.ng-valid .form-group.ng-invalid::after,
.page_content.project_editInvoice_page .editInvoice_form form.ng-valid .form-group.ng-invalid::after {
  background: #3aa949 !important;
}
.page_content.project_addQuotation_page ion-list .main_row_sec,
.page_content.project_editInvoice_page ion-list .main_row_sec {
  display: flex;
  justify-content: center;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body {
  padding: 0 24px;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table {
  width: 76%;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr {
  position: relative;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr::after,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0%;
  width: 50%;
  height: 1px;
  background: #dfdfdf;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr.deposit_amt .form-control,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr.deposit_amt .form-control {
  position: relative;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr.deposit_amt .form-control::after,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr.deposit_amt .form-control::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -5px;
  width: 66px;
  height: 1px;
  border-bottom: 1px solid #ccc;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) .offer_value .form-group .form-control,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) .offer_value .form-group .form-control {
  font-size: 16px;
  color: #555;
  margin: 0;
  font-weight: 500;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) .offer_value .form-group .ion-valid,
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) .offer_value .form-group .ion-invalid,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) .offer_value .form-group .ion-valid,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) .offer_value .form-group .ion-invalid {
  position: relative;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) .offer_value .form-group .ion-valid::after,
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) .offer_value .form-group .ion-invalid::after,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) .offer_value .form-group .ion-valid::after,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) .offer_value .form-group .ion-invalid::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -5px;
  width: 66px;
  height: 1px;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) .offer_value .form-group .ion-invalid::after,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) .offer_value .form-group .ion-invalid::after {
  background: var(--ion-theme-blue-color);
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) .offer_value .form-group .ion-valid::after,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) .offer_value .form-group .ion-valid::after {
  background: #c8c8c8;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(4) .offer_value,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(4) .offer_value {
  color: #929ba4;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr:last-child::after,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr:last-child::after {
  display: none;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td {
  padding: 24px;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td h3,
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td span,
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td p,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td h3,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td span,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td p {
  font-size: 24px;
  font-weight: 500;
  color: #414141;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr td,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr td {
  vertical-align: bottom;
  padding: 24px 16px;
  text-align: left;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr td:first-child,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr td:first-child {
  text-align: right !important;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr td:last-child,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr td:last-child {
  text-align: right;
  padding: 24px;
  padding-left: 10px;
  padding-right: 28px;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr td ion-radio-group,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr td ion-radio-group {
  display: flex;
  justify-content: end;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr td ion-radio-group ion-item,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr td ion-radio-group ion-item {
  margin: 0 !important;
  height: 35px;
  --background-hover: transparent;
  --inner-padding-end: 0;
  --padding-end: 0;
  padding-inline-start: 20px;
  box-shadow: unset;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr td ion-radio-group ion-item ion-label,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr td ion-radio-group ion-item ion-label {
  margin: 0;
  font-size: 12px !important;
  font-weight: 300;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr td ion-radio-group ion-item ion-radio,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr td ion-radio-group ion-item ion-radio {
  margin: 0;
  margin-right: 5px;
  width: 16px;
  height: 16px;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr td h3,
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr td span,
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr td p,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr td h3,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr td span,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr td p {
  font-size: 16px;
  color: #555;
  margin: 0;
  font-weight: 500;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body .valid-msg,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body .valid-msg {
  position: absolute;
  right: 25%;
  margin-top: 5px;
  left: unset;
  top: unset;
  bottom: unset;
  line-height: 0;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .remark_sec,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .remark_sec {
  margin: 16px 0;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .remark_sec .card_box .sub_title,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .remark_sec .card_box .sub_title {
  padding-left: 24px;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .remark_sec .card_box .card_body .form_group ion-textarea,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .remark_sec .card_box .card_body .form_group ion-textarea {
  min-height: 245px;
  height: auto;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .remark_sec .card_box .card_body .form_group ion-textarea textarea.native-textarea,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .remark_sec .card_box .card_body .form_group ion-textarea textarea.native-textarea {
  padding: 0 !important;
  min-height: 230px;
  height: auto;
  font-size: 16px;
  color: #414141;
  font-weight: 400;
  padding-bottom: 0 !important;
}
.page_content.project_addQuotation_page ion-list .main_row_sec .main_col .remark_sec .card_box h3,
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .remark_sec .card_box h3 {
  font-size: 16px;
  color: #929ba4;
  font-weight: 400;
}
.page_content.project_addQuotation_page .editInvoice_form,
.page_content.project_editInvoice_page .editInvoice_form {
  margin-top: 16px;
}
.page_content.project_addQuotation_page .editInvoice_form ion-list .main_row_sec .main_col .remark_sec .card_box .card_body .form_group ion-textarea,
.page_content.project_editInvoice_page .editInvoice_form ion-list .main_row_sec .main_col .remark_sec .card_box .card_body .form_group ion-textarea {
  min-height: 400px;
}
.page_content.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td:nth-child(8) ion-input,
.page_content.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td:nth-child(8) ion-input {
  border: unset;
}
.page_content.project_addQuotation_page .ng-select,
.page_content.project_editInvoice_page .ng-select {
  padding: 0;
}
.page_content.project_addQuotation_page .ng-select .ng-select-container.ng-has-value,
.page_content.project_editInvoice_page .ng-select .ng-select-container.ng-has-value {
  height: 44px !important;
  padding: 0 !important;
  min-height: 44px;
}
.page_content.project_addQuotation_page .ng-select span,
.page_content.project_editInvoice_page .ng-select span {
  font-size: 14px;
}
.page_content .ptb-10 {
  padding: 10px 0px;
}
.img_upload_btn {
  --background: #ebf6fe;
  border-radius: 6px;
  border: 1px solid #ebf6fe;
  --box-shadow: unset;
  width: 160px;
  font-size: 12px;
  color: #9f012e;
  text-transform: capitalize;
}
.img_upload_btn:hover {
  --background: var(--ion-theme-blue-color);
  color: #fff;
  border-radius: 6px;
  border: 1px solid var(--ion-theme-blue-color);
}
.page_title_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page_title_content h2 {
  margin: 0;
}
.page_content.project_editInvoice_page ion-list .main_row_sec .main_col .remark_sec .card_box .card_body .form_group ion-textarea textarea.native-textarea {
  min-height: 384px;
}
ion-accordion {
  margin-bottom: 24px;
  border-radius: 10px;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2117647059);
}
ion-accordion.accordion-expanded .ion-accordion-toggle-icon,
ion-accordion.accordion-expanding .ion-accordion-toggle-icon {
  position: relative;
  z-index: 99999;
  right: 15px;
  top: 5px;
  margin-left: 0;
}
ion-accordion.accordion-expanded ion-item,
ion-accordion.accordion-expanding ion-item {
  --background: var(--ion-theme-blue-color) !important;
  --background-activated: var(--ion-theme-blue-color) !important;
  --background-focused: var(--ion-theme-blue-color) !important;
  --background-hover: var(--ion-theme-blue-color) !important;
  color: var(--ion-white-color) !important;
  --background-activated-opacity: 0;
  --background-focused-opacity: 0.12;
  --background-hover-opacity: 0.04;
  margin: 16px;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
ion-accordion.accordion-collapsed ion-item.ion-activated,
ion-accordion.accordion-collapsing ion-item.ion-activated {
  --background: var(--ion-theme-blue-color) !important;
}
ion-accordion.accordion-collapsed ion-item:hover,
ion-accordion.accordion-collapsing ion-item:hover {
  --background: #f1f2f6;
  margin: 16px;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
ion-accordion.accordion-collapsed .ion-accordion-toggle-icon,
ion-accordion.accordion-collapsing .ion-accordion-toggle-icon {
  position: relative;
  z-index: 99999;
  right: 15px;
  top: 0px;
  margin-left: 0;
}
ion-accordion ion-item {
  margin: 16px;
  --background: var(--ion-theme-blue-color) !important;
}
ion-accordion .site_header {
  padding: 16px;
  width: 100%;
}
ion-accordion .site_header h3 {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 5px;
}
ion-accordion .site_header p {
  font-size: 14px;
  color: #ffffff;
  margin: 0;
}
ion-accordion ion-list.list-lines-none {
  padding: 0;
}
ion-accordion ion-list .accordion_content {
  padding: 16px;
  padding-top: 0;
}
ion-accordion ion-list .row_sec {
  display: flex;
}
ion-accordion ion-list .row_sec .col {
  width: 50%;
}
ion-accordion ion-list .row_sec .col .field {
  position: relative;
  margin: 16px 8px 8px 16px;
}
ion-accordion ion-list .row_sec .col .field .valid-msg {
  position: absolute;
  bottom: -16px;
}
ion-accordion ion-list .row_sec .col ion-item {
  --background: transparent !important;
  margin: 0;
  border-radius: 10px;
  --inner-padding-end: 0;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2117647059);
}
ion-accordion ion-list .row_sec .col ion-item .form_group {
  width: 100%;
  height: 80px;
  padding: 16px 4px;
}
ion-accordion ion-list .row_sec .col ion-item .form_group ion-label {
  font-size: 14px !important;
  color: #929ba4 !important;
}
ion-accordion ion-list .row_sec .col ion-item .form_group input {
  padding-left: 0 !important;
  --padding-inline-start: 0 !important;
  font-weight: 500;
}
.add_product_page .modal_footer,
.add_project_page .modal_footer,
.prefix_setting_page .modal_footer,
.add_inventory_page .modal_footer,
.system_setting_page .modal_footer,
.project_addQuotation_page .modal_footer,
.project_editInvoice_page .modal_footer,
.dnl_sheet_page .modal_footer {
  position: absolute;
  bottom: 0;
  padding: 24px 50px;
  background: #fff;
  left: 0;
  text-align: right;
  box-shadow: 0 -3px 5px 0 rgba(12, 12, 12, 0.2);
  z-index: 99999;
}
.add_requirements_page .main_row_sec .main_col .field.Measurement_size ion-item .form_group {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.add_requirements_page .main_row_sec .main_col .field.Measurement_size ion-item .form_group .sizes {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 74%;
  flex-wrap: wrap;
}
.add_requirements_page .main_row_sec .main_col .field.Measurement_size ion-item .form_group .sizes .size_options {
  width: 24%;
  margin: 5px 5px 5px 0;
}
.add_requirements_page .main_row_sec .main_col .field.Measurement_size ion-item .form_group .sizes .size_options a24-input {
  border: unset;
  border-radius: unset;
}
.add_requirements_page .main_row_sec .main_col .field.Measurement_size ion-item .form_group .sizes .size_options a24-input .form-group ion-input {
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  text-indent: 10px;
}
.add_requirements_page .main_row_sec .main_col .field.add_photo_filed ion-item .form_group {
  align-items: flex-start;
}
.add_requirements_page ion-list.list-lines-none {
  background: transparent;
  padding: 0;
}
.add_requirements_page ion-list ion-item.dnl-item-invalid ion-input,
.add_requirements_page ion-list ion-item.dnl-item-invalid ion-textarea,
.add_requirements_page ion-list ion-item.dnl-item-invalid ng-select,
.add_requirements_page ion-list ion-item.dnl-item-invalid ionic-selectable {
  border-bottom: 1px solid var(--ion-theme-red-color);
  transition: all 0.5s linear;
  bottom: -1px;
  width: 100%;
  margin: 0 auto;
  height: 46px;
  border-radius: 6px;
}
.add_project_detail_page ion-list .main_row_sec .main_col app-form-errors.valid-msg.other_err .hide-err {
  width: 36%;
}
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group .input_style {
  display: flex;
  align-items: center;
  width: 74%;
  justify-content: flex-start;
}
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group .input_style ngx-c-radio-component {
  width: 80%;
}
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group .input_style ngx-c-radio-component ion-item {
  width: 31%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group .input_style ngx-c-radio-component ion-item ion-label {
  width: 100%;
}
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group .input_style a24-input {
  width: 100%;
  display: block;
  border: unset;
  border-radius: unset;
  margin-bottom: 0;
}
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group .input_style a24-input .form-group {
  border: 1px solid #cbcbcb;
  border-radius: 10px;
  margin-bottom: 0px !important;
  text-indent: 10px;
}
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group a24-input .form-group {
  margin-bottom: 0px !important;
}
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group ngx-c-radio-component {
  width: 74%;
}
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group ngx-c-radio-component ion-radio-group {
  display: flex;
  align-items: center;
  justify-self: flex-start;
}
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group ngx-c-radio-component ion-radio-group ion-item {
  width: 25%;
}
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group ngx-c-radio-component ion-radio-group ion-item ion-radio {
  margin-inline-end: 10px;
}
.add_project_detail_page .product_details {
  background-color: #d2d2d2;
  padding: 20px;
}
.add_project_detail_page .sub_title h3 {
  color: var(--ion-theme-blue-color) !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  margin: 0px !important;
  padding: 10px 0px !important;
}
.add_project_page .sub_title,
.add_project_detail_page .sub_title,
.add_product_page .sub_title,
.add_inventory_page .sub_title,
.project_addQuotation_page .sub_title,
.project_editInvoice_page .sub_title,
.add_requirements_page .sub_title,
ngx-setting .sub_title {
  margin-bottom: 16px;
}
.add_project_page .sub_title h3,
.add_project_detail_page .sub_title h3,
.add_product_page .sub_title h3,
.add_inventory_page .sub_title h3,
.project_addQuotation_page .sub_title h3,
.project_editInvoice_page .sub_title h3,
.add_requirements_page .sub_title h3,
ngx-setting .sub_title h3 {
  font-size: 20px;
  font-weight: 600;
  color: #414141;
  margin: 0 0 5px;
}
.add_project_page .sub_title p,
.add_project_detail_page .sub_title p,
.add_product_page .sub_title p,
.add_inventory_page .sub_title p,
.project_addQuotation_page .sub_title p,
.project_editInvoice_page .sub_title p,
.add_requirements_page .sub_title p,
ngx-setting .sub_title p {
  font-size: 14px;
  color: #7f8fa4;
  margin: 0;
}
.add_project_page form .main_col,
.add_project_detail_page form .main_col,
.add_product_page form .main_col,
.add_inventory_page form .main_col,
.project_addQuotation_page form .main_col,
.project_editInvoice_page form .main_col,
.add_requirements_page form .main_col,
ngx-setting form .main_col {
  width: 50%;
  margin-right: 24px;
}
.add_project_page form .main_col.upload_product_img,
.add_project_detail_page form .main_col.upload_product_img,
.add_product_page form .main_col.upload_product_img,
.add_inventory_page form .main_col.upload_product_img,
.project_addQuotation_page form .main_col.upload_product_img,
.project_editInvoice_page form .main_col.upload_product_img,
.add_requirements_page form .main_col.upload_product_img,
ngx-setting form .main_col.upload_product_img {
  overflow: hidden;
}
.add_project_page form .main_col.upload_product_img ion-item,
.add_project_detail_page form .main_col.upload_product_img ion-item,
.add_product_page form .main_col.upload_product_img ion-item,
.add_inventory_page form .main_col.upload_product_img ion-item,
.project_addQuotation_page form .main_col.upload_product_img ion-item,
.project_editInvoice_page form .main_col.upload_product_img ion-item,
.add_requirements_page form .main_col.upload_product_img ion-item,
ngx-setting form .main_col.upload_product_img ion-item {
  position: relative;
}
.add_project_page form .main_col.upload_product_img ion-item .uploaded_img img,
.add_project_detail_page form .main_col.upload_product_img ion-item .uploaded_img img,
.add_product_page form .main_col.upload_product_img ion-item .uploaded_img img,
.add_inventory_page form .main_col.upload_product_img ion-item .uploaded_img img,
.project_addQuotation_page form .main_col.upload_product_img ion-item .uploaded_img img,
.project_editInvoice_page form .main_col.upload_product_img ion-item .uploaded_img img,
.add_requirements_page form .main_col.upload_product_img ion-item .uploaded_img img,
ngx-setting form .main_col.upload_product_img ion-item .uploaded_img img {
  width: 156px;
  height: 96px;
  position: absolute;
  left: 57%;
  top: 0;
  border-radius: 10px 0px 0px 10px;
  object-fit: cover;
  object-position: center;
}
.add_project_page form .main_col.upload_product_img ion-item .uploaded_img span,
.add_project_detail_page form .main_col.upload_product_img ion-item .uploaded_img span,
.add_product_page form .main_col.upload_product_img ion-item .uploaded_img span,
.add_inventory_page form .main_col.upload_product_img ion-item .uploaded_img span,
.project_addQuotation_page form .main_col.upload_product_img ion-item .uploaded_img span,
.project_editInvoice_page form .main_col.upload_product_img ion-item .uploaded_img span,
.add_requirements_page form .main_col.upload_product_img ion-item .uploaded_img span,
ngx-setting form .main_col.upload_product_img ion-item .uploaded_img span {
  position: absolute;
  left: 10px;
  font-size: 16px;
  bottom: 20px;
  width: 20%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  color: #414141;
}
.add_project_page ion-list.list-lines-none,
.add_project_detail_page ion-list.list-lines-none,
.add_product_page ion-list.list-lines-none,
.add_inventory_page ion-list.list-lines-none,
.project_addQuotation_page ion-list.list-lines-none,
.project_editInvoice_page ion-list.list-lines-none,
.add_requirements_page ion-list.list-lines-none,
ngx-setting ion-list.list-lines-none {
  background: transparent;
  padding: 0;
}
.add_project_page ion-list .main_row_sec,
.add_project_detail_page ion-list .main_row_sec,
.add_product_page ion-list .main_row_sec,
.add_inventory_page ion-list .main_row_sec,
.project_addQuotation_page ion-list .main_row_sec,
.project_editInvoice_page ion-list .main_row_sec,
.add_requirements_page ion-list .main_row_sec,
ngx-setting ion-list .main_row_sec {
  display: flex;
  justify-content: center;
}
.add_project_page ion-list .main_row_sec:first-child ion-item,
.add_project_detail_page ion-list .main_row_sec:first-child ion-item,
.add_product_page ion-list .main_row_sec:first-child ion-item,
.add_inventory_page ion-list .main_row_sec:first-child ion-item,
.project_addQuotation_page ion-list .main_row_sec:first-child ion-item,
.project_editInvoice_page ion-list .main_row_sec:first-child ion-item,
.add_requirements_page ion-list .main_row_sec:first-child ion-item,
ngx-setting ion-list .main_row_sec:first-child ion-item {
  margin-top: 0px;
}
.add_project_page ion-list .main_row_sec .main_col,
.add_project_detail_page ion-list .main_row_sec .main_col,
.add_product_page ion-list .main_row_sec .main_col,
.add_inventory_page ion-list .main_row_sec .main_col,
.project_addQuotation_page ion-list .main_row_sec .main_col,
.project_editInvoice_page ion-list .main_row_sec .main_col,
.add_requirements_page ion-list .main_row_sec .main_col,
ngx-setting ion-list .main_row_sec .main_col {
  width: 58%;
  margin-right: 24px;
  padding-bottom: 50px;
  position: relative;
}
.add_project_page ion-list .main_row_sec .main_col:last-child,
.add_project_detail_page ion-list .main_row_sec .main_col:last-child,
.add_product_page ion-list .main_row_sec .main_col:last-child,
.add_inventory_page ion-list .main_row_sec .main_col:last-child,
.project_addQuotation_page ion-list .main_row_sec .main_col:last-child,
.project_editInvoice_page ion-list .main_row_sec .main_col:last-child,
.add_requirements_page ion-list .main_row_sec .main_col:last-child,
ngx-setting ion-list .main_row_sec .main_col:last-child {
  margin-right: 0;
}
.add_project_page ion-list .main_row_sec .main_col .field,
.add_project_detail_page ion-list .main_row_sec .main_col .field,
.add_product_page ion-list .main_row_sec .main_col .field,
.add_inventory_page ion-list .main_row_sec .main_col .field,
.project_addQuotation_page ion-list .main_row_sec .main_col .field,
.project_editInvoice_page ion-list .main_row_sec .main_col .field,
.add_requirements_page ion-list .main_row_sec .main_col .field,
ngx-setting ion-list .main_row_sec .main_col .field {
  position: relative;
  margin: 5px 0px;
}
.add_project_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group,
.add_project_detail_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group,
.add_product_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group,
.add_inventory_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group,
.project_addQuotation_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group,
.project_editInvoice_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group,
.add_requirements_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group,
ngx-setting ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group {
  align-items: flex-start;
}
.add_project_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box,
.add_project_detail_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box,
.add_product_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box,
.add_inventory_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box,
.project_addQuotation_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box,
.project_editInvoice_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box,
.add_requirements_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box,
ngx-setting ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box {
  align-items: flex-start;
  width: 74%;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
.add_project_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .file_upload,
.add_project_detail_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .file_upload,
.add_product_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .file_upload,
.add_inventory_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .file_upload,
.project_addQuotation_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .file_upload,
.project_editInvoice_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .file_upload,
.add_requirements_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .file_upload,
ngx-setting ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .file_upload {
  display: none;
}
.add_project_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img,
.add_project_detail_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img,
.add_product_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img,
.add_inventory_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img,
.project_addQuotation_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img,
.project_editInvoice_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img,
.add_requirements_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img,
ngx-setting ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.add_project_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center,
.add_project_detail_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center,
.add_product_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center,
.add_inventory_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center,
.project_addQuotation_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center,
.project_editInvoice_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center,
.add_requirements_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center,
ngx-setting ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center {
  width: 120px;
  min-width: 120px;
  height: 120px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  margin-right: 10px;
  margin-top: 10px;
}
.add_project_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-icon,
.add_project_detail_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-icon,
.add_product_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-icon,
.add_inventory_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-icon,
.project_addQuotation_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-icon,
.project_editInvoice_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-icon,
.add_requirements_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-icon,
ngx-setting ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-icon {
  cursor: pointer;
}
.add_project_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-img::part(image),
.add_project_detail_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-img::part(image),
.add_product_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-img::part(image),
.add_inventory_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-img::part(image),
.project_addQuotation_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-img::part(image),
.project_editInvoice_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-img::part(image),
.add_requirements_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-img::part(image),
ngx-setting ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .all_img .ion-align-self-center ion-img::part(image) {
  height: 120px;
  object-fit: cover;
  object-position: center;
}
.add_project_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn,
.add_project_detail_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn,
.add_product_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn,
.add_inventory_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn,
.project_addQuotation_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn,
.project_editInvoice_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn,
.add_requirements_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn,
ngx-setting ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn {
  width: 120px;
  min-width: 120px;
  height: 120px;
  border: 1px solid var(--ion-theme-blue-color);
  box-shadow: unset;
  border-radius: 6px;
  cursor: pointer;
  margin: 0;
}
.add_project_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn ion-icon,
.add_project_detail_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn ion-icon,
.add_product_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn ion-icon,
.add_inventory_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn ion-icon,
.project_addQuotation_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn ion-icon,
.project_editInvoice_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn ion-icon,
.add_requirements_page ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn ion-icon,
ngx-setting ion-list .main_row_sec .main_col .field.add_project_img ion-item .form_group .img_box .upload_btn ion-icon {
  font-size: 40px;
  margin: auto;
  display: block;
  height: 100%;
  cursor: pointer;
  color: var(--ion-theme-blue-color);
}
.add_project_page ion-list .main_row_sec .main_col .valid-msg,
.add_project_detail_page ion-list .main_row_sec .main_col .valid-msg,
.add_product_page ion-list .main_row_sec .main_col .valid-msg,
.add_inventory_page ion-list .main_row_sec .main_col .valid-msg,
.project_addQuotation_page ion-list .main_row_sec .main_col .valid-msg,
.project_editInvoice_page ion-list .main_row_sec .main_col .valid-msg,
.add_requirements_page ion-list .main_row_sec .main_col .valid-msg,
ngx-setting ion-list .main_row_sec .main_col .valid-msg {
  position: absolute;
  width: 100%;
  margin-top: 0px;
}
.add_project_page ion-list .main_row_sec .main_col .valid-msg .hide-err,
.add_project_detail_page ion-list .main_row_sec .main_col .valid-msg .hide-err,
.add_product_page ion-list .main_row_sec .main_col .valid-msg .hide-err,
.add_inventory_page ion-list .main_row_sec .main_col .valid-msg .hide-err,
.project_addQuotation_page ion-list .main_row_sec .main_col .valid-msg .hide-err,
.project_editInvoice_page ion-list .main_row_sec .main_col .valid-msg .hide-err,
.add_requirements_page ion-list .main_row_sec .main_col .valid-msg .hide-err,
ngx-setting ion-list .main_row_sec .main_col .valid-msg .hide-err {
  position: relative;
  width: 72%;
  left: 0;
  bottom: 13px;
  margin-left: auto;
}
.add_project_page ion-list .main_row_sec .main_col ion-item,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item,
.add_product_page ion-list .main_row_sec .main_col ion-item,
.add_inventory_page ion-list .main_row_sec .main_col ion-item,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item,
.add_requirements_page ion-list .main_row_sec .main_col ion-item,
ngx-setting ion-list .main_row_sec .main_col ion-item {
  --background: transparent;
  border-radius: 10px;
  --inner-padding-end: 0;
  --border-style: 0;
  --padding-start: 0;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group {
  width: 100%;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group.sample,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group.sample,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group.sample,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group.sample,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group.sample,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group.sample,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group.sample,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group.sample {
  align-items: center;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group.sample .label ion-label,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group.sample .label ion-label,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group.sample .label ion-label,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group.sample .label ion-label,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group.sample .label ion-label,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group.sample .label ion-label,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group.sample .label ion-label,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group.sample .label ion-label {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group.sample .label p,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group.sample .label p,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group.sample .label p,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group.sample .label p,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group.sample .label p,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group.sample .label p,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group.sample .label p,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group.sample .label p {
  margin: 0;
  color: #000000;
  font-size: 14px;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field,
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group .photo-field,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group .file_upload {
  display: flex;
  align-items: baseline;
  width: 74%;
  flex-wrap: wrap;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn,
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn {
  width: 120px;
  min-width: 120px;
  height: 120px;
  border: 1px solid var(--ion-theme-blue-color);
  box-shadow: unset;
  border-radius: 6px;
  margin-left: 0;
  cursor: pointer;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn ion-icon,
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn ion-icon,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn ion-icon,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn ion-icon,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn ion-icon,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn ion-icon,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn ion-icon,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn ion-icon,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn ion-icon,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn ion-icon,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn ion-icon,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn ion-icon,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn ion-icon,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn ion-icon,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group .photo-field .upload_btn ion-icon,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group .file_upload .upload_btn ion-icon {
  font-size: 40px;
  margin: auto;
  display: block;
  height: 100%;
  cursor: pointer;
  color: var(--ion-theme-blue-color);
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group ion-label,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group ion-label,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group ion-label,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group ion-label,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group ion-label,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group ion-label,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group ion-label,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group ion-label {
  font-size: 16px;
  color: #11141a;
  font-weight: 600;
  width: 24%;
  height: 50px;
  line-height: 50px;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group a24-input,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group a24-input,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group a24-input,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group a24-input,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group a24-input,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group a24-input,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group a24-input,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group a24-input {
  width: 74%;
  border: 1px solid #cbcbcb;
  border-radius: 5px;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group app-input-counter {
  width: 74%;
  border: 1px solid #cbcbcb;
  border-radius: 5px;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-input,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-input,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-input,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-input,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-input,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-input,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-input,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-input {
  text-align: center;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button {
  --border-radius: 50px;
  width: 36px;
  height: 36px;
  margin: 0px 10px;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button::part(native),
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button::part(native),
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button::part(native),
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button::part(native),
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button::part(native),
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button::part(native),
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button::part(native),
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group app-input-counter div ion-button::part(native) {
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group ion-input.has-value input,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group ion-input.has-value input,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group ion-input.has-value input,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group ion-input.has-value input,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group ion-input.has-value input,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group ion-input.has-value input,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group ion-input.has-value input,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group ion-input.has-value input {
  font-weight: 400;
  z-index: 9999999;
  opacity: 1;
  color: #414141;
  height: 50px;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group ion-input input,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group ion-input input,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group ion-input input,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group ion-input input,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group ion-input input,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group ion-input input,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group ion-input input,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group ion-input input {
  padding: 0px 10px !important;
  font-size: 17px;
  height: 50px;
  color: #414141;
  font-weight: 400;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group dropdown-component,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group dropdown-component,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group dropdown-component,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group dropdown-component,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group dropdown-component,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group dropdown-component,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group dropdown-component,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group dropdown-component {
  width: 74%;
  border: 1px solid #cbcbcb;
  border-radius: 5px;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group ng-select,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group ng-select,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group ng-select,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group ng-select,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group ng-select,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group ng-select,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group ng-select,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group ng-select {
  position: relative;
  font-size: 17px;
  color: #414141;
  font-weight: 400;
  opacity: 1;
  padding-top: 0;
  padding-left: 10px;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group ng-select.item-interactive-disabled,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group ng-select.item-interactive-disabled,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group ng-select.item-interactive-disabled,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group ng-select.item-interactive-disabled,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group ng-select.item-interactive-disabled,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group ng-select.item-interactive-disabled,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group ng-select.item-interactive-disabled,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group ng-select.item-interactive-disabled {
  width: 100%;
  color: #414141;
  font-weight: 500;
  background: #e3e3e3;
  margin: 0;
  height: 51px;
  line-height: 51px;
  border-radius: 5px;
}
.add_project_page ion-list .main_row_sec .main_col ion-item .form_group.multi_select .custom_select ng-select,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item .form_group.multi_select .custom_select ng-select,
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group.multi_select .custom_select ng-select,
.add_inventory_page ion-list .main_row_sec .main_col ion-item .form_group.multi_select .custom_select ng-select,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item .form_group.multi_select .custom_select ng-select,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item .form_group.multi_select .custom_select ng-select,
.add_requirements_page ion-list .main_row_sec .main_col ion-item .form_group.multi_select .custom_select ng-select,
ngx-setting ion-list .main_row_sec .main_col ion-item .form_group.multi_select .custom_select ng-select {
  padding-top: 0px;
}
.add_project_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-input,
.add_project_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-textarea,
.add_project_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ng-select,
.add_project_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ionic-selectable,
.add_project_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid .a24-color-picker,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-input,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-textarea,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ng-select,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ionic-selectable,
.add_project_detail_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid .a24-color-picker,
.add_product_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-input,
.add_product_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-textarea,
.add_product_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ng-select,
.add_product_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ionic-selectable,
.add_product_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid .a24-color-picker,
.add_inventory_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-input,
.add_inventory_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-textarea,
.add_inventory_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ng-select,
.add_inventory_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ionic-selectable,
.add_inventory_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid .a24-color-picker,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-input,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-textarea,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ng-select,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ionic-selectable,
.project_addQuotation_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid .a24-color-picker,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-input,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-textarea,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ng-select,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ionic-selectable,
.project_editInvoice_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid .a24-color-picker,
.add_requirements_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-input,
.add_requirements_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-textarea,
.add_requirements_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ng-select,
.add_requirements_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ionic-selectable,
.add_requirements_page ion-list .main_row_sec .main_col ion-item.dnl-item-invalid .a24-color-picker,
ngx-setting ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-input,
ngx-setting ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ion-textarea,
ngx-setting ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ng-select,
ngx-setting ion-list .main_row_sec .main_col ion-item.dnl-item-invalid ionic-selectable,
ngx-setting ion-list .main_row_sec .main_col ion-item.dnl-item-invalid .a24-color-picker {
  border-bottom: 1px solid var(--ion-theme-red-color);
  transition: all 0.5s linear;
  bottom: -1px;
  width: 100%;
  margin: 0 auto;
  height: 50px;
  border-radius: 3px;
}
.add_project_page ion-list .main_row_sec .main_col .row_sec,
.add_project_detail_page ion-list .main_row_sec .main_col .row_sec,
.add_product_page ion-list .main_row_sec .main_col .row_sec,
.add_inventory_page ion-list .main_row_sec .main_col .row_sec,
.project_addQuotation_page ion-list .main_row_sec .main_col .row_sec,
.project_editInvoice_page ion-list .main_row_sec .main_col .row_sec,
.add_requirements_page ion-list .main_row_sec .main_col .row_sec,
ngx-setting ion-list .main_row_sec .main_col .row_sec {
  display: flex;
}
.add_project_page ion-list .main_row_sec .main_col .row_sec .col,
.add_project_detail_page ion-list .main_row_sec .main_col .row_sec .col,
.add_product_page ion-list .main_row_sec .main_col .row_sec .col,
.add_inventory_page ion-list .main_row_sec .main_col .row_sec .col,
.project_addQuotation_page ion-list .main_row_sec .main_col .row_sec .col,
.project_editInvoice_page ion-list .main_row_sec .main_col .row_sec .col,
.add_requirements_page ion-list .main_row_sec .main_col .row_sec .col,
ngx-setting ion-list .main_row_sec .main_col .row_sec .col {
  width: 50%;
  margin-right: 24px;
}
.add_project_page ion-list .main_row_sec .main_col .row_sec .col:last-child,
.add_project_detail_page ion-list .main_row_sec .main_col .row_sec .col:last-child,
.add_product_page ion-list .main_row_sec .main_col .row_sec .col:last-child,
.add_inventory_page ion-list .main_row_sec .main_col .row_sec .col:last-child,
.project_addQuotation_page ion-list .main_row_sec .main_col .row_sec .col:last-child,
.project_editInvoice_page ion-list .main_row_sec .main_col .row_sec .col:last-child,
.add_requirements_page ion-list .main_row_sec .main_col .row_sec .col:last-child,
ngx-setting ion-list .main_row_sec .main_col .row_sec .col:last-child {
  margin-right: 0;
}
.ng-dropdown-panel.ng-select-bottom {
  zoom: 100% !important;
}
.ng-dropdown-panel.ng-select-top {
  zoom: 100% !important;
}
.modal_drop .ng-dropdown-panel.ng-select-bottom {
  zoom: unset !important;
}
.add_project_page ion-list .main_row_sec {
  justify-content: center;
}
ngx-setting ion-list .main_row_sec.pdf_page .main_col ion-item .form_group {
  width: 96%;
  display: block;
  box-shadow: 3px 3px 12px #e3e3e3;
  margin: 15px auto;
  border-radius: 10px;
}
ngx-setting ion-list .main_row_sec.pdf_page .main_col ion-item .form_group ion-textarea {
  border: 0;
  --padding-bottom: 0 !important;
}
ngx-setting ion-list .main_row_sec.pdf_page .main_col ion-item .form_group ion-textarea textarea {
  overflow-y: scroll;
}
ngx-setting ion-list .main_row_sec.pdf_page .main_col ion-item .preview {
  position: absolute;
  top: 23px;
  right: 40px;
  text-align: center;
  cursor: pointer;
}
ngx-setting ion-list .main_row_sec.pdf_page .main_col ion-item .preview ion-icon {
  display: block;
  margin: 0 auto;
  color: var(--ion-theme-red-color);
  font-size: 16px;
}
ngx-setting ion-list .main_row_sec.pdf_page .main_col ion-item .preview span {
  display: block;
  font-size: 12px;
}
ngx-setting ion-list .main_row_sec .main_col .valid-msg {
  position: absolute;
  width: 100%;
  margin-top: 0;
  bottom: 0;
}
ngx-setting ion-list .main_row_sec .main_col .valid-msg .hide-err {
  position: relative;
  width: 100%;
  left: 4px;
  top: 5px;
  margin-left: auto;
}
.addUpdate_modal .pay_amt,
.add_product_page .pay_amt {
  position: relative;
}
.addUpdate_modal .upload_btn,
.add_product_page .upload_btn {
  position: absolute;
  width: 165px;
  border-radius: 0 10px 10px 0;
  background: var(--ion-theme-blue-color);
  top: 0;
  z-index: 9;
  height: 51px;
  bottom: 0;
  margin: auto;
}
.addUpdate_modal .upload_btn:hover,
.add_product_page .upload_btn:hover {
  color: #ebebeb;
}
.addUpdate_modal form .placeHolder,
.add_product_page form .placeHolder {
  position: relative;
  top: 0px;
  left: 10px;
  font-size: 16px;
  color: #414141;
  font-weight: 400;
}
.addUpdate_modal form.ng-dirty .placeHolder,
.add_product_page form.ng-dirty .placeHolder {
  display: none;
}
.addUpdate_modal .upload_btn {
  right: 0px;
}
.add_product_page .upload_btn {
  right: 10px;
}
.add_inventory_page .ng-select::after {
  top: 10px;
  right: 0px;
}
.company_profile_page .valid-msg {
  position: absolute;
  bottom: -16px;
}
.company_profile_page .card_box {
  border: 1px solid #cbcbcb;
  box-shadow: unset;
}
.company_profile_page ion-header {
  background: #d2d2d2;
  -webkit-backdrop-filter: unset !important;
  backdrop-filter: unset !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.company_profile_page ion-header.site_header h2 {
  color: #000000;
  position: relative;
  font-weight: 600;
  margin: 0px 0px 10px;
}
.company_profile_page ion-header.site_header h3 {
  position: relative;
  font-size: 18px !important;
}
.company_profile_page form {
  display: flex;
  justify-content: center;
}
.company_profile_page ion-list.list-lines-none {
  background: transparent;
  width: 78%;
  padding: 0px 0px;
}
.company_profile_page ion-list .main_row_sec {
  display: flex;
}
.company_profile_page ion-list .main_row_sec .main_col {
  width: 50%;
  margin-right: 60px;
  padding-bottom: 20px;
}
.company_profile_page ion-list .main_row_sec .main_col:last-child {
  margin-right: 0;
}
.company_profile_page ion-list .main_row_sec .main_col.company_logo_sec ion-row {
  align-items: center;
}
.company_profile_page ion-list .main_row_sec .main_col.company_logo_sec ion-row .product_label {
  padding: 0;
}
.company_profile_page ion-list .main_row_sec .main_col.company_logo_sec ion-item:hover ion-icon {
  transform: scale(1.5);
  color: var(--ion-theme-blue-color) !important;
}
.company_profile_page ion-list .main_row_sec .main_col.company_logo_sec ion-item .upload_logo {
  display: none;
}
.company_profile_page ion-list .main_row_sec .main_col.company_logo_sec ion-item .company_logo {
  position: relative;
  text-align: center;
  width: 100%;
  justify-content: center;
}
.company_profile_page ion-list .main_row_sec .main_col.company_logo_sec ion-item .company_logo .upload_btn {
  visibility: hidden;
}
.company_profile_page ion-list .main_row_sec .main_col.company_logo_sec ion-item .company_logo img {
  width: 110px;
  height: 110px;
  object-fit: cover;
  object-position: center;
}
.company_profile_page ion-list .main_row_sec .main_col.company_logo_sec ion-item .company_logo ion-icon {
  position: absolute;
  top: 16px;
  right: 5px;
  color: #cdcdcd;
  font-size: 24px;
  transition: 0.3s;
}
.company_profile_page ion-list .main_row_sec .main_col.company_logo_sec ion-item .company_logo ion-icon:hover {
  transform: scale(1.5);
  color: var(--ion-theme-blue-color);
}
.company_profile_page ion-list .main_row_sec .main_col ion-row {
  align-items: center;
  margin: 10px 0px;
}
.company_profile_page ion-list .main_row_sec .main_col ion-row .field {
  position: relative;
}
.company_profile_page ion-list .main_row_sec .main_col ion-row .field ion-item {
  border: 1px solid #eaeaea;
  border-radius: 3px;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  --highlight-background: var(--ion-theme-blue-color);
  --inner-padding-end: 0;
  padding-left: 10px;
  --min-height: 36px;
}
.company_profile_page ion-list .main_row_sec .main_col ion-row .field ion-item .form_group {
  width: 100%;
  height: 210px;
  padding: 8px 4px;
}
.company_profile_page ion-list .main_row_sec .main_col ion-row .field ion-item .form_group ion-label {
  font-size: 16px;
  color: #929ba4;
  font-weight: 300;
}
.company_profile_page ion-list .main_row_sec .main_col ion-row .field ion-item .form_group .upload_btn {
  position: absolute;
  width: 165px;
  margin-bottom: 0;
  height: 100%;
  border-radius: 0px 10px 10px 0px;
  top: 0;
  right: 0;
}
.company_profile_page ion-list .main_row_sec .main_col ion-row .field ion-item a24-input {
  width: 100%;
  display: block;
}
.company_profile_page ion-list .main_row_sec .main_col ion-row .field ion-item ion-textarea .textarea-wrapper {
  min-height: 105px;
}
.company_profile_page ion-list .main_row_sec .main_col ion-row .field ion-item ion-textarea .textarea-wrapper textarea {
  min-height: 120px;
  height: 120px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  overflow-y: scroll;
  padding-left: 0;
  font-weight: 500;
  padding: 0;
}
.company_profile_page ion-list .main_row_sec .main_col ion-row .field ion-item a24-text-area {
  width: 100% !important;
  padding: 10px 0px 0px;
}
.company_profile_page ion-list .main_row_sec .main_col ion-row .field ion-item a24-text-area ion-textarea {
  border: 0 !important;
  overflow-y: auto !important;
}
.company_profile_page ion-list .main_row_sec .main_col ion-row .field ion-input {
  width: 100%;
  height: 36px;
}
.company_profile_page ion-list .main_row_sec .main_col .row_sec {
  display: flex;
}
.company_profile_page ion-list .main_row_sec .main_col .row_sec .col {
  width: 50%;
  margin-right: 24px;
}
.company_profile_page ion-list .main_row_sec .main_col .row_sec .col:last-child {
  margin-right: 0;
}
.company_profile_page ion-list .main_row_sec .main_col .product_label {
  padding-right: 0 !important;
  line-height: 44px;
}
.doortype_validation .hide-err {
  width: 73%;
  margin-left: auto;
  margin-top: 0;
}
.logo_field {
  align-items: flex-start !important;
}
.logo_field .upload_logo {
  position: relative;
  border: 1px solid #eaeaea;
  height: 38px;
  border-radius: 6px;
  line-height: 38px;
  text-indent: 10px;
  cursor: pointer;
}
.logo_field .upload_logo input {
  position: relative;
  background: #fff;
  border: 1px solid #cbcbcb;
  height: 36px;
  width: 100%;
  border-radius: 5px;
  text-indent: -90px;
  line-height: 36px;
}
.logo_field .upload_logo ion-button {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  height: 36px;
  text-align: center;
  color: var(--ion-white-color);
  --border-radius: 0px 6px 6px 0px;
}
.logo_field .form_group.company_logo {
  border: 1px solid #cbcbcb;
  margin-top: 20px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  height: 180px;
}
.logo_field .form_group.company_logo img {
  border-radius: 5px;
  height: 100%;
  margin: 0 auto;
  display: block;
}
.logo_field .form_group.company_logo ion-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  color: #cbcbcb;
}
.dataTable table thead {
  background: #d2d2d2;
}
.dataTable table thead tr th span {
  color: #333333 !important;
}
.datatable-row-even:hover,
.datatable-row-odd:hover {
  background-color: #f1f2f6;
}
.dnl_sheet_page .filter_sec {
  justify-content: space-between;
}
.dnl_sheet_page .filter_sec .filter_item {
  display: flex;
  align-items: center;
}
.dnl_sheet_page .filter_sec .filter_item .form_group {
  height: 44px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 rgba(12, 12, 12, 0.0784313725);
  color: #474747;
  font-size: 14px;
  font-weight: 400;
  margin-left: 0px !important;
  margin-right: 16px;
}
.dnl_sheet_page .filter_sec .filter_item .form_group.select_status .custom_select ng-select {
  width: 270px;
}
.dnl_sheet_page .filter_sec .filter_item .form_group.select_status .custom_select ng-select .ng-select-container {
  width: 270px;
  border: unset;
}
.dnl_sheet_page .filter_sec .filter_item .form_group.date_picker {
  position: relative;
  padding: 0;
}
.dnl_sheet_page .card_box {
  position: relative;
  margin: 0 auto;
  box-shadow: unset;
  width: 78%;
}
.dnl_sheet_page .card_box .sub_title {
  box-shadow: unset;
}
.dnl_sheet_page .card_box .title {
  text-align: center;
  margin-bottom: 24px;
}
.dnl_sheet_page .card_box .title h3 {
  font-size: 40px;
  color: var(--ion-theme-black-color);
  font-weight: 700;
  margin: 0;
}
.dnl_sheet_page .card_box .title p {
  color: #414141;
  font-size: 16px;
  margin: 10px 0px 0px 0px;
}
.dnl_sheet_page .card_box .title p .skeleton-text-animated {
  margin: 0 auto;
}
.dnl_sheet_page .card_box .table-responsive {
  border: 2px solid var(--ion-theme-black-color);
}
.dnl_sheet_page .card_box table {
  width: 100%;
}
.dnl_sheet_page .card_box table thead tr {
  position: relative;
  z-index: 99;
  background: #414141;
}
.dnl_sheet_page .card_box table thead tr th {
  font-size: 14px;
  margin: 0;
  padding: 14px 30px 10px 0px;
  color: #fff;
  font-weight: 600;
  position: relative;
  text-align: center;
  background: #414141;
}
.dnl_sheet_page .card_box table thead tr th:first-child th {
  font-weight: 500;
}
.dnl_sheet_page .card_box table thead tr th.border {
  font-weight: 600;
  border-bottom: 1px solid #7b7b7b;
}
.dnl_sheet_page .card_box table thead tr th ion-skeleton-text {
  float: right;
}
.dnl_sheet_page .card_box table tbody tr.sub_title td {
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  padding: 15px 50px 5px 50px !important;
}
.dnl_sheet_page .card_box table tbody tr.total {
  background: var(--ion-theme-red-color);
  height: 40px;
}
.dnl_sheet_page .card_box table tbody tr.total td {
  font-weight: 700;
  color: #fff;
  padding: 0px 50px !important;
}
.dnl_sheet_page .card_box table tbody tr.total.grey_back_bg {
  background: #c0c0c0 !important;
}
.dnl_sheet_page .card_box table tbody tr.total.grey_back_bg td {
  background: #c0c0c0 !important;
  color: #1b1b1b;
}
.dnl_sheet_page .card_box table tbody tr.total.red_theme td {
  background: var(--ion-theme-red-color) !important;
  color: var(--ion-white-color) !important;
}
.dnl_sheet_page .card_box table tbody tr.pb_15 td {
  padding-bottom: 15px !important;
}
.dnl_sheet_page .card_box table tbody tr td {
  color: #555555;
  font-size: 16px;
  padding: 12px 50px 0px 50px !important;
  text-align: center;
}
.dnl_sheet_page .card_box table tbody tr td ion-skeleton-text {
  float: right !important;
}
.dnl_sheet_page .card_box table tbody tr td:first-child {
  text-align: left;
}
.dnl_sheet_page .card_box table tbody tr td:first-child ion-skeleton-text {
  float: left !important;
}
.dnl_sheet_page .card_box table tbody tr td:nth-child(2) {
  text-align: right;
  padding-right: 105px !important;
  padding-left: 0 !important;
}
.dnl_sheet_page .card_box table tbody tr td:nth-child(3) {
  text-align: right;
  padding-right: 130px !important;
  padding-left: 0 !important;
}
.dnl_sheet_page .card_box table tbody tr:nth-child(odd) td {
  background: var(--ion-white-color) !important;
}
.dnl_sheet_page .card_box table.disabled thead tr:first-child th:nth-child(2) {
  opacity: 0;
}
.dnl_sheet_page .card_box table.disabled thead tr:nth-child(2) th:first-child {
  opacity: 0;
}
.dnl_sheet_page .card_box table.disabled thead tr th.border {
  border: 0 !important;
}
.dnl_sheet_page .card_box table.disabled tbody tr td:nth-child(2) {
  opacity: 0;
}
.apply {
  justify-content: end !important;
  padding: 0 !important;
}
.apply ion-label {
  margin-left: 10px;
}
.pro_cat_text {
  position: absolute;
  left: 120px;
  display: flex;
  flex-wrap: wrap;
}
.pro_cat_text .pro_cat_list {
  height: 44px;
  border-radius: 5px;
  line-height: 44px;
  margin: 2px 10px;
  padding: 0px 15px;
  font-weight: 700;
}
#Confirmationalert-modal,
#Failedalert-modal,
#jwt-modal,
#Successalert-modal,
#undefinedalert-modal {
  --width: 25%;
  --border-radius: 35px;
  --box-shadow: unset;
  --height: fit-content !important;
}
#Confirmationalert-modal .custom_modal.set_alert_popup,
#Failedalert-modal .custom_modal.set_alert_popup,
#jwt-modal .custom_modal.set_alert_popup,
#Successalert-modal .custom_modal.set_alert_popup,
#undefinedalert-modal .custom_modal.set_alert_popup {
  height: 100%;
  position: relative;
  --border-radius: 20px;
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_align,
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_align,
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_align,
#Successalert-modal .custom_modal.set_alert_popup .card-body .modal_align,
#undefinedalert-modal .custom_modal.set_alert_popup .card-body .modal_align {
  display: flex;
  padding: 30px;
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.conform-img,
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.conform-img,
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.conform-img,
#Successalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.conform-img,
#undefinedalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.conform-img {
  color: #ffb30e;
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.failure-img,
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.failure-img,
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.failure-img,
#Successalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.failure-img,
#undefinedalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.failure-img {
  color: var(--ion-theme-red-color);
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.success-img,
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.success-img,
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.success-img,
#Successalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.success-img,
#undefinedalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec.success-img {
  color: #3aa949;
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec ion-icon,
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec ion-icon,
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec ion-icon,
#Successalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec ion-icon,
#undefinedalert-modal .custom_modal.set_alert_popup .card-body .modal_align .icon_sec ion-icon {
  font-size: 68px;
  margin-top: -16px;
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup,
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup,
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup,
#Successalert-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup,
#undefinedalert-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup {
  margin-bottom: 0;
  padding: 0;
  padding-left: 24px;
  text-align: left;
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup h2,
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup h2,
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup h2,
#Successalert-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup h2,
#undefinedalert-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup h2 {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 16px;
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup p,
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup p,
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup p,
#Successalert-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup p,
#undefinedalert-modal .custom_modal.set_alert_popup .card-body .modal_align .description-popup p {
  font-size: 14px;
  color: #616161;
  margin: 0;
  font-weight: 300;
  line-height: 27px;
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_footer,
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_footer,
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_footer,
#Successalert-modal .custom_modal.set_alert_popup .card-body .modal_footer,
#undefinedalert-modal .custom_modal.set_alert_popup .card-body .modal_footer {
  background: #fff;
  padding: 20px 30px;
  text-align: right;
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn,
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn,
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn,
#Successalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn,
#undefinedalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn {
  background: transparent;
  border: unset;
  color: #616161;
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn:hover,
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn:hover,
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn:hover,
#Successalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn:hover,
#undefinedalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn:hover {
  --background: transparent !important;
  border: unset;
  color: #9e9e9e !important;
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn.ion-activated,
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn.ion-activated,
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn.ion-activated,
#Successalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn.ion-activated,
#undefinedalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn.ion-activated {
  --background-activated: transparent !important;
  --background-focused: transparent !important;
  --background-hover: transparent !important;
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_red_btn {
  --background: var(--ion-theme-blue-color);
  --border-radius: 6px !important;
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_red_btn:hover {
  color: var(--ion-theme-blue-color);
  --background: transparent;
  border: 1px solid var(--ion-theme-blue-color);
  --border-radius: 6px !important;
}
#Confirmationalert-modal .custom_modal.set_alert_popup .card-body .modal_footer {
  background: #fff;
}
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_footer {
  background: #fff;
}
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_footer {
  background: #fff;
}
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_red_btn,
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn,
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn {
  --background: var(--ion-theme-blue-color);
  color: #fff;
  width: 160px;
}
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_red_btn:hover,
#Failedalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn:hover,
#jwt-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn:hover {
  color: var(--ion-theme-blue-color) !important;
  --background: transparent;
  border: 1px solid var(--ion-theme-blue-color);
}
#Successalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn {
  --background: #3aa949;
  border: 1px solid #3aa949;
  color: #fff;
  width: 160px;
}
#Successalert-modal .custom_modal.set_alert_popup .card-body .modal_footer .theme_outline_btn:hover {
  --background: #3aa949 !important;
  border: 1px solid #3aa949;
  color: #fff !important;
}
.multi-modal::after {
  content: "";
  background: rgba(0, 0, 0, 0.4117647059);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.date_picker {
  position: relative;
}
.date_picker .select_datePic {
  display: flex;
  align-items: center;
  border: 1px solid #a9d0f7;
  border-radius: 5px;
  width: 100%;
  height: 55px;
  max-width: 260px;
  overflow: hidden;
}
.date_picker .select_datePic .custom_date {
  position: absolute;
  right: 10px;
  top: 14px;
  color: #d1d1d2;
  font-size: 16px;
}
.date_picker .select_datePic .shown {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-top: 22px;
  position: absolute;
  border-radius: 4px;
  will-change: 0 !important;
  z-index: 999;
}
.date_picker .select_datePic .shown .ranges ul li button {
  padding: 10px 16px;
  font-size: 15px;
  width: 160px;
  color: #404040;
}
.date_picker .select_datePic .shown .ranges ul li button.active {
  color: #fff;
}
.date_picker .select_datePic .shown .calendar {
  max-width: 100%;
  margin: 4px;
}
.date_picker .select_datePic .shown .calendar .calendar-table thead tr:first-child {
  width: 100%;
  vertical-align: middle;
}
.date_picker .select_datePic .shown .calendar .calendar-table thead tr:first-child th {
  font-size: 16px;
  padding: 0px;
  line-height: 24px;
  color: #404040;
  height: auto;
}
.date_picker .select_datePic .shown .calendar .calendar-table thead tr:first-child th:last-child {
  width: unset !important;
}
.date_picker .select_datePic .shown .calendar .calendar-table tbody tr .week-days th {
  padding: 35px 16px 16px;
}
.date_picker .select_datePic .custom_date_icon {
  padding: 0px 12px 0px 15px;
}
.date_picker .select_datePic input {
  border: unset !important;
  box-shadow: unset !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 15px 0px 0px;
  height: 44px;
  background: #fff;
  width: 100%;
  border-radius: 5px;
  box-shadow: -1px 2px 5px 0 rgba(12, 12, 12, 0.0784313725);
  color: #000 !important;
  font-size: 14px;
  font-weight: 400;
  opacity: 1;
}
.date_picker .select_datePic input:focus {
  outline: none !important;
}
.shown .calendar .calendar-table thead tr:first-child {
  width: 100%;
  vertical-align: middle;
}
.shown .calendar .calendar-table thead tr:first-child th {
  font-size: 16px;
  padding: 0;
  line-height: 24px;
}
.shown .calendar .calendar-table thead tr:first-child th:nth-child(2) {
  padding: 10px 0;
  pointer-events: none;
}
.shown td.available.prev,
.shown th.available.prev,
.shown th.available.next {
  position: relative;
  visibility: hidden;
}
.shown th.available.prev:after,
.shown th.available.next::after {
  content: "";
  visibility: visible;
  position: absolute;
  width: 12px;
  height: 12px;
  background: transparent;
  text-indent: -9999px;
  border-top: 2px solid var(--ion-theme-blue-color);
  border-left: 2px solid var(--ion-theme-blue-color);
  transition: all 250ms ease-in-out;
  text-decoration: none;
  color: transparent;
}
.shown th.available.prev:after {
  left: 50%;
  top: 5px;
  transform: rotate(315deg);
}
.shown th.available.next::after {
  right: 50%;
  bottom: 5px;
  transform: rotate(315deg);
}
.shown .calendar .week-days th {
  padding: 35px 16px 16px 16px !important;
  text-transform: uppercase;
  color: #404040;
  font-weight: 700;
}
.shown .calendar .week-days th span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}
.shown .calendar tr:hover {
  background-color: transparent !important;
}
.shown .calendar tr td {
  padding: 14px !important;
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
  border-radius: 0;
  font-weight: 400 !important;
}
.shown .calendar tr td.active {
  background-color: var(--ion-theme-blue-color);
  color: #fff;
}
.shown .calendar tr td:hover {
  border-radius: 0;
}
.shown td.start-date.end-date {
  border-radius: 0px !important;
}
.size_length .input_value {
  height: 70px !important;
  line-height: 30px !important;
}
.view_requirement_page ng2-smart-table .custom-smart-table {
  padding: 0;
  background: #fff;
}
.view_requirement_page ng2-smart-table .custom-smart-table table thead tr:first-child::after {
  background: #ffffff;
  box-shadow: 3px 3px 10px 0 rgba(12, 12, 12, 0.0549019608);
}
.view_requirement_page ng2-smart-table .custom-smart-table table tbody tr:hover {
  background: transparent !important;
}
.view_requirement_page ng2-smart-table .custom-smart-table table tbody tr td {
  vertical-align: top;
  padding: 30px 16px;
}
.add_requirements_page ion-grid ion-row {
  min-height: 60px;
  height: auto;
}
.add_requirements_page ion-list .main_row_sec .main_col .valid-msg .hide-err {
  bottom: 14px !important;
}
.add_requirements_page ion-grid .form-group,
.add_project_detail_page ion-grid .form-group {
  margin: 10px 0px;
}
.add_requirements_page ion-grid .form-group ion-row .product_input,
.add_project_detail_page ion-grid .form-group ion-row .product_input {
  padding: 0 5px;
}
.add_requirements_page ion-grid .form-group:last-child ion-row,
.add_project_detail_page ion-grid .form-group:last-child ion-row {
  align-items: flex-start;
}
.add_requirements_page ion-grid .form-group ion-row ion-list ion-item dropdown-component .form-group,
.add_requirements_page ion-grid .form-group ion-row ion-list ion-item a24-input .form-group,
.add_project_detail_page ion-grid .form-group ion-row ion-list ion-item dropdown-component .form-group,
.add_project_detail_page ion-grid .form-group ion-row ion-list ion-item a24-input .form-group {
  margin: 0 !important;
}
.add_requirements_page ion-grid ion-row,
.add_project_detail_page ion-grid ion-row {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.add_requirements_page ion-grid ion-row ion-col.product_input.w-50 .field,
.add_project_detail_page ion-grid ion-row ion-col.product_input.w-50 .field {
  width: 48%;
  margin-right: 0px;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list {
  display: flex;
  justify-content: space-between;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list.door_select .field,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list.door_select .field {
  width: 48%;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list.full_width .field,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list.full_width .field {
  width: 100%;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field {
  width: 23%;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field a24-input,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field a24-input {
  width: 100%;
  padding-right: 16px;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field ion-item,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field ion-item {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #cbcbcb;
  border-radius: 6px;
  color: #414141;
  font-size: 14px;
  transition: all 0.5s linear;
  --highlight-background: var(--ion-theme-red-color);
  --padding-start: 0;
  --inner-padding-end: 0;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field ion-item:last-child,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field ion-item:last-child {
  margin: 0;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field ion-item.item-interactive-disabled,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field ion-item.item-interactive-disabled {
  border: 1px solid #e9e9e9;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field ion-item.item-interactive-disabled span.ng-value-label,
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field ion-item.item-interactive-disabled .ng-placeholder,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field ion-item.item-interactive-disabled span.ng-value-label,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field ion-item.item-interactive-disabled .ng-placeholder {
  opacity: 0.4;
  font-weight: 300;
  color: #555;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field ion-item.item-interactive-disabled .ng-arrow-wrapper .ng-arrow,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field ion-item.item-interactive-disabled .ng-arrow-wrapper .ng-arrow {
  opacity: 0.4;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field ion-item dropdown-component,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field ion-item dropdown-component {
  width: 100%;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field ion-item dropdown-component .ng-select,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field ion-item dropdown-component .ng-select {
  padding: 0;
  margin: 0;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field ion-item dropdown-component .ng-select .ng-select-container,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field ion-item dropdown-component .ng-select .ng-select-container {
  padding: 16px;
  background: transparent;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field ion-item dropdown-component .ng-select .ng-select-container .ng-placeholder,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field ion-item dropdown-component .ng-select .ng-select-container .ng-placeholder {
  font-size: 16px;
}
.add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field ion-item input,
.add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field ion-item input {
  --padding-top: 0 !important;
  --padding-bottom: 0px !important;
  font-size: 16px;
  padding-left: 16px !important;
}
.add_requirements_page ion-grid ion-row ion-col ion-radio-group,
.add_project_detail_page ion-grid ion-row ion-col ion-radio-group {
  display: flex;
}
.add_requirements_page ion-grid ion-row ion-col ion-radio-group ion-item,
.add_project_detail_page ion-grid ion-row ion-col ion-radio-group ion-item {
  width: 25%;
  --background-hover: transparent;
  --padding-start: 0;
}
.add_requirements_page ion-grid ion-row ion-col ion-radio-group ion-item.item-interactive-disabled ion-label,
.add_project_detail_page ion-grid ion-row ion-col ion-radio-group ion-item.item-interactive-disabled ion-label {
  color: #414141 !important;
  opacity: 0.3 !important;
}
.add_requirements_page ion-grid ion-row ion-col ion-radio-group ion-item.item-interactive-disabled ion-radio,
.add_project_detail_page ion-grid ion-row ion-col ion-radio-group ion-item.item-interactive-disabled ion-radio {
  position: relative;
}
.add_requirements_page ion-grid ion-row ion-col ion-radio-group ion-item.item-interactive-disabled ion-radio::after,
.add_project_detail_page ion-grid ion-row ion-col ion-radio-group ion-item.item-interactive-disabled ion-radio::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #b5b5b5;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.add_requirements_page ion-grid ion-row ion-col ion-radio-group ion-item ion-label,
.add_project_detail_page ion-grid ion-row ion-col ion-radio-group ion-item ion-label {
  font-size: 16px !important;
  color: #414141 !important;
}
.add_requirements_page ion-grid ion-row ion-col ion-radio-group ion-item ion-radio,
.add_project_detail_page ion-grid ion-row ion-col ion-radio-group ion-item ion-radio {
  margin-right: 10px;
}
.add_requirements_page .frame_material_field .field,
.add_project_detail_page .frame_material_field .field {
  width: 75%;
  position: relative;
}
.add_requirements_page .frame_material_field .field ion-radio-group ion-item,
.add_project_detail_page .frame_material_field .field ion-radio-group ion-item {
  width: 33%;
}
.add_requirements_page .frame_material_field .field ion-list,
.add_project_detail_page .frame_material_field .field ion-list {
  position: absolute;
  top: -10px;
  right: 2%;
}
.add_requirements_page .frame_material_field .field ion-list .field,
.add_project_detail_page .frame_material_field .field ion-list .field {
  margin: 0;
}
.add_requirements_page .frame_material_field ion-list,
.add_project_detail_page .frame_material_field ion-list {
  width: 25%;
  position: absolute;
  right: 22%;
  z-index: 99;
}
.add_requirements_page .frame_material_field ion-list .field,
.add_project_detail_page .frame_material_field ion-list .field {
  width: 100% !important;
}
.add_requirements_page .frame_material_field ion-list ion-item,
.add_project_detail_page .frame_material_field ion-list ion-item {
  width: 100%;
  --padding-start: 0;
}
.add_project_detail_page .form-group {
  margin-bottom: 5px;
}
.add_project_detail_page .form-group .form-group {
  margin-bottom: 0 !important;
}
.add_project_detail_page .form-group.mt-15 {
  margin-top: 15px;
}
.add_project_detail_page .product_input {
  position: relative;
}
app-table-column-icon p ion-icon {
  top: 3px;
  position: relative;
}
app-inventory-supplier-list {
  justify-content: unset !important;
}
app-inventory-supplier-list .inventory_header {
  background: #3b8dc9;
  padding: 15px 30px;
}
app-inventory-supplier-list .inventory_header .d_flex {
  justify-content: space-between;
}
app-inventory-supplier-list .inventory_header .d_flex .inven_list {
  text-align: left;
}
app-inventory-supplier-list .inventory_header .d_flex .inven_list p {
  color: var(--ion-white-color);
}
app-inventory-supplier-list .inventory_header .d_flex .inven_list p span {
  display: block;
  color: #fff;
  font-weight: 700;
}
app-inventory-supplier-list .supplier_table_info .table-responsive {
  border-radius: 0 !important;
}
app-inventory-supplier-list .supplier_table_info .table-responsive table thead tr,
app-inventory-supplier-list .supplier_table_info .table-responsive table thead th {
  border-radius: 0 !important;
}
app-inventory-supplier-list .supplier_table_info .table-responsive table thead tr th {
  padding-left: 20px !important;
  text-align: left !important;
}
app-project-add-delivery-order ng2-smart-table .custom-smart-table table tbody tr td dropdown-component .form-group.custom_select {
  background: #fff;
  border: 1px solid #d6d6d6;
  height: 36px;
  padding: 0px 10px;
}
app-project-add-delivery-order ng2-smart-table .custom-smart-table table tbody tr td dropdown-component .form-group.custom_select .ng-select.ng-select-searchable .ng-select-container {
  min-height: 36px;
}
app-project-add-delivery-order ng2-smart-table .custom-smart-table table tbody tr td dropdown-component .form-group.custom_select .ng-select.ng-select-searchable .ng-select-container .ng-value-container .ng-input {
  height: 36px;
  line-height: 36px;
}
app-project-add-delivery-order ng2-smart-table .custom-smart-table table tbody tr td .disabled .custom_select {
  background: #e3e3e3 !important;
}
app-project-add-delivery-order ng2-smart-table .custom-smart-table table tbody tr td .disabled .custom_select .ng-value-label {
  opacity: 0.5;
}
app-project-add-delivery-order ng2-smart-table .custom-smart-table table tbody tr td .disabled .custom_select .ng-arrow-wrapper {
  opacity: 0.5;
}
app-project-add-delivery-order table tbody td ion-input.disabled {
  background: #e3e3e3;
}
app-project-add-delivery-order table tbody td ion-input.disabled input {
  opacity: 0.5 !important;
}
app-project-add-delivery-order .deliveredQty ion-input {
  background: #fff;
  border: 1px solid #d6d6d6;
  height: 36px;
  padding: 0px 10px;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list {
  padding: 0 !important;
  background: transparent;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid {
  padding: 15px 20px;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ng-select {
  border: 1px solid #cbcbcb;
  border-radius: 8px;
  color: #414141;
  font-size: 16px;
  padding: 0;
  height: 50px;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ng-select .ng-select-container {
  padding: 24px 16px;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ion-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ion-row .date_picker .select_datePic {
  position: relative;
  padding: 0;
  overflow: visible;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ion-row .date_picker .select_datePic input {
  padding: 16px;
  height: auto;
  width: 100%;
  line-height: normal;
  background: transparent;
  box-shadow: unset;
  overflow: visible;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ion-textarea {
  border: 1px solid #cbcbcb;
  border-radius: 8px;
  padding: 13px 16px;
  margin-top: 0 !important;
  height: 120px;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ion-textarea.ion-valid {
  font-weight: 500;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ion-textarea textarea.native-textarea {
  padding: 0;
  font-size: 16px;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid .main_row_sec .d_flex .form-group {
  width: 50%;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid .main_row_sec .d_flex .form-group:last-child .md-drppicker.drops-down-auto.ltr.shown {
  margin-right: 0;
  left: auto !important;
  right: 0 !important;
  z-index: 99;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list .row_sec {
  display: flex;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list .row_sec .col {
  width: 50%;
  margin-right: 20px;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list .row_sec .col:last-child {
  margin-right: 0;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list .row_sec .col .card_box .sub_title {
  padding: 30px 35px;
}
.project_addPurchaseOrder_page .addPurchaseOrder_list .row_sec .col .card_box .sub_title h3 {
  margin: 0;
}
.project_addPurchaseOrder_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td .pageNo {
  padding-left: 0px;
}
.project_addPurchaseOrder_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td #table-filter {
  background: var(--ion-white-color);
  border: 1px solid #cbcbcb;
  font-size: 14px;
  border-radius: 3px !important;
  padding: 0 5px;
  height: 44px;
  line-height: 44px;
}
.project_addPurchaseOrder_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td #table-filter .ng-select-container {
  height: 44px;
  min-height: 44px;
}
.project_addPurchaseOrder_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td #table-filter .ng-placeholder {
  font-size: 14px;
}
.project_addPurchaseOrder_page .valid-msg {
  position: absolute;
  bottom: -14px;
  left: 5px;
  top: unset;
}
.project_addPurchaseOrder_page .userselect_filed {
  display: none;
}
.project_addPurchaseOrder_page .phone_call {
  display: flex;
  flex-wrap: wrap;
}
.project_addPurchaseOrder_page .phone_call .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 14px;
  position: absolute;
  left: 14px;
  width: 100%;
}
.project_addPurchaseOrder_page .phone_call .call_code {
  width: 33%;
}
.project_addPurchaseOrder_page .phone_call .call_code ng-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.project_addPurchaseOrder_page .phone_call .call_code ng-select .ng-select-container.ng-has-value .ng-placeholder {
  width: auto;
}
.project_addPurchaseOrder_page .phone_call .call_code ng-select .ng-placeholder {
  font-size: 14px;
  overflow: hidden;
  width: 100px;
  text-overflow: ellipsis;
  color: #414141;
}
.project_addPurchaseOrder_page .phone_call .tel_input {
  width: 67%;
}
.project_addPurchaseOrder_page .phone_call .tel_input input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.project_addPurchaseOrder_page .drops-down-auto.ltr.shown {
  margin: 0;
  overflow: visible;
  left: 0 !important;
  top: 52px !important;
}
.project_addPurchaseOrder_page .drops-down-auto.ltr.shown .calendar {
  max-width: 100%;
  margin: 4px;
}
.project_addPurchaseOrder_page .drops-down-auto.ltr.shown .calendar .week-days th {
  padding: 35px 16px 16px;
  text-transform: uppercase;
  color: #404040;
  font-weight: 700;
}
.project_addPurchaseOrder_page .drops-down-auto.ltr.shown .calendar td {
  padding: 14px;
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
  border-radius: 0;
  font-weight: 400 !important;
}
.project_addPurchaseOrder_page .calendar-table {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 4px;
  background-color: #fff;
  max-width: 100%;
  width: 100%;
}
ion-popover .popover-viewport ion-list {
  padding: 0;
}
ion-popover .popover-viewport ion-list ion-item {
  --min-height: 40px;
}
ion-popover .popover-viewport ion-list ion-item span {
  color: var(--ion-theme-blue-color);
}
.company_skeleton .po_num {
  width: 100%;
}
.company_skeleton form .main_row_sec .main_col {
  margin-bottom: 24px;
}
ion-skeleton-text {
  height: 24px;
  border-radius: 5px;
  margin: 0;
}
.custom_skeleton .custom-smart-table .table {
  width: 100%;
}
.custom_skeleton .custom-smart-table .table tr td {
  padding: 0.5em 1em;
}
.code_list {
  display: flex;
}
.code_list .country-code {
  margin-right: 16px;
  width: 50px;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group .date_picker .select_datePic input,
.project_addQuotation_page ion-list ion-item .form_group .date_picker .select_datePic input {
  width: 100%;
  background: transparent;
  box-shadow: unset;
  padding: 0 10px;
}
.form_group.multi_select ng-select {
  min-height: 50px;
  height: 33px;
  overflow-y: scroll;
}
.form_group.multi_select ng-select .ng-value-container .ng-value {
  white-space: nowrap;
  background: #ebf6fe;
  padding: 2px 16px;
  border-radius: 50px;
  line-height: 25px;
  margin: 0 10px 10px 0;
  font-size: 14px;
  color: #565656;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.form_group.multi_select ng-select .ng-value-container .ng-value .ng-value-icon {
  color: #707070;
  margin-left: 12px;
  font-size: 24px;
}
.form_group ng-select {
  position: relative;
  font-size: 16px;
}
.form_group ng-select.ng-select-focused {
  outline: none !important;
}
.custom_skeleton:hover {
  pointer-events: none;
}
.custom_skeleton ion-button.btn.theme_red_btn,
.custom_skeleton .addNew_btn .theme_red_btn {
  --background: transparent;
  border: unset !important;
  width: 170px;
  --padding-start: 0;
  --padding-end: 0;
}
.custom_skeleton .filter_sec .table_filter .filter_item .select_status,
.custom_skeleton .filter_sec .table_filter .filter_item .search_bar {
  width: 230px;
}
.custom_skeleton .filter_sec .table_actions .action_btn {
  width: 100%;
}
.custom_skeleton .filter_sec .table_actions .action_btn ion-button {
  --background: transparent;
  --box-shadow: unset;
  width: 48px;
  margin-right: 0;
  text-align: right;
  --padding-end: 0;
  --padding-start: 0;
}
.custom_skeleton .filter_sec .table_actions .action_btn ion-button:hover {
  --background: transparent;
}
.custom_skeleton .mbl_slidershow {
  display: none;
}
.custom_skeleton .mbl_slidershow table {
  width: 100%;
  background: #fff !important;
  margin-bottom: 16px;
}
.custom_skeleton .mbl_slidershow table th {
  background: #ffffff;
}
.custom_skeleton .mbl_slidershow table th,
.custom_skeleton .mbl_slidershow table td {
  padding: 5px 16px;
}
.custom_skeleton.card_box .back-btn .skeleton-text-animated {
  width: 24px;
  height: 24px;
}
.custom_skeleton.card_box .project-info.userDetails .userName span .skeleton-text-animated {
  width: 150px;
  height: 30px;
}
.custom_skeleton.card_box .project-info.userAddress .skeleton-text-animated {
  width: 75%;
}
.custom_skeleton .page_title_content ion-title .skeleton-text-animated {
  height: 34px;
}
.custom_skeleton .main_row_sec .main_col ion-accordion {
  pointer-events: none !important;
}
.custom_skeleton .main_row_sec .main_col ion-accordion.accordion-collapsed .ion-accordion-toggle-icon::after {
  background: #cbcbcb;
}
.custom_skeleton .main_row_sec .main_col ion-accordion .site_header h3 {
  width: 16%;
}
.custom_skeleton .main_row_sec .main_col ion-accordion .site_header p {
  width: 35%;
}
.custom_skeleton .project-info.d_flex .btn ion-skeleton-text {
  height: 44px;
}
.project_list_page .custom_skeleton .form_group ion-button.btn,
.custom_skeleton .project-info.d_flex ion-button.btn {
  --background: transparent;
  border: unset !important;
  --padding-start: 0;
  --padding-end: 0;
}
.quotation_list .custom_skeleton .search_bar,
.quotation_list .custom_skeleton .addNew_btn .btn,
.purchase_order_list .custom_skeleton .search_bar,
.purchase_order_list .custom_skeleton .addNew_btn .btn,
.invoice_list_page .custom_skeleton .search_bar,
.invoice_list_page .custom_skeleton .addNew_btn .btn,
.client_statement_page .custom_skeleton .search_bar,
.client_statement_page .custom_skeleton .addNew_btn .btn,
.payment_terms_page .custom_skeleton .search_bar,
.payment_terms_page .custom_skeleton .addNew_btn .btn {
  display: none;
}
.product_category_page .custom_skeleton .addNew_btn .btn,
.payment_method .custom_skeleton .addNew_btn .btn,
.dashboard_page .custom_skeleton .search_bar,
.app_inventory_list .custom_skeleton .search_bar,
.invoice_reports_page .custom_skeleton .table_sec .filter_item,
.invoice_reports_page .custom_skeleton .addNew_btn .btn,
.custom_skeleton .action_btn.filter_btn {
  display: none;
}
.dashboard_page .custom_skeleton .action_btn.filter_btn,
.invoice_list_page .custom_skeleton .action_btn.filter_btn,
.invoice_reports_page .custom_skeleton .action_btn.filter_btn {
  display: block !important;
}
.project_addPurchaseOrder_page .custom_skeleton .addPurchaseOrder_list .product_label {
  padding-right: 24px;
}
.project_addPurchaseOrder_page .custom_skeleton .addPurchaseOrder_list .row_sec .col .card_box .sub_title h3 ion-skeleton-text {
  width: 20%;
}
.project_addPurchaseOrder_page .custom_skeleton .addPurchaseOrder_list ion-grid ion-textarea {
  padding: 0;
  border: unset;
}
.project_addPurchaseOrder_page .custom_skeleton .addPurchaseOrder_list ion-grid ion-textarea textarea.native-textarea {
  height: 0px;
}
.project_addPurchaseOrder_page .custom_skeleton .remark_sec .card_box .sub_title h3 ion-skeleton-text {
  width: 10%;
}
.project_addPurchaseOrder_page .custom_skeleton .remark_sec .card_box .card_body ion-skeleton-text {
  margin-left: 11px !important;
  min-height: 100px;
}
.project_addPurchaseOrder_page .custom_skeleton .remark_sec .card_box .textarea-wrapper {
  display: none;
}
.project_addQuotation_page .custom_skeleton .date_picker ion-label .skeleton-text-animated,
.project_editInvoice_page .custom_skeleton .date_picker ion-label .skeleton-text-animated {
  width: 10%;
  margin-bottom: 15px;
}
.project_addQuotation_page .custom_skeleton .remark_sec .card_box .sub_title h3 ion-skeleton-text,
.project_editInvoice_page .custom_skeleton .remark_sec .card_box .sub_title h3 ion-skeleton-text {
  width: 10%;
}
.project_addQuotation_page .custom_skeleton .remark_sec .card_box .textarea-wrapper,
.project_editInvoice_page .custom_skeleton .remark_sec .card_box .textarea-wrapper {
  display: none;
}
.project_addQuotation_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:first-child h3 ion-skeleton-text,
.project_addQuotation_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(3) h3 ion-skeleton-text,
.project_editInvoice_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:first-child h3 ion-skeleton-text,
.project_editInvoice_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(3) h3 ion-skeleton-text {
  width: 50%;
  margin-left: auto;
}
.project_addQuotation_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) h3 ion-skeleton-text,
.project_addQuotation_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(4) h3 ion-skeleton-text,
.project_editInvoice_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) h3 ion-skeleton-text,
.project_editInvoice_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(4) h3 ion-skeleton-text {
  width: 25%;
  margin-left: auto;
  margin-bottom: 8px;
}
.project_addQuotation_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) td:first-child,
.project_addQuotation_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(4) td:first-child,
.project_editInvoice_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) td:first-child,
.project_editInvoice_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(4) td:first-child {
  width: 60%;
}
.project_addQuotation_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) td:nth-child(2),
.project_addQuotation_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(4) td:nth-child(2),
.project_editInvoice_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) td:nth-child(2),
.project_editInvoice_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(4) td:nth-child(2) {
  width: 15%;
}
.project_addQuotation_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) td:last-child,
.project_addQuotation_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(4) td:last-child,
.project_editInvoice_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(2) td:last-child,
.project_editInvoice_page .custom_skeleton ion-list .main_row_sec .main_col .card_box .card_body table tr:nth-child(4) td:last-child {
  width: 25%;
}
.project_addQuotation_page .custom_skeleton .remark_sec .card_box .card_body .form_group ion-textarea .skeleton-text-animated {
  min-height: 230px;
}
.editInvoice_form .custom_skeleton .remark_sec .card_box .card_body .form_group ion-textarea .skeleton-text-animated {
  min-height: 384px;
}
.close_bg,
.open_popover .dnl_sidemenu:after,
.open_popover ion-split-pane {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3490196078);
  z-index: 99999;
}
.addUpdate_modal .show_datePicker .form_group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0px;
}
.addUpdate_modal .show_datePicker .form_group ion-label {
  width: 24%;
  font-weight: 600;
  color: #11141a;
}
.addUpdate_modal .show_datePicker .form_group ngx-date-picker {
  width: 74%;
}
.addUpdate_modal .show_datePicker .select_datePic .shown {
  bottom: 0;
}
.invoice_reports_page {
  position: relative;
}
.invoice_reports_page .filter_item {
  position: absolute;
}
.invoice_reports_page .form_group.date_picker {
  width: 200px;
  z-index: 99;
}
app-project-add-quotation .dataTable table th.amount {
  width: 153.8px !important;
}
.addQuotation_form .show_datePicker .form_group .date_picker,
.editInvoice_form .show_datePicker .form_group .date_picker,
.addUpdate_modal .show_datePicker .form_group .date_picker {
  background: #fff;
  height: 50px;
  border-radius: 5px;
  padding: 0px;
}
.addQuotation_form .show_datePicker .form_group .date_picker .select_datePic,
.editInvoice_form .show_datePicker .form_group .date_picker .select_datePic,
.addUpdate_modal .show_datePicker .form_group .date_picker .select_datePic {
  border: 0;
}
.addQuotation_form .show_datePicker .form_group .date_picker .select_datePic .custom_date,
.editInvoice_form .show_datePicker .form_group .date_picker .select_datePic .custom_date,
.addUpdate_modal .show_datePicker .form_group .date_picker .select_datePic .custom_date {
  right: 23px !important;
  top: 16px;
}
.addQuotation_form .show_datePicker .form_group .date_picker .select_datePic .shown,
.editInvoice_form .show_datePicker .form_group .date_picker .select_datePic .shown,
.addUpdate_modal .show_datePicker .form_group .date_picker .select_datePic .shown {
  left: 0 !important;
}
.addQuotation_form .show_datePicker .form_group .date_picker .select_datePic input,
.editInvoice_form .show_datePicker .form_group .date_picker .select_datePic input,
.addUpdate_modal .show_datePicker .form_group .date_picker .select_datePic input {
  box-shadow: unset;
  width: 100%;
  height: 50px;
}
.addQuotation_form ion-item,
.addQuotation_form .show_datePicker,
.editInvoice_form ion-item,
.editInvoice_form .show_datePicker,
.addUpdate_modal ion-item,
.addUpdate_modal .show_datePicker {
  --background-hover-opacity: 0 !important;
  --background: transparent;
  border-radius: 10px;
  --inner-padding-end: 0;
  width: 100%;
  overflow: inherit;
  outline: none !important;
}
.addQuotation_form ion-item .form_group,
.addQuotation_form .show_datePicker .form_group,
.editInvoice_form ion-item .form_group,
.editInvoice_form .show_datePicker .form_group,
.addUpdate_modal ion-item .form_group,
.addUpdate_modal .show_datePicker .form_group {
  width: 100%;
  outline: unset;
  --background-hover-opacity: 0 !important;
}
.addQuotation_form ion-item .form_group.date_picker .shown,
.addQuotation_form .show_datePicker .form_group.date_picker .shown,
.editInvoice_form ion-item .form_group.date_picker .shown,
.editInvoice_form .show_datePicker .form_group.date_picker .shown,
.addUpdate_modal ion-item .form_group.date_picker .shown,
.addUpdate_modal .show_datePicker .form_group.date_picker .shown {
  left: 0 !important;
}
.addQuotation_form ion-item .form_group ion-label,
.addQuotation_form .show_datePicker .form_group ion-label,
.editInvoice_form ion-item .form_group ion-label,
.editInvoice_form .show_datePicker .form_group ion-label,
.addUpdate_modal ion-item .form_group ion-label,
.addUpdate_modal .show_datePicker .form_group ion-label {
  font-size: 16px;
  color: #414141;
  font-weight: 600;
}
.addQuotation_form ion-item .form_group ion-input.has-value input,
.addQuotation_form .show_datePicker .form_group ion-input.has-value input,
.editInvoice_form ion-item .form_group ion-input.has-value input,
.editInvoice_form .show_datePicker .form_group ion-input.has-value input,
.addUpdate_modal ion-item .form_group ion-input.has-value input,
.addUpdate_modal .show_datePicker .form_group ion-input.has-value input {
  font-weight: 500;
}
.addQuotation_form ion-item .form_group ion-input input,
.addQuotation_form ion-item .form_group ion-input .input_value,
.addQuotation_form .show_datePicker .form_group ion-input input,
.addQuotation_form .show_datePicker .form_group ion-input .input_value,
.editInvoice_form ion-item .form_group ion-input input,
.editInvoice_form ion-item .form_group ion-input .input_value,
.editInvoice_form .show_datePicker .form_group ion-input input,
.editInvoice_form .show_datePicker .form_group ion-input .input_value,
.addUpdate_modal ion-item .form_group ion-input input,
.addUpdate_modal ion-item .form_group ion-input .input_value,
.addUpdate_modal .show_datePicker .form_group ion-input input,
.addUpdate_modal .show_datePicker .form_group ion-input .input_value {
  padding: 0;
  padding-top: 16px !important;
  font-size: 16px;
  color: #414141;
  font-weight: 400;
  margin: 0;
}
.remark_sec .card_box .sub_title {
  box-shadow: unset !important;
  border-bottom: 1px solid #f1f1f1;
}
.remark_sec .card_box .card_body {
  padding: 16px 24px;
  font-size: 14px;
}
.remark_sec .card_box .card_body .form_group {
  width: 100%;
}
.remark_sec .card_box .card_body .form_group ion-textarea {
  margin-top: 0 !important;
  min-height: 100px;
  height: auto;
}
.remark_sec .card_box .card_body .form_group ion-textarea textarea.native-textarea {
  padding: 0 !important;
  padding-left: 10px !important;
}
.app_close,
.app_logout {
  display: none;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: 1px solid #ebf6fe;
  margin-left: 2px;
  line-height: 1;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: #ebf6fe;
  color: var(--ion-theme-blue-color);
  transition: 0.3s;
  transform: scale(1.5);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  color: #333;
  background-color: #ebf6fe;
  border-radius: 30px;
}
.payment_terms_page .valid-msg,
.product_category_page .valid-msg,
.product_category_page .valid-msg {
  position: absolute;
  bottom: unset !important;
  line-height: 0;
}
.product_category_page ng2-smart-table .custom-smart-table table tr ion-input.form-control,
.payment_method ng2-smart-table .custom-smart-table table tr ion-input.form-control,
.payment_terms_page ng2-smart-table .custom-smart-table table tr ion-input.form-control {
  border-bottom: 1px solid #e9e8e8;
}
.product_category_page ng2-smart-table .custom-smart-table table tr ion-input.form-control.ion-touched.ion-invalid,
.payment_method ng2-smart-table .custom-smart-table table tr ion-input.form-control.ion-touched.ion-invalid,
.payment_terms_page ng2-smart-table .custom-smart-table table tr ion-input.form-control.ion-touched.ion-invalid {
  border-bottom: 1px solid var(--ion-theme-blue-color);
}
.product_category_page ng2-smart-table .custom-smart-table table tr ion-input.form-control input.native-input,
.payment_method ng2-smart-table .custom-smart-table table tr ion-input.form-control input.native-input,
.payment_terms_page ng2-smart-table .custom-smart-table table tr ion-input.form-control input.native-input {
  padding: 0;
  padding-bottom: 5px;
}
.payment_method .container {
  position: relative;
}
.payment_method .container .valid-msg {
  position: absolute;
  bottom: -20px;
}
.project_PO_bulk_update .alertMsg {
  font-size: 14px !important;
  background: rgba(255, 0, 0, 0.039);
  padding: 10px;
  border: 1px solid red;
  border-radius: 5px;
  margin-bottom: 16px !important;
  color: var(--ion-theme-blue-color);
  width: 100%;
  position: relative;
  padding-left: 30px;
  margin-top: 16px;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table th,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table th,
.project_editInvoice_page ng2-smart-table .custom-smart-table table th {
  border-bottom: 1px solid #dfdfdf;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(5) ion-input,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(6) ion-input,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(5) ion-input,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(6) ion-input,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(5) ion-input,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(6) ion-input {
  text-align: right;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(3) ion-input.ion-valid.has-focus,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(3) ion-input.ion-touched.ion-invalid,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(4) ion-input.ion-valid.has-focus,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(4) ion-input.ion-touched.ion-invalid,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(3) ion-input.ion-valid.has-focus,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(3) ion-input.ion-touched.ion-invalid,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(4) ion-input.ion-valid.has-focus,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(4) ion-input.ion-touched.ion-invalid,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(3) ion-input.ion-valid.has-focus,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(3) ion-input.ion-touched.ion-invalid,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(4) ion-input.ion-valid.has-focus,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(4) ion-input.ion-touched.ion-invalid {
  border-bottom: 1px solid var(--ion-theme-blue-color);
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(7) ion-input.ion-touched.has-focus,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(7) ion-input.ion-touched.has-focus,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(7) ion-input.ion-touched.has-focus {
  border-bottom: 1px solid #dfdfdf;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td .user_action,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td .user_action,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td .user_action {
  width: 140px;
  height: 34px;
  border-radius: 6px;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td .reserve-disabled ion-button.user_action,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td .reserve-disabled ion-button.user_action,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td .reserve-disabled ion-button.user_action {
  background: transparent;
  border: 1px solid var(--ion-theme-blue-color);
  color: var(--ion-theme-blue-color);
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td .reserve-disabled ion-button.user_action:hover,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td .reserve-disabled ion-button.user_action:hover,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td .reserve-disabled ion-button.user_action:hover {
  background: var(--ion-theme-delete-color) !important;
  border: 1px solid var(--ion-theme-delete-color) !important;
  color: var(--ion-white-color);
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td .reserve-enabled ion-button.user_action.btn-delete.transparent_btn,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td .reserve-enabled ion-button.user_action.btn-delete.transparent_btn,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td .reserve-enabled ion-button.user_action.btn-delete.transparent_btn {
  background: var(--ion-theme-delete-color) !important;
  border: 1px solid var(--ion-theme-delete-color) !important;
  color: var(--ion-white-color);
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td ion-input,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td ion-input,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td ion-input {
  border: 1px solid #cbcbcb;
  font-size: 14px;
  border-radius: 3px !important;
  height: 44px;
  background: #fff;
  align-items: flex-start;
  text-align: left;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td ion-input input,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td ion-input input,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td ion-input input {
  padding: 0px 10px 0px 10px !important;
  font-size: 14px !important;
  height: 44px;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td:last-child ion-input,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td:last-child ion-input,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td:last-child ion-input {
  background: transparent !important;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td:last-child .netAmount ion-input,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td:last-child .netAmount ion-input,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td:last-child .netAmount ion-input {
  background: transparent !important;
  border: 0 !important;
  text-align: right;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td .amount ion-input,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td .amount ion-input,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td .amount ion-input {
  background: transparent !important;
  border: 0 !important;
  text-align: right;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td .productName ion-input,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td .description ion-input,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td .productName ion-input,
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td .description ion-input,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td .productName ion-input,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td .description ion-input {
  height: 64px;
}
.project_addQuotation_page .valid-table ng2-smart-table .custom-smart-table table tbody tr td .valid-msg,
.project_addPurchaseOrder_page .valid-table ng2-smart-table .custom-smart-table table tbody tr td .valid-msg,
.project_editInvoice_page .valid-table ng2-smart-table .custom-smart-table table tbody tr td .valid-msg {
  visibility: hidden;
}
.project_addQuotation_page .valid-table .common-errorlabel,
.project_addPurchaseOrder_page .valid-table .common-errorlabel,
.project_editInvoice_page .valid-table .common-errorlabel {
  visibility: hidden;
}
.project_addQuotation_page .no-products-selected .common-errorlabel,
.project_addPurchaseOrder_page .no-products-selected .common-errorlabel,
.project_editInvoice_page .no-products-selected .common-errorlabel {
  visibility: hidden;
}
.project_addQuotation_page .valid-row .valid-msg,
.project_addPurchaseOrder_page .valid-row .valid-msg,
.project_editInvoice_page .valid-row .valid-msg {
  visibility: hidden !important;
}
.project_addQuotation_page .unselected .valid-msg,
.project_addPurchaseOrder_page .unselected .valid-msg,
.project_editInvoice_page .unselected .valid-msg {
  visibility: hidden !important;
}
.project_addQuotation_page .ng-select.ng-select-single .ng-select-container,
.project_addPurchaseOrder_page .ng-select.ng-select-single .ng-select-container,
.project_editInvoice_page .ng-select.ng-select-single .ng-select-container {
  min-height: 32px;
  height: 32px;
}
.project_addQuotation_page .unselected .code .valid-msg,
.project_addPurchaseOrder_page .unselected .code .valid-msg,
.project_editInvoice_page .unselected .code .valid-msg {
  visibility: hidden;
}
.project_addQuotation_page .unselected .productCode .valid-msg,
.project_addPurchaseOrder_page .unselected .productCode .valid-msg,
.project_editInvoice_page .unselected .productCode .valid-msg {
  visibility: hidden;
}
.project_addQuotation_page .unselected .price .valid-msg,
.project_addPurchaseOrder_page .unselected .price .valid-msg,
.project_editInvoice_page .unselected .price .valid-msg {
  visibility: hidden;
}
.project_addQuotation_page .unselected .qty .valid-msg,
.project_addPurchaseOrder_page .unselected .qty .valid-msg,
.project_editInvoice_page .unselected .qty .valid-msg {
  visibility: hidden;
}
.project_addQuotation_page .unselected .det-alertMgs .valid-msg,
.project_addPurchaseOrder_page .unselected .det-alertMgs .valid-msg,
.project_editInvoice_page .unselected .det-alertMgs .valid-msg {
  visibility: hidden;
}
.project_addQuotation_page .unselected .det-alertMgs,
.project_addPurchaseOrder_page .unselected .det-alertMgs,
.project_editInvoice_page .unselected .det-alertMgs {
  display: none;
  visibility: hidden;
}
.project_addQuotation_page .unselected .pageNo .valid-msg,
.project_addPurchaseOrder_page .unselected .pageNo .valid-msg,
.project_editInvoice_page .unselected .pageNo .valid-msg {
  visibility: hidden;
}
.project_addQuotation_page .reserved-err .code .valid-msg,
.project_addPurchaseOrder_page .reserved-err .code .valid-msg,
.project_editInvoice_page .reserved-err .code .valid-msg {
  visibility: visible !important;
}
.project_addQuotation_page .selected .det-alertMgs .valid-msg,
.project_addPurchaseOrder_page .selected .det-alertMgs .valid-msg,
.project_editInvoice_page .selected .det-alertMgs .valid-msg {
  visibility: visible;
}
.project_addQuotation_page .selected .pageNo .valid-msg,
.project_addPurchaseOrder_page .selected .pageNo .valid-msg,
.project_editInvoice_page .selected .pageNo .valid-msg {
  visibility: visible;
}
.project_addQuotation_page .dummy-row .checkbox_icon,
.project_addPurchaseOrder_page .dummy-row .checkbox_icon,
.project_editInvoice_page .dummy-row .checkbox_icon {
  display: none !important;
  pointer-events: none;
}
.project_addQuotation_page .det-alertMgs,
.project_addPurchaseOrder_page .det-alertMgs,
.project_editInvoice_page .det-alertMgs {
  text-transform: none;
  font-size: 12px !important;
  color: #dd3f3f;
  letter-spacing: 0.4px;
  margin: 10px 0 0;
}
.project_addQuotation_page .filter-selection,
.project_addPurchaseOrder_page .filter-selection,
.project_editInvoice_page .filter-selection {
  margin: 0;
}
.project_addQuotation_page .alertMsg,
.project_addPurchaseOrder_page .alertMsg,
.project_editInvoice_page .alertMsg {
  font-size: 14px !important;
  background: rgba(255, 0, 0, 0.039);
  padding: 10px;
  border: 1px solid red;
  border-radius: 5px;
  margin-bottom: 16px !important;
  color: var(--ion-theme-blue-color);
  width: 100%;
  position: relative;
  padding-left: 30px;
  margin-top: 16px;
}
p.hide-err.error-label {
  display: none;
}
.add_project_page .sub_title {
  margin-bottom: 0;
}
.set_time .show_time {
  position: relative;
}
.set_time .show_time ion-icon {
  position: absolute;
  right: 23px !important;
  top: 16px;
  color: #989898;
  font-size: 18px;
  z-index: 500;
}
.select_productCode {
  display: flex;
  justify-content: space-between;
}
.table-responsive {
  width: 100%;
  overflow-x: auto !important;
  border: 1px solid #cbcbcb;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background: #f9f9f9;
  position: relative;
  z-index: 9;
  touch-action: auto !important;
}
.table_sec .filter_sec .table_filter .filter_item .form_group {
  margin-left: 16px;
}
.table_sec .filter_sec .table_filter .filter_item .form_group .theme_outline_btn {
  margin-right: 16px;
}
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td:nth-child(8) ion-input input,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td:nth-child(8) ion-input input {
  text-align: right;
  padding: 0 !important;
}
.length_text {
  width: auto;
  max-height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
}
.length_text.access_text {
  max-height: 60px !important;
  overflow-y: scroll !important;
  font-size: 14px;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr.dummy-row,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr.dummy-row {
  overflow: hidden;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr.dummy-row td,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr.dummy-row td {
  display: none;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr.dummy-row td:nth-child(2),
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr.dummy-row td:nth-child(2) {
  display: revert;
}
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(5) ion-input.ion-invalid,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(6) ion-input.ion-invalid,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(5) ion-input.ion-invalid,
.project_editInvoice_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(6) ion-input.ion-invalid {
  border-bottom: 1px solid #cbcbcb;
}
.price ion-input {
  text-align: right !important;
}
.con_flow {
  padding: 35px 45px;
}
.con_flow .card_box .card_body .project-info.userDetails {
  display: block;
}
.con_flow .card_box .card_body .project-info.userDetails p {
  display: flex;
  align-items: center;
  margin-left: 50px;
}
.con_flow .card_box .card_body .project-info .timeline {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.con_flow .card_box .card_body .project-info .timeline ion-icon {
  color: #000;
  font-size: 16px;
  width: 5%;
  margin-right: 10px;
}
.con_flow .card_box .card_body .project-info .timeline p {
  padding-bottom: 0 !important;
}
.con_flow .card_box .card_body .project-info .timeline p.time-lable {
  padding-right: 5px;
}
.con_flow .card_box .card_body .project-info .userName {
  display: flex;
  align-items: center;
  margin: 0 !important;
}
.con_flow .card_box .card_body .project-info .userName h2 {
  position: unset;
}
.con_flow.con_onsite_measurements .table_sec .addNew_btn {
  position: unset;
  margin-top: 16px;
  text-align: end;
}
.con_flow.con_onsite_measurements .project-info.userDetails p {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.con_flow.con_onsite_measurements .project-info .timeline {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.con_flow.con_onsite_measurements a.sort.asc:after,
.con_flow.con_onsite_measurements a.sort.desc:after {
  visibility: visible;
}
.con_flow.con_onsite_measurements ng2-smart-table .custom-smart-table table thead tr:first-child th {
  pointer-events: none;
}
.con_flow.con_onsite_measurements .custom_skeleton .table_sec .filter_sec {
  display: none;
}
.con_flow.con_onsite_measurements .custom_skeleton .addNew_btn {
  margin: 16px 0;
}
.con_flow.con_onsite_measurements .custom_skeleton .addNew_btn .theme_red_btn {
  --padding-end: 0;
  width: 170px;
}
.con_flow .card_box.bg_white {
  background: #fff !important;
}
.con_flow .card_box .card_body {
  display: flex;
  color: #414141;
  padding: 16px;
}
.con_flow .card_box .card_body .project-info {
  width: 85%;
}
.con_flow .card_box .card_body .project-info:nth-child(2),
.con_flow .card_box .card_body .project-info:nth-child(3) {
  padding-top: 0;
}
.con_flow .card_box .card_body .project-info p {
  font-size: 14px;
  font-weight: normal;
}
.con_flow .card_box .card_body .project-info p ion-icon {
  margin-right: 10px;
  width: 5%;
}
.con_appointments_page app-ionic-horizontal-cal .top-wrapper {
  border-radius: 10px;
  padding: 24px 35px !important;
  background: #fff !important;
  border: unset !important;
  margin-bottom: 18px;
}
.con_appointments_page app-ionic-horizontal-cal .top-wrapper p.month-text {
  display: flex;
  font-size: 18px !important;
  color: #000 !important;
  margin-bottom: 40px !important;
  font-weight: 500;
}
.con_appointments_page app-ionic-horizontal-cal .top-wrapper ion-icon.arrow {
  width: 24px !important;
  height: 24px;
  border-radius: 50%;
  padding: 10px;
  font-weight: 600;
  transition: 0.4s ease-out;
  outline: none;
  background: #ebf6fe;
  box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.0509803922);
}
.con_appointments_page app-ionic-horizontal-cal .top-wrapper ion-icon.arrow:hover {
  color: #ffffff;
  background: var(--ion-theme-blue-color);
}
.con_appointments_page app-ionic-horizontal-cal .top-wrapper ion-icon.arrow.arrow_back {
  margin-right: 24px;
}
.con_appointments_page app-ionic-horizontal-cal .top-wrapper ion-icon.arrow.arrow_forward {
  margin-left: 24px;
}
.con_appointments_page app-ionic-horizontal-cal .top-wrapper .inline-calendar .day-selected {
  background: var(--ion-theme-blue-color) !important;
  color: #fff !important;
  border-radius: 6px;
  border-bottom: unset !important;
}
.con_appointments_page app-ionic-horizontal-cal .top-wrapper .inline-calendar .day-selected ion-label,
.con_appointments_page app-ionic-horizontal-cal .top-wrapper .inline-calendar .day-selected .number-date {
  color: #fff !important;
}
.con_appointments_page app-ionic-horizontal-cal .top-wrapper .inline-calendar .day-of-week-wrapper {
  flex-direction: column-reverse !important;
}
.con_appointments_page app-ionic-horizontal-cal .top-wrapper ion-label.text-date {
  text-transform: uppercase;
  font-size: 14px !important;
}
.con_appointments_page app-ionic-horizontal-cal .top-wrapper ion-label.number-date {
  font-size: 16px !important;
  color: #676767 !important;
  font-weight: 600 !important;
  padding-top: 5px;
}
.con_appointments_page ng2-smart-table.dataTable.no_data_found .custom-smart-table table tbody tr td:last-child {
  padding: 0;
  text-transform: inherit;
}
.con_appointments_page ng2-smart-table.dataTable.no_data_found .custom-smart-table table tbody tr td:last-child::after {
  visibility: visible;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.con_appointments_page ng2-smart-table .custom-smart-table table tbody tr td:last-child ion-icon {
  background-color: var(--ion-theme-blue-color);
  color: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 5px;
  margin-top: 10px;
}
.invoice_reports_page .table_sec .filter_item {
  position: absolute;
}
.invoice_reports_page .table_sec .filter_item .form_group {
  margin: 0;
}
.custom_animation ion-list {
  padding-left: 10px;
  pointer-events: none;
}
.custom_animation ion-list.logout ion-item {
  margin-left: 0px;
}
.custom_animation ion-list ion-skeleton-text {
  width: 70%;
  height: 24px;
  border-radius: 5px;
  pointer-events: unset;
  margin: 14px 0;
}
.product_requirement_list .project_details .card_body {
  padding-left: 15px;
}
.project_addQuotation_page .table_sec .custom_skeleton {
  margin: 16px 0;
}
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(8) {
  padding-left: 10px;
}
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td:nth-child(8) .valid-msg {
  left: 0;
  line-height: normal;
}
.project_addPurchaseOrder_page ng2-smart-table .custom-smart-table table tbody tr td .table_view .hide-err {
  margin-left: 10px;
  speak: spell-out;
}
.view_requirement_page ng2-smart-table .custom-smart-table table thead tr:first-child th {
  background: #fff;
}
.project_list_page ngx-table-value-action .dropdown-view,
.project_editInvoice_page ngx-table-value-action .dropdown-view,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td ngx-table-value-action .dropdown-view {
  text-align: right;
}
.project_list_page ngx-table-value-action .dropdown-view .table_view ion-button.user_action,
.project_editInvoice_page ngx-table-value-action .dropdown-view .table_view ion-button.user_action,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td ngx-table-value-action .dropdown-view .table_view ion-button.user_action {
  background: transparent;
  border: 1px solid var(--ion-theme-blue-color);
  color: var(--ion-theme-blue-color);
}
.project_list_page ngx-table-value-action .dropdown-view .table_view.no_reverse ion-button.user_action,
.project_editInvoice_page ngx-table-value-action .dropdown-view .table_view.no_reverse ion-button.user_action,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td ngx-table-value-action .dropdown-view .table_view.no_reverse ion-button.user_action {
  margin: 17px 0px 8px;
}
.project_list_page ngx-table-value-action .dropdown-view .amount,
.project_editInvoice_page ngx-table-value-action .dropdown-view .amount,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td ngx-table-value-action .dropdown-view .amount {
  width: 84%;
  padding-top: 0px;
  padding-right: 4px;
}
.project_list_page ngx-table-value-action .view-section .table_view ion-button.user_action,
.project_editInvoice_page ngx-table-value-action .view-section .table_view ion-button.user_action,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td ngx-table-value-action .view-section .table_view ion-button.user_action {
  width: 92%;
  margin: 17px auto 0px !important;
  display: block;
}
.project_list_page ngx-table-value-action .view-section .table_view ion-button.user_action.transparent_btn,
.project_editInvoice_page ngx-table-value-action .view-section .table_view ion-button.user_action.transparent_btn,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td ngx-table-value-action .view-section .table_view ion-button.user_action.transparent_btn {
  background: transparent;
  border: 1px solid var(--ion-theme-blue-color);
  color: var(--ion-theme-blue-color);
}
.project_list_page ngx-table-value-action .duplicate,
.project_editInvoice_page ngx-table-value-action .duplicate,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td ngx-table-value-action .duplicate {
  background: var(--ion-theme-blue-color);
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 6px;
  line-height: 38px;
  margin-left: 5px;
  margin-top: 8px;
}
.project_list_page ngx-table-value-action .duplicate ion-icon,
.project_editInvoice_page ngx-table-value-action .duplicate ion-icon,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td ngx-table-value-action .duplicate ion-icon {
  color: var(--ion-white-color) !important;
  margin: 0 !important;
  font-size: 18px !important;
}
.project_list_page ngx-table-value-action .duplicate:empty,
.project_editInvoice_page ngx-table-value-action .duplicate:empty,
.project_addQuotation_page ng2-smart-table .custom-smart-table table tbody tr td ngx-table-value-action .duplicate:empty {
  display: none;
}
app-project-add-quotation ng2-smart-table .custom-smart-table table tbody tr td .amount {
  width: 100% !important;
}
app-project-add-quotation ng2-smart-table .custom-smart-table table tbody tr td .amount ion-input {
  background: transparent;
  padding: 10px !important;
  margin-top: 0 !important;
}
.page_content.client_statement_page ng2-smart-table .custom-smart-table table tbody tr td .amount {
  width: 54%;
}
.product_requirement_list .custom_skeleton,
.project_purchaseOrder_list .custom_skeleton {
  margin: 16px 0;
}
.payment_terms_page .view_detailTable .hide-err,
.payment_method .view_detailTable .hide-err,
.product_category_page .view_detailTable .hide-err {
  margin-top: 0;
}
.dnl_projectDetails_page .payment_page .filter-selection {
  margin: 0;
}
.project_paymentList .custom_skeleton .addNew_btn .btn,
.project_paymentList .custom_skeleton .col.table_filter {
  visibility: hidden;
}
ion-datetime ion-picker-internal {
  cursor: pointer;
}
body ng2-smart-table.dataTable.no_data_found table tbody tr td {
  display: revert;
  margin-top: 16px;
  width: 150px;
  text-align: center;
  padding: 15px 0px !important;
}
body ng2-smart-table.dataTable.no_data_found table tbody tr td:before {
  width: 130px;
  height: 150px;
  background-image: url(/assets/img/no_data.png);
  display: none !important;
  background-size: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  position: relative;
}
.hide_web {
  display: none;
}
.action-sheet-wrapper .action-sheet-container button.action-sheet-selected:after {
  content: "" !important;
  padding: 0 6px 0 0;
  display: inline-block;
  transform: rotate(45deg);
  height: 15px;
  width: 0px;
  margin-left: auto;
  border-bottom: 2px solid var(--ion-theme-blue-color);
  border-right: 2px solid var(--ion-theme-blue-color);
  opacity: 1 !important;
  background: #f9f9f9 !important;
  position: absolute;
  top: 16px !important;
  right: 16px !important;
}
ng2-smart-table .custom-smart-table table thead.hide {
  display: none;
}
.addQuotation_form .filter_filed {
  margin-top: 0px;
}
.addQuotation_form .payment_page.mtb-30 {
  margin-bottom: 0;
}
ng2-smart-table-cell ion-input.has-focus {
  border-bottom: 1px solid var(--ion-theme-blue-color) !important;
}
.dataTable table {
  table-layout: fixed;
}
.dataTable table th,
.dataTable table td {
  width: 100% !important;
  border-collapse: collapse;
  padding: 0.3em 1em !important;
}
.dataTable table th:last-child,
.dataTable table td:last-child {
  width: 157px !important;
}
.dataTable table th.email_1,
.dataTable table td.email_1 {
  width: 100% !important;
}
.dataTable table th.no,
.dataTable table th.sNo,
.dataTable table td.no,
.dataTable table td.sNo {
  width: 78px !important;
}
.dataTable table th.date,
.dataTable table td.date {
  width: 160px !important;
}
.dataTable table th.po,
.dataTable table td.po {
  width: 145px !important;
}
.dataTable table th.timing,
.dataTable table td.timing {
  width: 100px !important;
}
.dataTable table th.description,
.dataTable table td.description {
  width: 240px !important;
}
.dataTable table th.lockNo,
.dataTable table th.pic,
.dataTable table td.lockNo,
.dataTable table td.pic {
  width: 140px !important;
}
.dataTable table th.status,
.dataTable table td.status {
  width: 175px !important;
}
.dataTable table th.ng2-smart-action-multiple-select,
.dataTable table td.ng2-smart-action-multiple-select {
  min-width: 42px;
}
.dataTable table th.regNo,
.dataTable table td.regNo {
  width: 190px !important;
}
.dataTable table th.phoneNo,
.dataTable table td.phoneNo {
  width: 170px !important;
}
.dataTable table th.code,
.dataTable table td.code {
  width: 160px !important;
}
.dataTable table th.faxNo,
.dataTable table td.faxNo {
  width: 150px !important;
}
.dataTable table th.contactNo,
.dataTable table td.contactNo {
  width: 170px !important;
}
.dataTable table th.cpMobileNo,
.dataTable table td.cpMobileNo {
  width: 180px !important;
}
.dataTable table th.quotationNo,
.dataTable table td.quotationNo {
  width: 150px !important;
}
.dataTable table th.amount,
.dataTable table td.amount {
  width: 160px !important;
}
.dataTable table th.invoice,
.dataTable table td.invoice {
  width: 125px !important;
}
.dataTable table th.stock,
.dataTable table td.stock {
  width: 120px !important;
}
.dataTable table th.size,
.dataTable table td.size {
  width: 200px !important;
}
.dataTable table th.supplierDoNo,
.dataTable table td.supplierDoNo {
  width: 160px !important;
}
.dataTable table th.inventoryStatus,
.dataTable table td.inventoryStatus {
  width: 148px !important;
}
.dataTable table th.balance,
.dataTable table td.balance {
  width: 140px !important;
}
.dataTable table th.balance a,
.dataTable table td.balance a {
  text-align: right;
  padding-right: 15px !important;
}
.dataTable table th.costPrice,
.dataTable table td.costPrice {
  width: 136px !important;
}
.dataTable table th.sellPrice,
.dataTable table td.sellPrice {
  width: 130px !important;
}
.dataTable table th.paymentTermName,
.dataTable table td.paymentTermName {
  width: 200px !important;
}
.dataTable table th.duration,
.dataTable table td.duration {
  width: 140px !important;
}
.dataTable table th {
  padding: 0 !important;
  border: 1px solid #c2c2c2;
  border-top: 0;
}
.dataTable table th.no,
.dataTable table th.sNo {
  min-width: 78px !important;
  width: 78px !important;
}
.applied-manage-column .dataTable .table-responsive {
  overflow-x: hidden !important;
}
.applied-manage-column .dataTable .table-responsive table {
  box-sizing: border-box;
}
.applied-manage-column .dataTable .table-responsive table th.no,
.applied-manage-column .dataTable .table-responsive table th.sNo {
  min-width: 78px !important;
  width: 78px !important;
}
.dataTable.no_data_found table {
  table-layout: fixed;
  width: 100%;
}
.dataTable.no_data_found table th {
  width: 100% !important;
}
.dataTable.no_data_found table th.contactNo {
  width: 170px !important;
}
.dataTable.no_data_found table th.category {
  width: 200px !important;
}
ngx-dash-board-list .dataTable .table-responsive table th.lockNo,
ngx-dash-board-list .dataTable .table-responsive table th.pic {
  width: 115px !important;
}
ngx-dash-board-list .dataTable .table-responsive table th.timing {
  width: 105px !important;
}
ngx-dash-board-list .dataTable .table-responsive table th.description {
  width: 200px !important;
}
ngx-dash-board-list .dataTable .table-responsive table th.clientName {
  width: 140px !important;
}
ngx-dash-board-list .dataTable .table-responsive table th.jobSite {
  width: 233px !important;
}
ngx-dash-board-list .dataTable .table-responsive table th.date {
  width: 120px !important;
}
ngx-dash-board-list .dataTable.no_data_found th {
  width: 25% !important;
}
ngx-dash-board-list .dataTable.no_data_found th.status {
  width: 140px !important;
}
ngx-dash-board-list .applied-manage-column .dataTable table th.description {
  width: 100% !important;
}
app-quotation .applied-manage-column .dataTable .table-responsive table th.amount {
  width: 120px !important;
}
app-quotation .applied-manage-column .dataTable .table-responsive table td .amount {
  width: 96%;
  text-align: right;
}
.project_addPurchaseOrder_page .table-responsive table th.inventoryStatus {
  width: 155px !important;
}
.project_addPurchaseOrder_page .table-responsive table th.pageNo {
  width: 125px !important;
}
.project_addPurchaseOrder_page .table-responsive table th.supplierDoNo {
  width: 160px !important;
}
.project_addPurchaseOrder_page .table-responsive table th.remark {
  width: 98px !important;
}
.project_addPurchaseOrder_page .table-responsive table th.code {
  width: 80px !important;
}
.project_addPurchaseOrder_page .table-responsive table th.qty {
  width: 80px !important;
}
.project_addPurchaseOrder_page .table-responsive table th.detail {
  width: 160px !important;
}
.project_addPurchaseOrder_page .table-responsive table th.size {
  width: 180px !important;
}
.project_addPurchaseOrder_page .table-responsive table th.description {
  width: 180px !important;
}
.project_addPurchaseOrder_page .table-responsive table th.detail {
  width: 170px !important;
}
.po_infos {
  width: 100%;
  margin-bottom: 15px;
}
.po_infos h2 {
  font-weight: 700;
}
.no_manage_columns {
  width: 58%;
  margin: 40px auto 0px;
}
.no_manage_columns ion-title {
  padding: 0 !important;
  margin-bottom: 15px;
}
.no_manage_columns .dataTable table {
  width: 100%;
}
.no_manage_columns .dataTable table th {
  width: 33.333% !important;
}
.no_manage_columns .dataTable table th.no {
  width: 78px !important;
}
.no_manage_columns .dataTable table td {
  padding: 15px;
}
ngx-product .dataTable table td.description,
ngx-product .dataTable table th.description,
ngx-payment-terms .dataTable table td.description,
ngx-payment-terms .dataTable table th.description {
  width: 340px !important;
}
ngx-product .product_category_page .dataTable table td.description,
ngx-product .product_category_page .dataTable table th.description,
ngx-product .payment_terms_page .dataTable table td.description,
ngx-product .payment_terms_page .dataTable table th.description,
ngx-payment-terms .product_category_page .dataTable table td.description,
ngx-payment-terms .product_category_page .dataTable table th.description,
ngx-payment-terms .payment_terms_page .dataTable table td.description,
ngx-payment-terms .payment_terms_page .dataTable table th.description {
  width: 100% !important;
}
ngx-employee .table-responsive,
ngx-warehouse .table-responsive,
ngx-client .table-responsive,
ngx-quotation .table-responsive,
ngx-invoice .table-responsive,
ngx-project .table-responsive,
ngx-product .table-responsive,
ngx-report .table-responsive,
ngx-setting .table-responsive {
  overflow-x: auto !important;
}
ngx-project .table_sec .filter_sec .table_filter .filter_item .add_new_btn {
  right: 70px !important;
  margin-left: unset !important;
}
ngx-project .table_sec .filter_sec .table_filter .filter_item .search_bar {
  width: 100% !important;
}
ngx-project .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar {
  width: 250px !important;
}
ngx-project .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar input {
  width: 100% !important;
}
ngx-project-list .page_content.project_list_page .table_sec .filter_sec .table_actions {
  position: absolute;
  top: 0;
  right: 0;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #000 transparent transparent;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  border-color: transparent transparent #000 !important;
}
.icon-info-text {
  align-items: flex-start;
  padding-bottom: 10px;
}
.icon-info-text ion-icon {
  width: 21px;
  height: 21px;
  position: relative;
  top: 2px;
}
.icon-info-text p {
  width: fit-content;
  margin-left: 30px !important;
  padding-bottom: 0 !important;
}
.userCompany.icon-info-text {
  margin-top: 9px !important;
}
.userDetails .icon-info-text {
  margin-top: 0px;
}
.userContact .icon-info-text,
.userAddress .icon-info-text {
  margin-bottom: 5px;
}
.product_requirement_list .page_title_content div {
  margin-right: 5px;
}
.disabled-icon .show_hide ion-icon {
  color: #d6d6d6;
}
.ng2-smart-row input[type=checkbox],
.ng2-smart-titles input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block !important;
  top: 0;
  bottom: 0;
}
.ng2-smart-row .checkbox_icon,
.ng2-smart-titles .checkbox_icon {
  background: transparent;
  border: 1px solid #d2d2d2;
  height: 18px;
  width: 18px;
  position: absolute;
}
.ng2-smart-row .checkbox_icon:after,
.ng2-smart-titles .checkbox_icon:after {
  content: "";
  position: absolute;
  display: none;
}
.ng2-smart-row.selected input[type=checkbox],
.ng2-smart-titles.selected input[type=checkbox] {
  display: none;
}
.ng2-smart-row.selected .checkbox_icon,
.ng2-smart-titles.selected .checkbox_icon {
  background: var(--ion-theme-blue-color) !important;
  width: 18px;
  height: 18px;
  display: block;
}
.ng2-smart-row.selected .checkbox_icon:after,
.ng2-smart-titles.selected .checkbox_icon:after {
  display: block;
}
.ng2-smart-row .checkbox_icon,
.ng2-smart-titles .checkbox_icon {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  background: var(--ion-white-color);
  padding: 0 !important;
}
.ng2-smart-row .checkbox_icon:after,
.ng2-smart-titles .checkbox_icon:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  right: auto;
}
.filter_btn {
  position: relative;
}
.filter_btn:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  display: block;
  background: #000;
  display: block;
}
.productCode .custom_select ng-select .ng-select-container {
  cursor: pointer !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items {
  border: 1px solid #f1f1f1;
  max-height: 300px !important;
}
.product_code {
  float: right;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 0 !important;
  padding-bottom: 0 !important;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container,
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
  line-height: 33px;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value,
.ng-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ng-value-container .ng-placeholder {
  margin: 0px 0px 0px 20px;
}
ngx-add-product .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 4px !important;
}
ngx-add-product .addUpdate_modal .modal_body ion-list ion-item .form_group .right_wid {
  border: unset;
  background-color: var(--ion-white-color);
}
.right_wid {
  width: 74%;
  line-height: 51px;
  height: 51px;
  border: 1px solid #cbcbcb;
  border-radius: 5px;
}
a24-text-area {
  width: 74% !important;
}
a24-text-area ion-textarea {
  border: 1px solid #cbcbcb;
  font-size: 17px;
  height: 100px;
  color: #414141;
  font-weight: 400;
  overflow-y: clip;
  border-radius: 5px;
  margin-top: 0 !important;
}
a24-text-area ion-textarea textarea {
  --padding-start: 10px;
  --padding-end: 10px;
  height: 100px;
}
a24-text-area ion-textarea textarea textarea-wrapper {
  overflow-y: scroll;
}
.add_product_page ion-list .main_row_sec .main_col ion-item .form_group.multi_select .custom_select ng-select {
  line-height: 44px;
}
ion-modal a24-text-area {
  width: 74% !important;
}
ion-modal a24-text-area ion-textarea {
  background: #fff !important;
  border: 0;
  font-size: 17px;
  height: 100px;
  color: #414141;
  font-weight: 400;
  overflow-y: scroll;
  border-radius: 5px;
  margin-top: 0 !important;
}
ion-modal a24-text-area ion-textarea textarea {
  height: 100px;
  border-radius: 5px;
}
ion-modal a24-text-area ion-textarea.is-invalid {
  border-bottom: 1px solid var(--ion-theme-red-color);
  transition: all 0.5s linear;
}
.uploaded_img {
  position: absolute;
  width: 74%;
  right: 0;
}
.uploaded_img img {
  display: none;
}
.uploaded_img span {
  position: absolute;
  left: 18px;
  top: -10px;
  display: block;
}
ion-modal.auto-height {
  --height: auto;
}
ion-modal.auto-height .ion-page {
  position: relative;
  display: block;
  contain: content;
}
.setting_section {
  border: 1px solid #d2d2d2;
  border-radius: 10px;
}
.setting_section .inner_header {
  background: #d2d2d2;
  width: 100%;
  padding: 25px 50px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.setting_section .inner_header h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: #000;
}
.setting_section .inner_padding {
  padding: 50px;
  background: #fff;
  border-radius: 10px;
}
ngx-setting ion-segment.tabs_head {
  justify-content: flex-start;
}
ngx-setting ion-segment.tabs_head ion-segment-button {
  max-width: 176px;
  --background-hover: transparent;
  --color-checked: transparent;
  text-indent: 15px !important;
  font-weight: 700;
  text-transform: capitalize;
}
ngx-setting ion-segment.tabs_head ion-segment-button::part(native) {
  align-self: flex-start;
  --padding-start: 0;
  --padding-end: 0;
  text-align: left;
  flex-direction: unset;
  justify-content: flex-start;
  width: 100%;
}
ngx-setting ion-segment.tabs_head ion-segment-button.segment-button-checked {
  --background-hover: transparent;
  --background-focused: transparent;
}
ngx-setting ion-segment.tabs_head ion-segment-button.segment-button-checked::part(indicator) {
  width: 100%;
  --indicator-color: #3b8dc9;
}
ngx-setting ion-segment.tabs_head ion-segment-button.segment-button-checked ion-label {
  color: #3b8dc9;
}
ngx-setting ion-segment.tabs_head ion-segment-button::part(indicator) {
  --indicator-color: #e0effb;
  opacity: 1;
}
ngx-setting ion-segment.tabs_head ion-segment-button.segment-button-activated {
  --background-hover: transparent;
  --background-focused: transparent;
}
ngx-setting ion-segment.tabs_head ion-segment-button ion-label {
  width: 100%;
}
ngx-setting ion-segment.tabs_head ion-segment-button:first-child {
  text-indent: 0 !important;
}
ngx-setting .setting_section .segment_content {
  margin-top: 20px;
}
ngx-setting .setting_section .segment_content .accordion_content {
  padding-top: 15px;
}
ngx-setting .setting_section .segment_content .accordion_content .main_row_sec {
  margin-top: 30px;
}
ngx-setting .setting_section .segment_content .accordion_content .main_row_sec.pdf_page {
  margin-top: 0;
}
ngx-setting .setting_section .segment_content .accordion_content .main_row_sec .main_col {
  width: 60%;
}
ngx-setting .setting_section .segment_content .accordion_content .main_row_sec .main_col .valid-msg {
  width: 100%;
}
ngx-setting .setting_section .segment_content .accordion_content .main_row_sec .main_col .valid-msg .hide-err {
  width: 100%;
  left: 25px;
  right: auto;
}
ngx-setting .setting_section .segment_content ion-label {
  background: #f5f5f5;
  padding: 10px;
  border: 1px solid #d6d6d6;
}
ngx-setting .setting_section .segment_content ion-list .main_row_sec .main_col .field ion-item ion-label {
  background: transparent;
  border: 0;
  line-height: 28px;
  padding: 0 10px 5px 10px;
  height: auto;
  width: 100%;
}
ngx-setting .setting_section .segment_content ion-list .main_row_sec .main_col .field ion-item.item-interactive-disabled ion-input {
  background: #d2d2d2;
}
ngx-setting .segment_content .accordion_content .form_group.gst {
  position: relative;
}
ngx-setting .segment_content .accordion_content .form_group.gst .percentage {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #d2d2d2;
  height: 51px;
  width: 60px;
  margin: 0;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  line-height: 51px;
}
.webmodal .addUpdate_modal .modal_body ion-list {
  --ion-background-color: #f1f2f6;
  padding: 0 0 10px !important;
  overflow: inherit;
  height: 100%;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item::part(native) {
  --border-style: 0 !important;
  border-radius: 5px;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item.dnl-item-invalid ion-input,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.dnl-item-invalid ion-textarea,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.dnl-item-invalid ng-select,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.dnl-item-invalid ionic-selectable,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.dnl-item-invalid .a24-color-picker {
  border-bottom: 1px solid var(--ion-theme-red-color);
  transition: all 0.5s linear;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item.item-has-value.ion-touched {
  border-bottom: 0px !important;
}
ngx-add-company ion-list ion-item::part(native),
ngx-add-project ion-list ion-item::part(native) {
  --border-style: 0 !important;
}
ngx-add-company ion-list ion-item.item-has-value.ion-touched,
ngx-add-project ion-list ion-item.item-has-value.ion-touched {
  border-bottom: 0px !important;
}
ngx-add-company .no_manage_columns .table-responsive thead tr th.contactNo,
ngx-add-project .no_manage_columns .table-responsive thead tr th.contactNo {
  width: 220px !important;
}
ngx-add-company .no_manage_columns .table-responsive thead tr th.email_1,
ngx-add-project .no_manage_columns .table-responsive thead tr th.email_1 {
  width: 100% !important;
  text-align: left !important;
}
ngx-add-company table tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.left_part {
  width: 50%;
}
.custom_skeleton .table_sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom_skeleton .top_skeleton {
  position: absolute;
  right: 45px;
}
.custom_skeleton .appointment_skelton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0;
}
.custom_skeleton .appointment_skelton .column ion-button {
  width: 111px;
}
.custom_skeleton .appointment_skelton .column ion-button:first-child {
  margin-left: 0 !important;
}
.custom_skeleton .card_body .project-info_page {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
.custom_skeleton .card_body .project-info_page .column {
  width: 100%;
}
.custom_skeleton .card_body .project-info_page .column .project-info p ion-skeleton-text {
  width: 26% !important;
}
.custom_skeleton .card_body .userName {
  width: 15%;
}
.custom_skeleton .card_body .userName ion-skeleton-text {
  width: 100%;
}
.custom_skeleton .card_body .skeleton-text-animated {
  width: 15%;
}
.custom_skeleton .card_body .project-info .back-btn {
  width: 100%;
  margin-right: 0;
}
.custom_skeleton .card_body .project-info .back-btn ion-skeleton-text {
  width: 15% !important;
}
.custom_skeleton .card_body .project-info p {
  margin-left: 0px;
}
.custom_skeleton .card_body .project-info p ion-skeleton-text {
  width: 15% !important;
}
ion-modal.show-modal {
  --backdrop-opacity: 0.3 !important;
}
.select_projectname {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-left: 10px !important;
}
.select_projectname .add_new_link {
  font-weight: 700 !important;
  text-transform: capitalize !important;
}
.select_projectname .add_new_link ion-icon {
  margin-right: 10px !important;
}
.select_projectname .add_new_label {
  color: var(--ion-theme-blue-color);
}
.select_projectname:hover .add_new_label {
  color: var(--ion-white-color);
}
.home_dashboard .sales_report,
.project-profit-loss .sales_report {
  justify-content: space-between;
  padding: 0 20px;
}
.home_dashboard app-sales-status ion-card,
.project-profit-loss app-sales-status ion-card {
  box-shadow: 3px 3px 12px #e3e3e3;
  padding: 15px;
  border: 1px solid #cbcbcb;
  border-radius: 6px;
}
.home_dashboard app-sales-status .sales_report,
.project-profit-loss app-sales-status .sales_report {
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 !important;
}
.home_dashboard app-sales-status .sales_report .left_info,
.project-profit-loss app-sales-status .sales_report .left_info {
  width: 75%;
}
.home_dashboard app-sales-status .sales_report .left_info ion-card-header,
.project-profit-loss app-sales-status .sales_report .left_info ion-card-header {
  padding: 0;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.home_dashboard app-sales-status .sales_report .left_info .sales,
.project-profit-loss app-sales-status .sales_report .left_info .sales {
  font-size: 15px;
  margin: 0px 0px 5px;
  color: #11141a;
}
.home_dashboard app-sales-status .sales_report .left_info .sales span,
.project-profit-loss app-sales-status .sales_report .left_info .sales span {
  font-size: 18px;
  font-weight: 600;
}
.home_dashboard app-sales-status .sales_report .left_info .year,
.project-profit-loss app-sales-status .sales_report .left_info .year {
  font-size: 15px;
  font-style: italic;
  margin: 0;
  color: #828282;
}
.home_dashboard app-sales-status .sales_report .right_info,
.project-profit-loss app-sales-status .sales_report .right_info {
  width: 20%;
  text-align: center;
}
.home_dashboard app-sales-status .sales_report .right_info.up span,
.project-profit-loss app-sales-status .sales_report .right_info.up span {
  color: #fff;
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 50%;
  line-height: 23px;
  margin: 0 auto;
}
.home_dashboard app-sales-status .sales_report .right_info.up .growth,
.project-profit-loss app-sales-status .sales_report .right_info.up .growth {
  color: #fff;
  height: 24px;
  line-height: 24px;
  border-radius: 30px;
  margin-top: 22px;
}
.home_dashboard app-sales-status .sales_report .right_info.up.positive span,
.project-profit-loss app-sales-status .sales_report .right_info.up.positive span {
  background: #3aa949;
}
.home_dashboard app-sales-status .sales_report .right_info.up.positive .growth,
.project-profit-loss app-sales-status .sales_report .right_info.up.positive .growth {
  background: #3aa949;
}
.home_dashboard app-sales-status .sales_report .right_info.up.negative span,
.project-profit-loss app-sales-status .sales_report .right_info.up.negative span {
  background: #ee3326;
}
.home_dashboard app-sales-status .sales_report .right_info.up.negative .growth,
.project-profit-loss app-sales-status .sales_report .right_info.up.negative .growth {
  background: #ee3326;
}
.home_dashboard .section_overview,
.project-profit-loss .section_overview {
  position: relative;
  z-index: 2;
}
.home_dashboard .section_overview ion-card,
.project-profit-loss .section_overview ion-card {
  box-shadow: 3px 3px 12px #e3e3e3;
  padding: 15px;
  overflow: inherit;
}
.home_dashboard .section_overview ion-card .title_part,
.project-profit-loss .section_overview ion-card .title_part {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.home_dashboard .section_overview ion-card .title_part h2,
.project-profit-loss .section_overview ion-card .title_part h2 {
  margin: 0;
  font-size: 18px;
  line-height: 44px;
  font-weight: 600;
  text-transform: uppercase;
}
.home_dashboard .section_overview ion-card .business_overview,
.project-profit-loss .section_overview ion-card .business_overview {
  margin-bottom: 18px;
}
.home_dashboard .section_overview ion-card .business_overview ion-row,
.project-profit-loss .section_overview ion-card .business_overview ion-row {
  justify-content: space-between;
  align-items: center;
}
.home_dashboard .section_overview ion-card .business_overview ion-row ion-col,
.project-profit-loss .section_overview ion-card .business_overview ion-row ion-col {
  flex: unset;
  margin: 19.3px 0px;
}
.home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list,
.project-profit-loss .section_overview ion-card .business_overview ion-row ion-col .business_list {
  justify-content: space-between;
  align-items: center;
  border: 1px solid #f1f1f1;
  padding: 15px 10px 10px 10px;
  border-radius: 10px;
}
.home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_left img,
.project-profit-loss .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_left img {
  width: auto;
  height: 40px;
}
.home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_right,
.project-profit-loss .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_right {
  margin-right: auto;
  margin-left: 20px;
}
.home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_right h4,
.project-profit-loss .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_right h4 {
  font-size: 12px;
  font-weight: 400;
  margin: 0px 0px 10px 0px;
}
.home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_right h2,
.project-profit-loss .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_right h2 {
  font-size: 25px;
  font-weight: 700;
  margin: 0;
}
.home_dashboard .section_overview ion-card .business_overview .date_picker .select_datePic .ranges ul li button,
.project-profit-loss .section_overview ion-card .business_overview .date_picker .select_datePic .ranges ul li button {
  color: #11141a;
}
.home_dashboard .section_overview ion-card .business_overview .date_picker .select_datePic .ranges ul li button.active,
.project-profit-loss .section_overview ion-card .business_overview .date_picker .select_datePic .ranges ul li button.active {
  color: #fff;
}
.home_dashboard .section_overview ion-card .business_overview .date_picker .select_datePic .shown,
.project-profit-loss .section_overview ion-card .business_overview .date_picker .select_datePic .shown {
  top: auto !important;
  left: auto !important;
  right: 0 !important;
  z-index: 99999 !important;
  contain: content;
  position: absolute;
  padding-top: 15px;
}
.home_dashboard .section_overview ion-card .business_overview .date_picker .select_datePic .shown.show-ranges,
.project-profit-loss .section_overview ion-card .business_overview .date_picker .select_datePic .shown.show-ranges {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.home_dashboard .section_overview ion-card .appointment_overview ion-button,
.project-profit-loss .section_overview ion-card .appointment_overview ion-button {
  --background: var(--ion-theme-blue-color) !important;
  text-transform: capitalize;
  font-size: 13px;
}
.home_dashboard .section_overview ion-card .appointment_overview ion-button button,
.project-profit-loss .section_overview ion-card .appointment_overview ion-button button {
  padding: 0px 20px;
}
.home_dashboard .section_overview ion-card .appointment_overview .top-wrapper,
.project-profit-loss .section_overview ion-card .appointment_overview .top-wrapper {
  padding-top: 0;
  background: transparent;
  border-bottom: 0 !important;
}
.home_dashboard .section_overview ion-card .appointment_overview .top-wrapper .month-text,
.project-profit-loss .section_overview ion-card .appointment_overview .top-wrapper .month-text {
  display: none;
}
.home_dashboard .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper,
.project-profit-loss .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper {
  width: 92%;
  margin: 20px auto;
}
.home_dashboard .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper ion-icon,
.project-profit-loss .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper ion-icon {
  font-size: 24px;
  cursor: pointer;
}
.home_dashboard .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper .inline-calendar .day-of-week-wrapper,
.project-profit-loss .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper .inline-calendar .day-of-week-wrapper {
  flex-direction: column-reverse !important;
}
.home_dashboard .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper .inline-calendar .day-of-week-wrapper .number-date,
.project-profit-loss .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper .inline-calendar .day-of-week-wrapper .number-date {
  font-size: 14px !important;
  font-weight: 700;
}
.home_dashboard .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper .inline-calendar .day-of-week-wrapper ion-label,
.project-profit-loss .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper .inline-calendar .day-of-week-wrapper ion-label {
  text-transform: uppercase;
}
.home_dashboard .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper .inline-calendar .day-of-week-wrapper.day-selected,
.project-profit-loss .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper .inline-calendar .day-of-week-wrapper.day-selected {
  background: var(--ion-theme-blue-color) !important;
  border-bottom: 0 !important;
  border-radius: 10px;
}
.home_dashboard .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper .inline-calendar .day-of-week-wrapper.day-selected ion-label,
.project-profit-loss .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper .inline-calendar .day-of-week-wrapper.day-selected ion-label {
  color: #fff !important;
}
.home_dashboard .section_overview ion-card .appointment_overview .app_list,
.project-profit-loss .section_overview ion-card .appointment_overview .app_list {
  font-size: 14px;
  margin: 4px 0px;
}
.home_dashboard .section_overview ion-card .appointment_overview .app_list ion-icon,
.project-profit-loss .section_overview ion-card .appointment_overview .app_list ion-icon {
  margin-right: 6px;
}
.home_dashboard .section_overview ion-card .appointment_overview .app_list p,
.project-profit-loss .section_overview ion-card .appointment_overview .app_list p {
  margin: 0;
  width: 90%;
}
.home_dashboard .section_overview ion-card .appointment_overview .completed .app_status,
.project-profit-loss .section_overview ion-card .appointment_overview .completed .app_status {
  background: #3aa949;
}
.home_dashboard .section_overview ion-card .appointment_overview .pending .app_status,
.project-profit-loss .section_overview ion-card .appointment_overview .pending .app_status {
  background: #e1b94c;
}
.home_dashboard .section_overview ion-card .appointment_overview .failed .app_status,
.project-profit-loss .section_overview ion-card .appointment_overview .failed .app_status {
  background: var(--ion-theme-red-color);
}
.home_dashboard .section_overview ion-card .appointment_overview .app_status,
.project-profit-loss .section_overview ion-card .appointment_overview .app_status {
  height: 32px;
  color: #fff;
  text-align: center;
  width: 120px;
  border-radius: 25px;
  line-height: 32px;
}
.home_dashboard .section_overview ion-card .appointment_overview .status_overflow,
.project-profit-loss .section_overview ion-card .appointment_overview .status_overflow {
  overflow-y: auto;
  height: 195px;
}
.home_dashboard .section_overview ion-card .appointment_overview .status_overflow .app_status_list,
.project-profit-loss .section_overview ion-card .appointment_overview .status_overflow .app_status_list {
  width: 100%;
  margin: 0px auto 8px auto;
  border: 1px solid #f1f1f1;
  border-radius: 10px;
  padding: 0px 15px;
}
.home_dashboard .section_overview ion-card .appointment_overview .status_overflow .app_status_list .client_name,
.project-profit-loss .section_overview ion-card .appointment_overview .status_overflow .app_status_list .client_name {
  width: 50%;
  flex: unset;
}
.home_dashboard .section_overview ion-card .appointment_overview .status_overflow .app_status_list .client_name .person_name p,
.project-profit-loss .section_overview ion-card .appointment_overview .status_overflow .app_status_list .client_name .person_name p {
  font-size: 16px;
  font-weight: 700;
}
.home_dashboard .section_overview ion-card .appointment_overview .status_overflow .app_status_list .app_time,
.project-profit-loss .section_overview ion-card .appointment_overview .status_overflow .app_status_list .app_time {
  text-align: right;
}
.home_dashboard .section_overview ion-card .appointment_overview .status_overflow .no_appointments,
.project-profit-loss .section_overview ion-card .appointment_overview .status_overflow .no_appointments {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  margin-top: 40px;
}
.home_dashboard .section_overview ion-card .appointment_overview .status_overflow .no_appointments ion-icon,
.project-profit-loss .section_overview ion-card .appointment_overview .status_overflow .no_appointments ion-icon {
  font-size: 50px;
  color: #a8a8a8;
  width: 50px;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.home_dashboard .section_overview ion-card .appointment_overview .status_overflow .no_appointments p,
.project-profit-loss .section_overview ion-card .appointment_overview .status_overflow .no_appointments p {
  margin-top: 6px;
  font-weight: 600;
}
.home_dashboard .section_overview ion-card .appointment_overview .see_more,
.project-profit-loss .section_overview ion-card .appointment_overview .see_more {
  text-align: right;
  color: var(--ion-theme-blue-color);
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
}
.home_dashboard .top_10,
.project-profit-loss .top_10 {
  width: 98%;
  margin: 20px auto 35px auto;
  position: relative;
  z-index: 0;
}
.home_dashboard .top_10 .skeleton-text-animated,
.project-profit-loss .top_10 .skeleton-text-animated {
  width: 100% !important;
}
.home_dashboard .top_10 h2,
.project-profit-loss .top_10 h2 {
  color: #fff;
  margin: 0;
  display: table;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0px 20px;
  line-height: 30px;
  margin-bottom: -1px;
  position: relative;
  z-index: 9;
}
.home_dashboard .top_10 h2.red_title,
.project-profit-loss .top_10 h2.red_title {
  background: var(--ion-theme-red-color);
}
.home_dashboard .top_10 h2.blue_title,
.project-profit-loss .top_10 h2.blue_title {
  background: var(--ion-theme-blue-color);
}
.home_dashboard .top_10 .slider_section,
.project-profit-loss .top_10 .slider_section {
  border: 1px solid #3b8dc9;
  position: relative;
  border-top-left-radius: 0 !important;
  border-radius: 10px;
  box-shadow: 3px 3px 12px #e3e3e3;
}
.home_dashboard .top_10 .slider_section .slide_nav,
.project-profit-loss .top_10 .slider_section .slide_nav {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 999;
  margin: auto;
  width: 40px;
  height: 40px;
  --padding-start: 0;
  --padding-end: 0;
}
.home_dashboard .top_10 .slider_section .slide_nav.prev,
.project-profit-loss .top_10 .slider_section .slide_nav.prev {
  left: 10px;
}
.home_dashboard .top_10 .slider_section .slide_nav.prev ion-icon,
.project-profit-loss .top_10 .slider_section .slide_nav.prev ion-icon {
  margin-left: 0;
}
.home_dashboard .top_10 .slider_section .slide_nav.next,
.project-profit-loss .top_10 .slider_section .slide_nav.next {
  right: 10px;
}
.home_dashboard .top_10 .slider_section .slide_nav.next ion-icon,
.project-profit-loss .top_10 .slider_section .slide_nav.next ion-icon {
  margin-left: 0;
}
.home_dashboard .top_10 .slider_section ion-slides,
.project-profit-loss .top_10 .slider_section ion-slides {
  width: 93%;
  margin: 0 auto;
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide {
  padding: 15px 0px;
  max-width: unset !important;
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide span,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide span {
  background: #929ba4;
  width: 70px;
  height: 30px;
  display: block;
  text-align: center;
  line-height: 30px;
  color: #fff;
  border-radius: 8px;
  margin: 0 auto;
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide .first span,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide .first span {
  background: #3aa949;
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide .first h3,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide .first h3 {
  color: var(--ion-theme-red-color);
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide .first p,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide .first p {
  color: #11141a;
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide .second span,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide .second span {
  background: #e1b94c;
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide .second h3,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide .second h3 {
  color: var(--ion-theme-red-color);
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide .second p,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide .second p {
  color: #11141a;
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide .third span,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide .third span {
  background: #f4575e;
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide .third h3,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide .third h3 {
  color: var(--ion-theme-red-color);
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide .third p,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide .third p {
  color: #11141a;
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide .empty span,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide .empty span {
  background: #a8a8a8;
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide .empty h3,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide .empty h3 {
  color: #a8a8a8;
  margin: 10px 0px 0px 0px;
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide .empty h3 ion-icon,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide .empty h3 ion-icon {
  font-size: 30px;
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide .empty p,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide .empty p {
  color: #a8a8a8;
  font-weight: 400;
  font-size: 20px;
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide h3,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide h3 {
  font-size: 20px;
  font-weight: 600;
  color: #929ba4;
  margin: 11px 0px 11px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: initial;
}
.home_dashboard .top_10 .slider_section ion-slides ion-slide p,
.project-profit-loss .top_10 .slider_section ion-slides ion-slide p {
  color: #929ba4;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
}
.project-profit-loss .section_overview ion-card {
  margin: 0;
}
.project-profit-loss .section_overview ion-card .business_overview {
  margin-bottom: 0;
}
.project-profit-loss .section_overview ion-card .business_overview ion-row ion-col {
  width: 16.666%;
  margin: 20px 0 0;
}
.project-profit-loss .project_table_section .project_bottom_buttons {
  position: relative;
  top: 0;
  margin: 30px 0;
}
.home_dashboard .section_overview ion-card .business_overview ion-row ion-col {
  width: 31.33%;
}
ngx-dash-board-list .dashboard_page .table_sec .addNew_btn {
  right: 122px !important;
  top: 1px;
}
app-add-requirements .page_content ion-header.site_header.sub_title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 78%;
}
app-add-requirements .page_content ion-header.site_header.sub_title .form-group ion-label {
  font-size: 14px;
}
app-add-requirements .page_content ion-header.site_header.sub_title .form-group .field {
  width: 60px;
  margin-left: auto;
}
app-add-requirements .page_content ion-header.site_header.sub_title .form-group .field ion-item {
  --padding-start: 0;
  --inner-padding-end: 0;
  margin-top: 2px;
}
app-add-requirements .page_content ion-header.site_header.sub_title .form-group .field ion-item::part(native) {
  height: 22px !important;
  min-height: 22px;
}
app-add-requirements .page_content ion-header.site_header.sub_title .form-group .field ion-item .custom_select {
  width: 100%;
}
app-add-requirements .page_content ion-header.site_header.sub_title .form-group .field ion-item .custom_select ng-select {
  font-size: 14px;
}
app-add-requirements .page_content ion-header.site_header.sub_title .form-group .field ion-item .custom_select ng-select .ng-select-container {
  min-height: 22px;
  height: 22px;
}
app-add-requirements .page_content ion-header.site_header.sub_title .form-group .field ion-item .custom_select ng-select .ng-input {
  padding: 0 !important;
}
app-add-requirements .page_content ion-header.site_header.sub_title .form-group .field ion-item dropdown-component {
  margin-left: auto;
}
app-add-requirements .page_content ion-header .project_title {
  color: #414141;
  font-weight: 600;
  padding: 0;
}
app-add-requirements .page_content form .form-group .product_input .field {
  width: 100% !important;
}
app-add-requirements .page_content form .form-group .product_input.col_7 ion-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
app-add-requirements .page_content form .form-group .product_input.col_7 ion-list .field {
  width: 23% !important;
  margin: 5px 0px;
}
app-add-requirements .page_content form .form-group .photos_list {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}
.inner_project_details {
  padding: 0px 35px;
}
.inner_project_details p {
  color: #11141a;
}
.inner_project_details .company_name {
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.inner_project_details .company_name p {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
}
.inner_project_details .company_name ion-icon {
  font-size: 20px;
  margin-left: 12px;
  cursor: pointer;
}
.inner_project_details .project_info {
  width: 49%;
}
.inner_project_details .project_info .info-text {
  margin: 8px 0px;
  align-items: flex-start !important;
  font-size: 18px;
}
.inner_project_details .project_info .info-text .label {
  width: 90px;
}
.inner_project_details .project_info .info-text p {
  width: 84%;
  font-size: 18px;
}
.inner_project_details .align_start {
  align-items: flex-start !important;
}
app-input-counter {
  width: 74%;
  display: block;
}
app-input-counter .qty_detail {
  justify-content: space-between;
}
app-input-counter .qty_detail .clear_btn {
  width: 80px;
  height: 51px;
  --background: #fff;
  --box-shadow: unset;
  margin: 0 !important;
  font-size: 20px;
  color: #939393;
}
app-input-counter .qty_detail .inventory_no {
  background: #fff;
  width: auto;
  height: 50px;
  border-radius: 0px !important;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  text-align: center;
}
.project_table_section {
  position: relative;
}
.project_table_section .project_bottom_buttons {
  width: 50%;
  position: absolute;
  top: 2px;
  z-index: 999;
}
.project_table_section .project_bottom_buttons ion-button.back_btns {
  margin: 0 !important;
  height: 44px !important;
  --background: #44b6af;
  --box-shadow: unset !important;
}
.project_table_section .project_bottom_buttons ion-button.back_btns ion-label,
.project_table_section .project_bottom_buttons ion-button.back_btns ion-icon {
  color: #fff !important;
}
.project_table_section .project_bottom_buttons.style_2 {
  width: 100% !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 20px 0px;
}
.project_table_section .project_bottom_buttons.style_2 .filter_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: auto;
}
.project_table_section .project_bottom_buttons.style_2 .filter_item .form_group.select_status {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-left: 40px;
}
.project_table_section .project_bottom_buttons.style_2 .filter_item .form_group.select_status ion-label {
  margin-right: 15px;
}
app-purchase-order-bulk-update .page_content_wrapper {
  margin-top: 20px;
}
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr th:first-child {
  width: 60px !important;
}
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr th.poNum {
  width: 130px !important;
}
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr th.faxedDate {
  width: 230px !important;
}
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr th.collectDate {
  width: 230px !important;
}
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr th.deliveryStatus,
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr th.inventoryStatus {
  width: 230px !important;
}
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr th.inventoryStatus {
  width: 230px !important;
}
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr th.supplierDoNum {
  width: 100% !important;
  text-align: left !important;
}
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr td {
  vertical-align: middle !important;
}
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr td .supplierDoNum {
  margin: 0 !important;
}
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr td .supplierDoNum ion-input {
  border: 1px solid #cbcbcb;
  padding-left: 10px !important;
}
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr td .supplierDoNum ion-input input {
  padding: 5px 0px;
}
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr td .completed {
  color: #3aa949;
}
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr td .pending {
  color: #e1b94c;
}
app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr td .failed {
  color: var(--ion-theme-red-color);
}
app-purchase-order-bulk-update .page_content.project_list_page ng2-smart-table .custom-smart-table table tbody tr td {
  padding: 0.5em 15px !important;
  vertical-align: middle !important;
}
app-purchase-order-bulk-update .supplierDoNum ion-input {
  --padding-start: 0 !important;
}
app-project-expense .page_content.purchase_order_list .table_sec .addNew_btn,
app-expense .page_content.purchase_order_list .table_sec .addNew_btn {
  right: auto;
  left: 0;
}
app-project-expense .page_content.purchase_order_list .table_sec .filter_sec .table_filter,
app-expense .page_content.purchase_order_list .table_sec .filter_sec .table_filter {
  margin-right: 0;
}
app-project-expense .page_content_wrapper,
app-expense .page_content_wrapper {
  margin-top: 20px;
}
app-project-expense .page_content_wrapper .table-responsive table tr th.no,
app-expense .page_content_wrapper .table-responsive table tr th.no {
  width: 150px !important;
}
app-project-expense .page_content_wrapper .table-responsive table tr th.payTo,
app-expense .page_content_wrapper .table-responsive table tr th.payTo {
  width: 200px !important;
}
app-project-expense .page_content_wrapper .table-responsive table tr th.remarks,
app-expense .page_content_wrapper .table-responsive table tr th.remarks {
  width: 200px !important;
}
app-project-expense .page_content_wrapper .table-responsive table tr th.downloadVoucher,
app-expense .page_content_wrapper .table-responsive table tr th.downloadVoucher {
  width: 260px !important;
  text-align: center;
}
app-project-expense .page_content_wrapper.applied-manage-column .table-responsive table tr th.downloadVoucher,
app-expense .page_content_wrapper.applied-manage-column .table-responsive table tr th.downloadVoucher {
  width: 260px !important;
}
app-project-expense .page_content_wrapper.applied-manage-column .table-responsive table tr th.no,
app-expense .page_content_wrapper.applied-manage-column .table-responsive table tr th.no {
  width: 150px !important;
}
app-project-expense .project_table_section .project_bottom_buttons,
app-expense .project_table_section .project_bottom_buttons {
  top: 5px !important;
}
app-project-expense .project_table_section .project_bottom_buttons ion-button,
app-expense .project_table_section .project_bottom_buttons ion-button {
  margin-left: 16px;
}
.addPurchaseOrder_list,
.dnl_projectDetails_page,
.product_requirement_list,
.project-add-deliveryorder,
.add_requirements_page,
.addQuotation_form,
.employee_list,
.project_editInvoice_page {
  position: relative;
}
.addPurchaseOrder_list.with_footer,
.dnl_projectDetails_page.with_footer,
.product_requirement_list.with_footer,
.project-add-deliveryorder.with_footer,
.add_requirements_page.with_footer,
.addQuotation_form.with_footer,
.employee_list.with_footer,
.project_editInvoice_page.with_footer {
  position: unset;
}
.addPurchaseOrder_list.my-20,
.dnl_projectDetails_page.my-20,
.product_requirement_list.my-20,
.project-add-deliveryorder.my-20,
.add_requirements_page.my-20,
.addQuotation_form.my-20,
.employee_list.my-20,
.project_editInvoice_page.my-20 {
  margin: 18px 0px !important;
}
.addPurchaseOrder_list .project_bottom_buttons,
.dnl_projectDetails_page .project_bottom_buttons,
.product_requirement_list .project_bottom_buttons,
.project-add-deliveryorder .project_bottom_buttons,
.add_requirements_page .project_bottom_buttons,
.addQuotation_form .project_bottom_buttons,
.employee_list .project_bottom_buttons,
.project_editInvoice_page .project_bottom_buttons {
  width: 50%;
  position: relative;
  margin-top: 16px;
  margin-bottom: 16px;
  z-index: 999;
}
.addPurchaseOrder_list .project_bottom_buttons ion-button.back_btns,
.dnl_projectDetails_page .project_bottom_buttons ion-button.back_btns,
.product_requirement_list .project_bottom_buttons ion-button.back_btns,
.project-add-deliveryorder .project_bottom_buttons ion-button.back_btns,
.add_requirements_page .project_bottom_buttons ion-button.back_btns,
.addQuotation_form .project_bottom_buttons ion-button.back_btns,
.employee_list .project_bottom_buttons ion-button.back_btns,
.project_editInvoice_page .project_bottom_buttons ion-button.back_btns {
  margin: 0 !important;
  height: 44px !important;
  --background: #44b6af;
  --box-shadow: unset !important;
  text-transform: capitalize;
}
.addPurchaseOrder_list .project_bottom_buttons ion-button.back_btns ion-label,
.dnl_projectDetails_page .project_bottom_buttons ion-button.back_btns ion-label,
.product_requirement_list .project_bottom_buttons ion-button.back_btns ion-label,
.project-add-deliveryorder .project_bottom_buttons ion-button.back_btns ion-label,
.add_requirements_page .project_bottom_buttons ion-button.back_btns ion-label,
.addQuotation_form .project_bottom_buttons ion-button.back_btns ion-label,
.employee_list .project_bottom_buttons ion-button.back_btns ion-label,
.project_editInvoice_page .project_bottom_buttons ion-button.back_btns ion-label {
  color: #fff !important;
}
.addPurchaseOrder_list .project_bottom_buttons ion-button.back_btns ion-icon,
.dnl_projectDetails_page .project_bottom_buttons ion-button.back_btns ion-icon,
.product_requirement_list .project_bottom_buttons ion-button.back_btns ion-icon,
.project-add-deliveryorder .project_bottom_buttons ion-button.back_btns ion-icon,
.add_requirements_page .project_bottom_buttons ion-button.back_btns ion-icon,
.addQuotation_form .project_bottom_buttons ion-button.back_btns ion-icon,
.employee_list .project_bottom_buttons ion-button.back_btns ion-icon,
.project_editInvoice_page .project_bottom_buttons ion-button.back_btns ion-icon {
  color: #fff !important;
}
.addPurchaseOrder_list .project_bottom_buttons ion-button.ml-20,
.dnl_projectDetails_page .project_bottom_buttons ion-button.ml-20,
.product_requirement_list .project_bottom_buttons ion-button.ml-20,
.project-add-deliveryorder .project_bottom_buttons ion-button.ml-20,
.add_requirements_page .project_bottom_buttons ion-button.ml-20,
.addQuotation_form .project_bottom_buttons ion-button.ml-20,
.employee_list .project_bottom_buttons ion-button.ml-20,
.project_editInvoice_page .project_bottom_buttons ion-button.ml-20 {
  margin-left: 16px;
}
.addPurchaseOrder_list .project_bottom_buttons ion-button.save_btn,
.dnl_projectDetails_page .project_bottom_buttons ion-button.save_btn,
.product_requirement_list .project_bottom_buttons ion-button.save_btn,
.project-add-deliveryorder .project_bottom_buttons ion-button.save_btn,
.add_requirements_page .project_bottom_buttons ion-button.save_btn,
.addQuotation_form .project_bottom_buttons ion-button.save_btn,
.employee_list .project_bottom_buttons ion-button.save_btn,
.project_editInvoice_page .project_bottom_buttons ion-button.save_btn {
  --background: #e1b94c !important;
  color: #fff !important;
  width: auto;
}
.addPurchaseOrder_list .project_bottom_buttons ion-button.cancel_btn,
.dnl_projectDetails_page .project_bottom_buttons ion-button.cancel_btn,
.product_requirement_list .project_bottom_buttons ion-button.cancel_btn,
.project-add-deliveryorder .project_bottom_buttons ion-button.cancel_btn,
.add_requirements_page .project_bottom_buttons ion-button.cancel_btn,
.addQuotation_form .project_bottom_buttons ion-button.cancel_btn,
.employee_list .project_bottom_buttons ion-button.cancel_btn,
.project_editInvoice_page .project_bottom_buttons ion-button.cancel_btn {
  --background: #86c5f3 !important;
  color: #fff !important;
}
.addPurchaseOrder_list .project_bottom_buttons ion-button:hover,
.dnl_projectDetails_page .project_bottom_buttons ion-button:hover,
.product_requirement_list .project_bottom_buttons ion-button:hover,
.project-add-deliveryorder .project_bottom_buttons ion-button:hover,
.add_requirements_page .project_bottom_buttons ion-button:hover,
.addQuotation_form .project_bottom_buttons ion-button:hover,
.employee_list .project_bottom_buttons ion-button:hover,
.project_editInvoice_page .project_bottom_buttons ion-button:hover {
  border: 0;
}
.dnl_projectDetails_page .project_table_section,
.product_requirement_list .project_table_section,
.quotation_page .project_table_section,
.add_requirements_page .project_table_section,
.addQuotation_form .project_table_section {
  margin-top: 18px;
}
table tbody tr {
  background: #fff;
  vertical-align: middle;
}
table tbody tr td {
  vertical-align: middle;
}
.quotation_date_picker {
  float: right;
  position: relative;
  z-index: 999;
}
.quotation_date_picker .date_picker .select_datePic input {
  width: 100%;
  min-width: 200px !important;
}
.quotation_date_picker ion-label {
  display: none;
}
.quotation_date_picker .date_picker .select_datePic .shown {
  left: auto !important;
  right: 0 !important;
}
.totals_sec {
  width: 100%;
}
.totals_sec .card_box .card_body {
  margin-right: 0;
  padding: 0;
}
.totals_sec .card_box .card_body.table-responsive {
  background: #fff;
  border-radius: 0;
  border: 0;
}
.totals_sec .card_box .card_body table {
  width: 100%;
}
.totals_sec .card_box .card_body table h3 {
  margin: 10px 0px;
  line-height: 28px 0px;
}
.totals_sec .card_box .card_body table td {
  border: 1px solid #cbcbcb;
  border-top: 0;
}
.totals_sec .card_box .card_body table td.right_text {
  padding-right: 30px;
}
.totals_sec .card_box .card_body table td.right_text h3 {
  font-size: 18px;
  font-weight: 600;
  text-align: right;
}
.totals_sec .card_box .card_body table td.total_amt {
  width: 157px;
  text-align: right;
  padding-right: 15px;
}
.totals_sec .card_box .card_body table td.total_amt .discount_type_style {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.totals_sec .card_box .card_body table td.total_amt .discount_type_style p {
  margin: 0;
  padding-left: 8px;
}
.totals_sec .card_box .card_body table td.total_amt.input_field {
  padding-left: 20px;
  padding-right: 15px;
}
.totals_sec .card_box .card_body table td.total_amt.input_field ion-input {
  font-weight: 600;
  background: #fff;
  border: 1px solid #cbcbcb;
  padding-right: 10px !important;
  height: 30px;
}
.totals_sec .card_box .card_body table td.total_amt p,
.totals_sec .card_box .card_body table td.total_amt span {
  font-weight: 600;
}
.totals_sec .card_box .card_body table td.discount_type {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: 80px;
  border-right: 0;
}
.totals_sec .card_box .card_body table td.discount_type h3 {
  width: 12%;
}
.totals_sec .card_box .card_body table td.discount_type ion-radio-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: 30px;
}
.totals_sec .card_box .card_body table td.discount_type ion-radio-group ion-radio {
  margin-inline-end: 12px;
}
.totals_sec .card_box .card_body table td.discount_type ion-radio-group ion-item {
  width: auto !important;
}
.totals_sec .card_box .card_body table td.discount_type h3 {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
}
.totals_sec .card_box .card_body table td ion-item {
  margin-top: 0;
  --background-activated: transparent;
  --background-focused: transparent;
  --background-hover: transparent;
}
.totals_sec .card_box .card_body table td ion-item.activated {
  --background-activated: transparent;
  --background-focused: transparent;
  --background-hover: transparent;
  background: transparent;
}
ngx-setting .page_content .footer_bottom .footer_btns {
  margin-left: 57%;
}
ngx-setting .page_content .has-error {
  background-color: #f0a6a6 !important;
}
ngx-setting .page_content .has-error ion-label {
  color: #1e1e1e;
  margin: 0 !important;
  padding: 12px 0px !important;
}
ngx-setting .page_content .has-error ion-icon {
  color: #1e1e1e;
  position: absolute;
  right: 10px;
  top: 0px;
}
.ng-dropdown-panel.extend_width {
  width: 310px !important;
}
.page_content .footer_bottom {
  text-align: center;
}
.page_content .footer_bottom.right_align {
  text-align: right;
}
.page_content .footer_bottom .footer_btns {
  margin-left: 41%;
}
.project_editInvoice_page .mtb-30 {
  margin: 16px 0px 0px !important;
}
.project_addQuotation_page .multiselect-mode .dataTable .table-responsive tr th:first-child,
.editInvoice_form .multiselect-mode .dataTable .table-responsive tr th:first-child {
  width: 44px !important;
}
.project_addQuotation_page .multiselect-mode .dataTable .table-responsive tr th.description,
.editInvoice_form .multiselect-mode .dataTable .table-responsive tr th.description {
  width: 100% !important;
}
.project_addQuotation_page .multiselect-mode .dataTable .table-responsive tr th.discount,
.editInvoice_form .multiselect-mode .dataTable .table-responsive tr th.discount {
  width: 142px !important;
}
.project_addQuotation_page .multiselect-mode .dataTable .table-responsive tr th.productCode,
.editInvoice_form .multiselect-mode .dataTable .table-responsive tr th.productCode {
  width: 160px !important;
}
.project_addQuotation_page .multiselect-mode .dataTable .table-responsive tr th.netAmount,
.editInvoice_form .multiselect-mode .dataTable .table-responsive tr th.netAmount {
  text-align: right;
}
ngx-invoice-reports .invoice_reports_page .dataTable .table-responsive tr th.invoice {
  width: 150px !important;
}
ngx-invoice-reports .invoice_reports_page .dataTable .table-responsive tr th.date {
  width: 240px !important;
}
ngx-invoice-reports .invoice_reports_page .dataTable .table-responsive tr th.amount {
  width: 180px !important;
}
ngx-invoice-reports .invoice_reports_page .dataTable .table-responsive tr th.balance {
  width: 180px !important;
}
ngx-invoice-reports .invoice_reports_page .dataTable .table-responsive tr td {
  cursor: unset;
}
ngx-invoice-reports .invoice_reports_page .dataTable .table-responsive tr td {
  cursor: unset;
}
ngx-invoice-list .dataTable.no_data_found .table-responsive tr th.status {
  width: 140px !important;
}
app-inventory-bulk-update .table_sec .project_bottom_buttons.inventory_bulk_list {
  position: absolute;
  margin: 0;
}
app-inventory-bulk-update .table_sec .project_bottom_buttons.inventory_bulk_list .form_group.select_status {
  margin-left: 18px;
}
app-inventory-bulk-update .table_sec .project_bottom_buttons.inventory_bulk_list .collect_date {
  height: 44px;
  border-radius: 5px;
  line-height: 16px;
  margin: 2px 16px;
  padding: 0px 15px;
}
app-inventory-bulk-update .table_sec .project_bottom_buttons.inventory_bulk_list .collect_date p {
  font-weight: 700;
}
app-inventory-bulk-update .table_sec .table-responsive table tr td ion-input {
  border: 1px solid #cbcbcb;
  height: 30px;
}
ngx-client-statement .dataTable .table-responsive tr th.balance {
  width: 440px !important;
  text-align: left !important;
}
ngx-client-statement .dataTable .table-responsive tr th.balance a {
  text-align: left !important;
}
ngx-client-statement .dataTable .table-responsive tr td .balance {
  text-align: left;
}
ngx-client-statement .dataTable.no_data_found .table-responsive tr th.balance {
  width: 440px !important;
}
.webmodal .ion-page {
  position: absolute !important;
}
.webmodal .ion-page::part(background) {
  --background: #f1f2f6 !important;
}
app-invoice app-project-payment-list .project_paymentList .table_sec .filter_sec .table_filter {
  margin-right: 0 !important;
}
app-project-delivery-order .table_sec .project_bottom_buttons {
  margin-top: 40px;
}
app-project-delivery-order .table_sec .addNew_btn {
  position: relative;
}
app-project-delivery-order .post_section {
  width: 100%;
  justify-content: space-between;
  margin-bottom: 18px;
}
app-project-delivery-order .post_section .po_num h3 {
  font-weight: 700;
}
app-project-delivery-order .post_section ion-item {
  --border-style: unset !important;
  --padding-start: 0;
}
app-project-delivery-order .post_section ion-item dropdown-component {
  margin-left: 30px;
}
app-project-delivery-order .post_section ion-item dropdown-component .custom_select ng-select {
  width: 200px;
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  padding-inline-start: 10px;
}
app-project-delivery-order .post_section ion-item dropdown-component .custom_select ng-select .ng-select-container {
  height: 40px;
}
.tooltip {
  position: absolute;
  right: 6px;
  top: 0;
}
.tooltip ion-icon {
  position: absolute;
  z-index: 999;
  right: 15px;
  top: 25px;
  font-size: 25px;
  color: #a8a8a8;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #222;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 7px 9px;
  position: absolute;
  z-index: 1;
  bottom: 90%;
  left: auto;
  right: 0%;
  opacity: 0;
  transition: opacity 0.3s;
  font-weight: 500;
  font-size: 12px;
}
.tooltip .tooltiptext:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 22px;
  border-width: 5px;
  border-style: solid;
  border-color: #222 transparent transparent transparent;
}
.tooltip .tooltiptext br {
  display: block !important;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.measurement_btn {
  float: right;
  margin-top: 10px;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 65%;
  margin-top: 30px;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .chart_sec {
  width: 60%;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .chart_sec ion-card {
  box-shadow: 3px 3px 12px #e3e3e3;
  padding: 15px;
  overflow: inherit;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .legend {
  width: 30%;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .legend .legend_list {
  margin: 50px 0px;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .legend .legend_list.purchase-order .head {
  background: #bee673;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .legend .legend_list.purchase-order .head span.percent_circle {
  background: #bee673;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .legend .legend_list.expenses .head {
  background: #fa5a46;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .legend .legend_list.expenses .head span.percent_circle {
  background: #fa5a46;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .legend .legend_list.profit .head {
  background: #55e1c3;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .legend .legend_list.profit .head span.percent_circle {
  background: #55e1c3;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .legend .legend_list .head {
  color: var(--ion-white-color);
  display: flex;
  height: 40px;
  position: relative;
  text-align: center;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  padding-left: 50px;
  text-transform: uppercase;
  font-weight: 700;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .legend .legend_list .head span.percent_circle {
  width: 80px;
  height: 80px;
  color: var(--ion-white-color);
  border-radius: 50%;
  position: absolute;
  top: -20px;
  left: -40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  display: block;
  line-height: 80px;
  box-shadow: 1px 1px 10px #979797;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .legend .legend_list .head span.percent_circle::after {
  border: 1px solid var(--ion-white-color);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: "";
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .legend .legend_list .amount_text {
  border: 1px solid #cccccc;
  width: 100%;
  height: 70px;
  text-align: center;
  line-height: 70px;
}
app-project-profit-loss .page_content.project-profit-loss .chart_parent .legend .legend_list .amount_text p {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.code,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th.code,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.code,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.code,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.code {
  width: 160px !important;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.uom,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th.uom,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.uom,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.uom,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.uom {
  width: 100px !important;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.description,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th.description,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.description,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.description,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.description {
  width: 440px !important;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.qty,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th.qty,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.qty,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.qty,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.qty {
  width: 120px !important;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.price,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th.price,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.price,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.price,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.price {
  width: 150px !important;
  text-align: right;
}
.dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.productName,
.product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th.productName,
.quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.productName,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.productName,
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.productName {
  width: 350px !important;
}
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr td .ng-select,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr td .ng-select {
  padding: 0 0px 0px 10px;
  border: 1px solid #d6d6d6;
  margin-bottom: 8px;
  border-radius: 4px;
  background: #fff;
}
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr td .ng-select .ng-placeholder,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr td .ng-select .ng-placeholder {
  font-size: 14px;
}
.project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.productName,
.project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.productName {
  width: 250px !important;
}
app-project-invoice-list .dataTable table th.client,
app-project-payment-list .dataTable table th.client {
  width: 100% !important;
}
app-project-invoice-list .dataTable table th.amount .ng2-smart-title,
app-project-invoice-list .dataTable table th.balance .ng2-smart-title,
app-project-invoice-list .dataTable table th.discount .ng2-smart-title,
app-project-invoice-list .dataTable table th.grandTotal .ng2-smart-title,
app-project-invoice-list .dataTable table th.totalAmount .ng2-smart-title,
app-project-payment-list .dataTable table th.amount .ng2-smart-title,
app-project-payment-list .dataTable table th.balance .ng2-smart-title,
app-project-payment-list .dataTable table th.discount .ng2-smart-title,
app-project-payment-list .dataTable table th.grandTotal .ng2-smart-title,
app-project-payment-list .dataTable table th.totalAmount .ng2-smart-title {
  text-align: right;
}
app-calender-grid {
  background: #fff;
  display: block;
  width: 100%;
  height: 100%;
  padding: 25px 0px 0px;
  border-radius: 15px;
}
app-calender-grid .calendar_data {
  position: relative;
}
app-calender-grid .calendar_data .d_flex {
  justify-content: space-between;
  margin-bottom: 30px !important;
}
app-calender-grid .calendar_data .appointment_month {
  width: 52%;
  text-align: right;
}
app-calender-grid .calendar_data .appointment_month h3 {
  font-weight: bold;
  margin-bottom: 0;
}
app-calender-grid .calendar_data .btn-group {
  position: absolute;
  right: 30px;
}
app-calender-grid .calendar_data .btn-group ion-button {
  width: 150px !important;
  position: relative;
}
app-calender-grid .calendar_data .btn-group ion-button span {
  color: var(--ion-white-color);
}
app-calender-grid .calendar_data .btn-group ion-button.prev_btn::part(native) {
  --border-radius: 4px 0px 0px 4px;
}
app-calender-grid .calendar_data .btn-group ion-button.prev_btn ion-icon {
  position: absolute;
  left: 0;
}
app-calender-grid .calendar_data .btn-group ion-button.today_btn {
  margin: 0px 1px;
}
app-calender-grid .calendar_data .btn-group ion-button.today_btn::part(native) {
  --border-radius: 0;
}
app-calender-grid .calendar_data .btn-group ion-button.next_btn::part(native) {
  --border-radius: 0px 4px 4px 0px;
}
app-calender-grid .calendar_data .btn-group ion-button.next_btn ion-icon {
  position: absolute;
  right: 0;
}
app-calender-grid .custom_calendar .cal-cell.cal-day-cell {
  min-height: 222px !important;
  width: 222px;
  max-height: 222px;
  overflow: auto;
}
app-calender-grid .custom_calendar .cal-cell.cal-day-cell.cal-today {
  background-color: transparent;
  border: 2px solid var(--ion-theme-red-color);
}
app-calender-grid .custom_calendar .cal-cell.cal-day-cell.cal-today .cal-day-number {
  font-size: 30px;
  font-weight: bold;
  color: #000;
  opacity: 1;
}
app-calender-grid .custom_calendar .cal-cell.cal-day-cell.cal-past .cal-day-number {
  font-size: 30px;
  font-weight: bold;
  opacity: 0.2;
}
app-calender-grid .custom_calendar .cal-cell.cal-day-cell.cal-future .cal-day-number {
  font-size: 30px;
  font-weight: bold;
  color: #000;
  opacity: 1;
}
app-calender-grid .custom_calendar .cal-cell.cal-has-events .notes_info {
  height: 30px;
  margin: 5px 3px;
  display: block;
}
app-calender-grid .custom_calendar .cal-cell.cal-has-events .notes_info .notes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  align-items: center;
  border-radius: 6px;
}
app-calender-grid .custom_calendar .cal-cell.cal-has-events .notes_info .notes p {
  color: #fff;
  margin: 0;
  font-size: 13px;
  position: relative;
  display: inline-grid;
  padding-inline-start: 20px;
  width: 87%;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
app-calender-grid .custom_calendar .cal-cell.cal-has-events .notes_info .notes p::after {
  background: #fff;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: block;
  position: absolute;
  content: "";
  top: 6px;
  left: 5px;
}
app-calender-grid .custom_calendar .cal-cell.cal-has-events .notes_info .notes div {
  width: 20px;
  height: 20px;
}
app-calender-grid .custom_calendar .cal-cell.cal-has-events .notes_info .notes div ion-icon {
  fill: #fff !important;
  cursor: pointer;
}
app-calender-grid .custom_calendar .cal-cell.cal-has-events .notes_info .notes div ion-icon svg {
  fill: #fff !important;
}
ion-modal app-appointments-by-date-modal {
  overflow: auto !important;
}
ion-modal app-appointments-by-date-modal .app_edit_modal .date_column {
  background: #3aa949;
  color: #fff;
  padding: 30px 60px;
  font-weight: 700;
}
ion-modal app-appointments-by-date-modal .app_edit_modal .appointment_lists {
  background: #fff;
}
ion-modal app-appointments-by-date-modal .app_edit_modal .appointment_lists:nth-child(odd) {
  background: #ebf6fe;
}
ion-modal app-appointments-by-date-modal .app_edit_modal .appointment_lists .appointment_modal_details {
  padding: 10px 60px;
}
ion-modal app-appointments-by-date-modal .app_edit_modal .appointment_lists .appointment_modal_details ion-row ion-col span.companyName {
  font-weight: 600;
}
ion-modal app-appointments-by-date-modal .app_edit_modal .appointment_lists .appointment_modal_details ion-row ion-col span.companyName ion-icon {
  margin-left: 10px;
  cursor: pointer;
}
ion-modal app-appointments-by-date-modal .app_edit_modal .appointment_lists .appointment_modal_details ion-row ion-col span.app_time {
  font-weight: 600;
}
ion-modal app-appointments-by-date-modal .app_edit_modal .appointment_lists .appointment_modal_details ion-row ion-col:last-child {
  text-align: right;
}
ion-modal app-appointments-by-date-modal .close_btn {
  position: absolute;
  top: 30px;
  right: 60px;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  z-index: 999;
}
ion-popover.color_popover {
  --width: 514px;
  --offset-x: -25px;
}
ion-popover.color_popover ion-col p {
  width: 20px;
  height: 20px;
  margin: 0 auto;
  cursor: pointer;
}
ion-popover.color_popover ion-row {
  padding: 20px;
}
ion-popover.color_popover button {
  background: rgb(255, 0, 0);
  background:
    linear-gradient(
      90deg,
      rgb(255, 0, 0) 0%,
      rgb(2, 165, 40) 50%,
      rgb(0, 111, 255) 100%);
  width: 100%;
  height: 32px;
  display: block;
  position: relative;
}
ion-popover.color_popover button input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  height: 32px;
  background: transparent;
  border: 0;
  opacity: 0;
  cursor: pointer;
}
ion-popover.color_popover .more_color_btn {
  position: absolute;
  visibility: hidden;
  height: 0;
  top: 0;
}
app-color-view span.round {
  margin-left: 10px;
}
app-color-view span.round:empty {
  display: none;
}
ngx-appointment-list .dnl_projectDetails_page .form_group.search_bar {
  width: auto !important;
}
.dnl_projectDetails_page .project_bottom_buttons {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.dnl_projectDetails_page .calendar_btn {
  margin-left: 15px;
  float: right;
}
.dnl_projectDetails_page .form_group.search_bar {
  width: 18%;
  margin-left: auto;
}
.dnl_projectDetails_page .form_group.search_bar .search_input ion-searchbar {
  width: 90%;
  float: right;
  margin-right: 0;
  padding: 0;
  border-radius: 5px;
  --box-shadow: unset;
}
.dnl_projectDetails_page .form_group.search_bar .search_input ion-searchbar input {
  padding-inline-start: 10px;
  padding-inline-end: 30px;
  border: 1px solid #cbcbcb;
  border-radius: 6px;
}
.dnl_projectDetails_page .form_group.search_bar .search_input ion-searchbar ion-icon {
  left: auto;
  right: 10px;
}
.dnl_projectDetails_page .form_group.search_bar .search_input ion-searchbar .searchbar-clear-button {
  background: #fff;
  height: 42px;
  top: 1px;
  right: 9px;
}
.dnl_projectDetails_page .form_group.search_bar .search_input .button-holder {
  visibility: hidden;
}
.dnl_projectDetails_page .appointments_table .view_detailTable ng2-smart-table .custom-smart-table table thead tr:first-child th.month.drp-animate {
  border: 0 !important;
}
.dnl_projectDetails_page .dataTable .table-responsive table tr td ion-input {
  border: 1px solid #cbcbcb;
}
.dnl_projectDetails_page .dataTable .table-responsive table tr td ion-textarea {
  border: 1px solid #cbcbcb;
  margin-top: 0;
  padding: 0 8px;
  --padding-start: 0;
  background: #fff;
}
.dnl_projectDetails_page .date_picker .select_datePic .shown {
  top: auto !important;
  left: auto !important;
  right: 0 !important;
  z-index: 9999;
  contain: content;
  position: absolute;
}
.dataTable .table-responsive {
  overflow-y: hidden;
}
.dataTable .drops-down-auto {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}
.dataTable .calendar-table table {
  table-layout: unset;
}
.dataTable .calendar-table table th {
  height: auto !important;
}
.dataTable .calendar-table table th:last-child {
  width: auto !important;
}
.dataTable .calendar-table table td {
  width: unset !important;
  border-collapse: collapse;
  text-align: center !important;
  border: 0;
  font-size: 14px;
  font-weight: 400 !important;
}
.dataTable .calendar-table table td.active {
  color: #fff !important;
}
.dataTable .calendar-table table tr.week-days {
  background: #fff;
}
.dataTable .calendar-table table tr.week-days th {
  background: #fff !important;
}
app-delivery-order .filter_sec,
app-user-all .filter_sec {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 70%;
  position: absolute;
  z-index: 1;
  margin-top: 20px;
}
app-delivery-order .filter_sec dropdown-component,
app-user-all .filter_sec dropdown-component {
  width: 200px;
  margin-right: 17px;
}
app-delivery-order .filter_sec dropdown-component .ng-select,
app-user-all .filter_sec dropdown-component .ng-select {
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  margin-right: 0px;
  padding: 0px 10px;
  height: 44px;
}
app-delivery-order .filter_sec dropdown-component .ng-select .ng-select-container,
app-user-all .filter_sec dropdown-component .ng-select .ng-select-container {
  min-height: 44px;
}
app-delivery-order .filter_sec .clear_btn,
app-user-all .filter_sec .clear_btn {
  width: 200px;
}
app-delivery-order .table_sec .filter_sec,
app-user-all .table_sec .filter_sec {
  position: unset;
  width: auto;
}
app-user-all .dataTable .table-responsive tr th.isActive {
  width: 150px !important;
}
app-user-all .dataTable .table-responsive tr th.userListAction {
  width: 270px !important;
}
app-user-all .dataTable .table-responsive tr td .table_view .user_action {
  margin: 0px 3px !important;
  display: inline-block;
}
app-user-all .dataTable .table-responsive tr td .username-with-role {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
app-user-all .dataTable .table-responsive tr td .username-with-role .link_blue {
  color: var(--ion-theme-blue-color);
  font-size: 16px;
}
app-user-all .dataTable .table-responsive tr td .username-with-role span {
  color: #fff;
  padding: 3px 0px;
  border-radius: 20px;
  font-size: 13px;
}
app-user-all .dataTable .table-responsive tr td .username-with-role .admin {
  background: #3aa949;
  padding: 3px 15px;
}
app-user-all .dataTable .table-responsive tr td .username-with-role .master_admin {
  background: #e1b94c;
  padding: 3px 15px;
}
app-user-all .dataTable .table-responsive tr td .username-with-role .super_admin {
  background: var(--ion-theme-blue-color);
  padding: 3px 15px;
}
app-user-all .dataTable .table-responsive tr td .username-with-role .contractor {
  background: rgb(181, 181, 181);
  padding: 3px 15px;
}
app-user-all .table_sec h3 {
  position: absolute;
  left: 0;
  font-weight: 700;
  margin: 10px 0px;
}
app-user-all .table_sec .filter_sec {
  margin-top: 0;
}
app-user-all .table_sec .table_filter .filter_item {
  align-items: flex-start !important;
}
app-user-all .applied-manage-column .dataTable .table-responsive tr th.isActive {
  width: 150px !important;
}
app-user-all .applied-manage-column .dataTable .table-responsive tr th.userListAction {
  width: 270px !important;
}
ngx-inventory .app_inventory_list .dataTable .table-responsive tr th.supplier_list {
  width: 250px !important;
}
ngx-inventory .app_inventory_list .dataTable .table-responsive tr th.totalOrder {
  width: 188px !important;
}
ngx-inventory .app_inventory_list .dataTable .table-responsive td.supplier_list .suppliers_count {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
ngx-inventory .app_inventory_list .dataTable .table-responsive td.supplier_list .suppliers_count ion-icon {
  margin-left: 15px;
}
app-inventory-list .dataTable table tr.supplier_list_row td {
  border: 0 !important;
  background: #e7e7e7;
  padding: 6px 9px !important;
}
app-inventory-list .dataTable table tr.supplier_list_row td .length_text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  max-height: unset;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
app-inventory-history .dataTable .table-responsive tr th.createdBy,
app-inventory-history .dataTable .table-responsive tr th.createdAt,
app-inventory-history .dataTable .table-responsive tr th.qty {
  width: 200px !important;
}
app-inventory-history .dataTable .table-responsive tr th.purchaseOrder,
app-inventory-history .dataTable .table-responsive tr th.doNo,
app-inventory-history .dataTable .table-responsive tr th.qty {
  width: 120px !important;
}
app-inventory-history .dataTable .table-responsive tr th.supplierDoNo {
  width: 220px !important;
}
app-inventory-history .dataTable .table-responsive tr th.remarks {
  width: 100% !important;
  text-align: left !important;
}
app-inventory-history .dataTable .table-responsive tr th.endingQty {
  width: 180px !important;
}
app-inventory-history .dataTable .table-responsive tr th.deliveryOrder {
  width: 120px !important;
}
app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.createdBy,
app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.createdAt,
app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.qty {
  width: 200px !important;
}
app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.purchaseOrder,
app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.supplierDoNo {
  width: 300px !important;
}
app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.remarks {
  width: 100% !important;
}
ion-modal app-user-new form ion-item ngx-c-radio-component {
  width: 74%;
}
ion-modal app-user-new form ion-item ngx-c-radio-component ion-radio-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
ion-modal app-user-new form ion-item ngx-c-radio-component ion-radio-group ion-item {
  width: auto !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
ion-modal app-user-new form ion-item ngx-c-radio-component ion-radio-group ion-item ion-radio {
  margin: 0px 6px 0px 0px;
  width: 20px;
  height: 20px;
}
ion-modal app-user-new form ion-item ngx-c-radio-component ion-radio-group ion-item ion-radio.radio-checked {
  --ion-color-base: var(--ion-theme-red-color) !important;
}
ion-modal app-user-new form ion-item ngx-c-radio-component ion-radio-group ion-item ion-label {
  width: 85%;
}
ion-modal app-user-new form ion-item .sub_content {
  width: 74%;
}
ion-modal app-user-new form ion-item .sub_content.d_flex {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
ion-modal app-user-new form ion-item .sub_content.d_flex .left,
ion-modal app-user-new form ion-item .sub_content.d_flex .right {
  width: 48%;
}
ion-modal app-user-new form ion-item .sub_content.d_flex .left .valid-msg .form-con-errors .form-con-errors .hide-err,
ion-modal app-user-new form ion-item .sub_content.d_flex .right .valid-msg .form-con-errors .form-con-errors .hide-err {
  left: 5px;
  bottom: 3px;
}
ion-modal app-user-new form ion-item .status ion-radio-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
ion-modal app-user-new form ion-item .status ion-radio-group ion-item {
  margin-right: 30px;
}
ion-modal app-user-new form ion-item:hover {
  --background: transparent;
  --background-activated: transparent !important;
  --background-focused: transparent !important;
  --background-hover: transparent !important;
}
ion-modal app-user-new form .full_section .ion-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  min-height: auto !important;
  padding: 0 35px;
}
ion-modal app-user-new form .full_section .ion-list .main_parent {
  width: 33%;
  --min-height: auto !important;
}
ion-modal app-user-new form .full_section .ion-list .main_parent .parent {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: rgba(235, 235, 235, 0.9019607843);
  margin-left: -35px;
  padding-left: 35px;
  margin-right: -42px;
  min-height: 42px;
  margin-bottom: 6px;
}
ion-modal app-user-new form .full_section .ion-list .main_parent .parent ion-item {
  --min-height: 30px;
}
ion-modal app-user-new form .full_section .ion-list .main_parent .parent ion-item.item-has-value.ion-touched {
  border: none !important;
}
ion-modal app-user-new form .full_section .ion-list .main_parent .parent ion-label {
  width: auto;
  font-weight: 700 !important;
}
ion-modal app-user-new form .full_section .ion-list .main_parent .children {
  margin: 0px 0px 15px 30px;
}
ion-modal app-user-new form .full_section .ion-list .main_parent .children ion-item {
  --min-height: 30px;
}
ion-modal app-user-new form .full_section .ion-list .main_parent .children ion-item.item-has-value.ion-touched {
  border: none !important;
}
ion-modal app-user-new form .full_section .ion-list .main_parent .children ion-item .child-item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
}
ion-modal app-user-new form .full_section .ion-list .main_parent .children ion-item .child-item ion-checkbox {
  margin: 3px 10px 5px 0px;
}
ion-modal app-user-new form .full_section .ion-list .main_parent .children ion-item .child-item ion-label {
  width: 80%;
  text-overflow: unset;
  white-space: break-spaces;
}
ion-modal app-user-new form .full_section .ion-list .main_parent .no-children ion-item {
  --min-height: 30px;
  border: unset;
}
ion-modal app-user-new form .full_section .ion-list .main_parent .no-children ion-item ion-label {
  width: 100%;
  margin: 0;
}
ion-modal app-user-new form .full_section .form_group {
  display: unset !important;
}
ion-modal app-user-new form .full_section .valid-msg .hide-err {
  left: 0 !important;
}
ion-modal app-user-new form .full_section .high_label {
  width: 100% !important;
  background: #e7e7e7;
  padding: 10px 35px;
  font-weight: 700 !important;
  border-bottom: 2px solid #d2d2d2;
  margin-bottom: 6px;
}
ion-modal app-user-new form .full_section .mb-0 {
  margin-bottom: 0;
}
ion-modal app-user-new form .send_notification {
  display: unset !important;
}
ion-modal app-user-new form .send_notification ion-checkbox {
  margin-right: 10px;
  background: transparent;
  --background-checked: transparent;
  --border-color-checked: rgba( var(--ion-text-color-rgb, 0, 0, 0), 0.51 );
  --checkmark-color: var(--ion-theme-red-color) !important;
}
ion-modal app-user-new form .send_notification ion-checkbox svg::part(mark) {
  stroke: var(--ion-theme-red-color) !important;
}
ion-modal app-user-new form .send_notification .parent {
  background: transparent !important;
}
app-appointment .dataTable .table-responsive tr th.deleteIcon {
  width: 80px !important;
}
app-appointment .dataTable .table-responsive tr th.appointmentTime {
  width: 120px !important;
}
app-appointment .dataTable .table-responsive tr th.productCategory {
  width: 250px !important;
}
app-appointment .dataTable .table-responsive tr th.appointmentDate {
  width: 200px !important;
}
app-appointment .dataTable .table-responsive tr td ion-icon.delete {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #707070;
}
app-appointment .dataTable .table-responsive tr td ng-select {
  border: 1px solid #cbcbcb;
  height: 48px;
  padding-inline-start: 10px;
}
app-appointment .dataTable .table-responsive tr td ng-select .ng-select-container {
  height: 48px;
}
app-appointment .dataTable .table-responsive tr td ion-input {
  border: 1px solid #cbcbcb;
  height: 48px;
  padding-left: 8px !important;
  --padding-start: 0;
}
app-appointment .dataTable .table-responsive tr td .date_picker .select_datePic {
  border-radius: 0;
}
app-appointment .dataTable .table-responsive tr td .date_picker .select_datePic input {
  border-radius: 0;
  height: 46px;
  min-width: 150px;
}
ngx-appointment-list ng2-smart-table .custom-smart-table table tbody tr.row-today {
  background-color: #f2c2bd !important;
}
a24-filepond {
  position: relative;
  display: block;
  width: 110px;
}
a24-filepond .filepond--root .filepond--drop-label {
  background: #cbcbcb;
  width: 110px;
  height: 80px !important;
  border-radius: 10px;
}
a24-filepond .filepond--root .filepond--drop-label label {
  display: none;
}
a24-filepond ion-icon.camera_icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 46px;
  z-index: 999;
  display: block;
  background: #cbcbcb;
  color: #d2d2d2;
  margin: auto;
  cursor: pointer;
}
.card_box .project-info .userAction {
  flex-wrap: wrap;
}
ngx-employee-list .table_sec .dataTable .table-responsive table th.address {
  width: 240px !important;
}
ngx-employee-list .table_sec .dataTable .table-responsive table th.nation {
  width: 140px !important;
}
ngx-employee-list .table_sec .dataTable .table-responsive table th.name {
  width: 175px !important;
}
ngx-employee-list .table_sec .dataTable .table-responsive table th.email {
  width: 160px !important;
}
ngx-employee-list .table_sec .dataTable .table-responsive table th.mobileNo {
  width: 140px !important;
}
ngx-employee-list .table_sec .dataTable .table-responsive table th.jobTitle {
  width: 155px !important;
}
ngx-employee-list .table_sec .dataTable .table-responsive table th.idNo {
  width: 90px !important;
}
ngx-employee-list .table_sec .dataTable .table-responsive table th.isRegisteredUserDT {
  width: 180px !important;
}
ngx-employee-list .table_sec .dataTable .table-responsive table th.remark {
  width: 120px !important;
}
ngx-employee-list .table_sec .dataTable .table-responsive table th.joinDate {
  width: 115px !important;
}
app-project-add-purchase-order .view_detailTable .dataTable .table-responsive table th.productId {
  width: 140px !important;
}
app-project-add-purchase-order .view_detailTable .dataTable .table-responsive table th.code {
  width: 90px !important;
}
app-project-add-purchase-order .view_detailTable .dataTable .table-responsive table th.projectDetails {
  width: 180px !important;
}
app-project-add-purchase-order .view_detailTable .dataTable .table-responsive table th.supplierDoNum {
  width: 145px !important;
}
ngx-supplier-list .table_sec .filter_sec .table_filter .filter_item .select_status .custom_select ng-select,
ngx-company-list .table_sec .filter_sec .table_filter .filter_item .select_status .custom_select ng-select,
ngx-client-list .table_sec .filter_sec .table_filter .filter_item .select_status .custom_select ng-select,
ngx-warehouse-list .table_sec .filter_sec .table_filter .filter_item .select_status .custom_select ng-select {
  width: 250px;
}
ngx-project-order-list .empty_table .view_detailTable ng2-smart-table .custom-smart-table table tbody tr td {
  text-align: center !important;
}
@media only screen and (max-width: 3840px) and (min-width: 1960px) {
  .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location ion-card .location_container ngx-chartjs {
    width: 50% !important;
    position: relative !important;
  }
}
@media only screen and (max-width: 1910px) {
  .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location ion-card .location_container ngx-chartjs {
    width: 56% !important;
    position: absolute !important;
  }
  .company_profile_page ion-list.list-lines-none {
    background: transparent;
    width: 91%;
    padding: 0px 0px;
  }
}
@media only screen and (max-width: 1768px) {
  ngx-quotation-list .payment_page .view_detailTable .dataTable .table-responsive table thead tr th.jobSite {
    width: 100% !important;
  }
  ngx-setting ion-list .main_row_sec .main_col ion-item .form_group a24-input {
    width: 100%;
  }
  ngx-setting ion-list .main_row_sec .main_col ion-item .form_group.gst .percentage {
    top: 44px;
  }
  app-pagination-length div {
    right: 50%;
    bottom: 5px !important;
  }
  ng2-smart-table .custom-smart-table .top-pagination .pagination-bottom {
    bottom: -75px !important;
    right: 8% !important;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_left {
    width: 22%;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_left img {
    width: auto;
    height: 42px;
  }
}
@media only screen and (max-width: 1680px) {
  ngx-project-quotation-list .view_detailTable .dataTable table {
    table-layout: fixed !important;
  }
  ngx-project-quotation-list .view_detailTable .dataTable table th {
    width: 100% !important;
  }
  ngx-project-quotation-list .view_detailTable .dataTable table th.clientName {
    width: 120px !important;
  }
  ngx-project-quotation-list .view_detailTable .dataTable table th.quotationNo {
    width: 165px !important;
  }
  .company_profile_page ion-list .main_row_sec .main_col.company_logo_sec ion-row .product_label {
    padding-top: 0;
  }
  .company_profile_page ion-list .main_row_sec .main_col.company_logo_sec ion-item .company_logo img {
    width: 130px;
    height: 130px;
  }
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group.contact_no a24-input {
    width: 53%;
  }
  ion-modal.webmodal ngx-add-employee .addUpdate_modal .modal_body ion-list,
  ion-modal.webmodal ngx-add-client .addUpdate_modal .modal_body ion-list {
    padding: 0 0 100px !important;
  }
  .project_addPurchaseOrder_page .table-responsive table th.productCode {
    width: 150px !important;
  }
  .project_addPurchaseOrder_page .table-responsive table th.page {
    width: 150px !important;
  }
  app-add-requirements .page_content ion-header.site_header.sub_title {
    width: 84% !important;
  }
  .company_profile_page ion-list .main_row_sec .main_col ion-row .field ion-item ion-textarea .textarea-wrapper textarea {
    min-height: 90px;
    height: 90px;
  }
  .project_addQuotation_page .table_sec {
    overflow-x: auto;
    margin-top: 0;
  }
  .project_addQuotation_page .table_sec .quotation_date_picker {
    margin-top: 15px;
  }
  .project_addQuotation_page .totals_sec .card_box .card_body table td.total_amt {
    width: 154px;
  }
  .project_addQuotation_page .addQuotation_form .project_bottom_buttons {
    width: 50%;
  }
  .project_table_section .project_bottom_buttons {
    width: 56%;
  }
  ngx-project .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar {
    width: 150px !important;
  }
  ngx-project ngx-project-list .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .add_new_btn {
    width: auto !important;
  }
  ngx-project ngx-project-list .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar {
    width: auto !important;
    margin-bottom: 20px !important;
  }
  ngx-project ngx-project-list .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar .search_input ion-searchbar {
    width: 250px !important;
  }
  ngx-project ngx-project-list .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar .search_input ion-searchbar input {
    width: 100% !important;
  }
  .project_list_page .table_sec .filter_sec .table_filter {
    width: 100%;
  }
  .project_list_page .table_sec .filter_sec .table_filter .filter_item {
    width: 100%;
    justify-content: flex-start;
  }
  .home_dashboard .section_overview ion-card .appointment_overview .app_list p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .project-profit-loss .section_overview ion-card .appointment_overview .app_list p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  ngx-company-list .page_content_wrapper .table-responsive table tr th.telNo {
    width: 180px !important;
  }
  app-project-add-delivery-order .page_content_wrapper .table-responsive table tr th.product {
    width: 200px !important;
  }
  app-project-add-delivery-order .page_content_wrapper .table-responsive table tr th.description {
    width: 300px !important;
  }
  app-project-add-delivery-order .page_content_wrapper .table-responsive table tr th.qty {
    width: 120px !important;
  }
  app-project-add-delivery-order .page_content_wrapper .table-responsive table tr th.deliveredQty {
    width: 180px !important;
  }
  app-project-add-delivery-order .page_content_wrapper .table-responsive table tr th.remarks {
    width: 200px !important;
  }
  app-delivery-order .page_content_wrapper .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar {
    width: 240px;
  }
  app-delivery-order .page_content_wrapper .table-responsive table tr th.supplierName {
    width: 280px !important;
  }
  app-project-expense .page_content_wrapper .table-responsive table tr th.no {
    width: 150px !important;
  }
  app-project-expense .page_content_wrapper .table-responsive table tr th.payTo {
    width: 200px !important;
  }
  app-project-expense .page_content_wrapper .table-responsive table tr th.remarks {
    width: 200px !important;
  }
  app-project-expense .page_content_wrapper .table-responsive table tr th.downloadVoucher {
    width: 260px !important;
  }
  app-project-expense .page_content_wrapper .table-responsive table tr th.name {
    width: 180px !important;
  }
  app-project-expense .page_content_wrapper .table-responsive table tr th.paymentType {
    width: 180px !important;
  }
  ngx-inventory .app_inventory_list .dataTable .table-responsive tr th.supplier_list {
    width: 250px !important;
  }
  ngx-inventory .app_inventory_list .dataTable .table-responsive tr th.category {
    width: 200px !important;
  }
  ngx-inventory .app_inventory_list .dataTable .table-responsive tr th.code {
    width: 180px !important;
  }
  ngx-inventory .app_inventory_list .dataTable .table-responsive tr th.total_order,
  ngx-inventory .app_inventory_list .dataTable .table-responsive tr th.currentStock,
  ngx-inventory .app_inventory_list .dataTable .table-responsive tr th.totalReserved,
  ngx-inventory .app_inventory_list .dataTable .table-responsive tr th.totalAvailable {
    width: 160px !important;
  }
  ngx-inventory .app_inventory_list .dataTable .table-responsive td.supplier_list .suppliers_count {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  ngx-inventory .app_inventory_list .dataTable .table-responsive td.supplier_list .suppliers_count ion-icon {
    margin-left: 15px;
  }
  app-inventory-history .dataTable .table-responsive tr th.createdBy,
  app-inventory-history .dataTable .table-responsive tr th.createdAt,
  app-inventory-history .dataTable .table-responsive tr th.qty {
    width: 200px !important;
  }
  app-inventory-history .dataTable .table-responsive tr th.purchaseOrder,
  app-inventory-history .dataTable .table-responsive tr th.doNo,
  app-inventory-history .dataTable .table-responsive tr th.qty {
    width: 120px !important;
  }
  app-inventory-history .dataTable .table-responsive tr th.supplierDoNo {
    width: 220px !important;
  }
  app-inventory-history .dataTable .table-responsive tr th.remarks {
    width: 250px !important;
    text-align: left !important;
  }
  app-inventory-history .dataTable .table-responsive tr th.endingQty {
    width: 180px !important;
  }
  app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.createdBy,
  app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.createdAt,
  app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.qty {
    width: 200px !important;
  }
  app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.purchaseOrder,
  app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.doNo,
  app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.qty {
    width: 120px !important;
  }
  app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.supplierDoNo {
    width: 220px !important;
  }
  app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.endingQty {
    width: 180px !important;
  }
  app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.remarks {
    width: 100% !important;
  }
  app-appointment .dataTable .table-responsive tr th.employeeName {
    width: 250px !important;
  }
  .project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr td .ng-select {
    padding: 0 0px 0px 10px;
    border: 1px solid #d6d6d6;
    margin-bottom: 8px;
    border-radius: 4px;
    background: #fff;
  }
  .project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr td .ng-select .ng-placeholder {
    font-size: 14px;
  }
  .project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.productName {
    width: 250px !important;
  }
  .project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.discount {
    width: 140px !important;
  }
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .contact_field a24-input {
    width: 70%;
  }
  ngx-project app-project-add-quotation .table-responsive {
    overflow-x: unset !important;
  }
  app-purchase-order-bulk-update .page_content_wrapper .table-responsive table tr th.supplierDoNum {
    width: 300px !important;
    text-align: left !important;
  }
  app-inventory-bulk-update .table_sec .project_bottom_buttons.inventory_bulk_list {
    position: absolute;
    margin: 0;
    width: 100%;
    z-index: 0;
  }
  app-inventory-bulk-update .table_sec .project_bottom_buttons.inventory_bulk_list .form_group.select_status {
    margin-left: 18px;
  }
  app-inventory-bulk-update .table_sec .table-responsive table tr th.productCode,
  app-inventory-bulk-update .table_sec .table-responsive table tr th.remarks {
    width: 180px !important;
  }
  app-inventory-bulk-update .table_sec .table-responsive table tr th.purchaseOrderNumber,
  app-inventory-bulk-update .table_sec .table-responsive table tr th.collectDate {
    width: 150px !important;
  }
  app-inventory-bulk-update .table_sec .table-responsive table tr th.productCategory,
  app-inventory-bulk-update .table_sec .table-responsive table tr th.orderQty2,
  app-inventory-bulk-update .table_sec .table-responsive table tr th.supplierDeliveryOrderNumber {
    width: 200px !important;
  }
  app-inventory-bulk-update .table_sec .table-responsive table tr th.productQty {
    width: 120px !important;
  }
  app-inventory-bulk-update .table_sec .table-responsive table tr th.orderQty {
    width: 120px !important;
  }
  app-inventory-history .applied-manage-column .dataTable .table-responsive tr th.remarks {
    width: 200px !important;
  }
  app-project-expense .page_content_wrapper,
  app-expense .page_content_wrapper {
    margin-top: 20px;
  }
  app-project-expense .page_content_wrapper .table-responsive table tr th.no,
  app-expense .page_content_wrapper .table-responsive table tr th.no {
    width: 150px !important;
  }
  app-project-expense .page_content_wrapper .table-responsive table tr th.name,
  app-expense .page_content_wrapper .table-responsive table tr th.name {
    width: 200px !important;
  }
  app-project-expense .page_content_wrapper .table-responsive table tr th.payTo,
  app-project-expense .page_content_wrapper .table-responsive table tr th.paymentType,
  app-expense .page_content_wrapper .table-responsive table tr th.payTo,
  app-expense .page_content_wrapper .table-responsive table tr th.paymentType {
    width: 200px !important;
  }
  app-project-expense .page_content_wrapper .table-responsive table tr th.remarks,
  app-expense .page_content_wrapper .table-responsive table tr th.remarks {
    width: 200px !important;
  }
  app-project-expense .page_content_wrapper .table-responsive table tr th.downloadVoucher,
  app-expense .page_content_wrapper .table-responsive table tr th.downloadVoucher {
    width: 260px !important;
  }
  app-project-expense .page_content_wrapper.applied-manage-column .table-responsive table tr th.downloadVoucher,
  app-expense .page_content_wrapper.applied-manage-column .table-responsive table tr th.downloadVoucher {
    width: 260px !important;
    text-align: center;
  }
  app-project-expense .page_content_wrapper.applied-manage-column .table-responsive table tr th.no,
  app-expense .page_content_wrapper.applied-manage-column .table-responsive table tr th.no {
    width: 150px !important;
  }
  .company_profile_page ion-list.list-lines-none {
    width: 100%;
    padding: 0px 20px !important;
  }
  .company_profile_page ion-list.list-lines-none .product_label ion-label {
    font-size: 14px;
  }
  .company_profile_page ion-list.list-lines-none .logo_field .upload_logo input {
    text-indent: -102px;
  }
  .table_sec .addNew_btn .btn {
    width: auto !important;
  }
  .addUpdate_modal .show_datePicker.date_picker .form_group {
    padding: 12px 0px;
  }
  app-delivery-order .view_detailTable .table-responsive table tr th.no {
    width: 110px !important;
  }
  app-delivery-order .view_detailTable .table-responsive table tr th.doNo {
    width: 140px !important;
  }
  app-delivery-order .view_detailTable .table-responsive table tr th.deliveryDate {
    width: 140px !important;
  }
  .project_table_section .project_bottom_buttons.style_2 .filter_item .form_group.select_status {
    margin-left: 30px;
  }
  .webmodal .addUpdate_modal .modal_body ion-list .field .valid-msg .hide-err {
    left: 165px;
  }
  .webmodal .addUpdate_modal .modal_footer {
    padding: 16px 40px;
  }
  ngx-project-purchase-order-list .view_detailTable .dataTable table th.poNum {
    width: 160px !important;
  }
  ngx-project-purchase-order-list .view_detailTable .dataTable table th.faxedDate {
    width: 145px !important;
  }
  ngx-project-purchase-order-list .view_detailTable .dataTable table th.collectDate,
  ngx-project-purchase-order-list .view_detailTable .dataTable table th.receivedDate {
    width: 160px !important;
  }
  ngx-project-purchase-order-list .view_detailTable .dataTable table th.downloadPOAndRestore {
    width: 230px !important;
  }
  ngx-project-purchase-order-list .view_detailTable .dataTable table th.inventoryStatusText,
  ngx-project-purchase-order-list .view_detailTable .dataTable table th.deliveryOrderStatusText {
    width: 175px !important;
  }
  ngx-project-purchase-order-list .applied-manage-column .view_detailTable .dataTable table th.poNum {
    width: 160px !important;
  }
  ngx-project-purchase-order-list .applied-manage-column .view_detailTable .dataTable table th.supplier {
    width: 250px !important;
  }
  ngx-project-purchase-order-list .applied-manage-column .view_detailTable .dataTable table th.faxedDate {
    width: 145px !important;
  }
  ngx-project-purchase-order-list .applied-manage-column .view_detailTable .dataTable table th.collectDate,
  ngx-project-purchase-order-list .applied-manage-column .view_detailTable .dataTable table th.receivedDate {
    width: 205px !important;
  }
  ngx-project-purchase-order-list .applied-manage-column .view_detailTable .dataTable table th.downloadPOAndRestore {
    width: 230px !important;
  }
  ngx-project-purchase-order-list .applied-manage-column .view_detailTable .dataTable table th.inventoryStatusText,
  ngx-project-purchase-order-list .applied-manage-column .view_detailTable .dataTable table th.deliveryOrderStatusText {
    width: 170px !important;
  }
  .project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.description {
    width: 300px !important;
  }
  .project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.uom {
    width: 180px !important;
  }
  .editInvoice_form .multiselect-mode .dataTable .table-responsive tr th.description,
  .project_addQuotation_page .multiselect-mode .dataTable .table-responsive tr th.description {
    width: 320px !important;
  }
  .home_dashboard .section_overview ion-card .business_overview {
    margin-bottom: 8px;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row ion-col {
    width: 33.3%;
    margin: 24px 0px;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_left ion-icon {
    font-size: 40px;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_right h2 {
    font-size: 22px;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_right h4 {
    margin-bottom: 5px;
  }
  table ng2-smart-table .custom-smart-table table tbody tr td p.companyName_data,
  .length_text,
  p.po_data {
    width: 100%;
  }
  .applied-manage-column .po_data {
    width: auto !important;
  }
  .dnl_sheet_page .card_box table thead tr th {
    font-size: 14px;
    margin: 0;
    padding: 12px;
    color: #fff;
    font-weight: 400;
    position: relative;
    text-align: center;
  }
  .dnl_sheet_page .card_box table tbody tr td:nth-child(2),
  .dnl_sheet_page .card_box table tbody tr td:nth-child(3) {
    padding-right: 90px !important;
  }
  ion-radio-group {
    width: 100%;
  }
  ion-radio-group ion-item {
    width: max-content;
  }
  ion-radio-group ion-item ion-radio {
    border: 1px solid #cbcbcb;
    border-radius: 30px;
    width: 20px;
    height: 20px;
  }
  .dnl_sheet_page .card_box table tbody tr td:nth-child(2) .view_detailTable ng2-smart-table .custom-smart-table .table-responsive,
  .dnl_sheet_page .card_box table tbody tr td:nth-child(3) .project_addPurchaseOrder_page .view_detailTable ng2-smart-table .custom-smart-table .table-responsive,
  .product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table .table-responsive,
  .supplier_list .view_detailTable ng2-smart-table .custom-smart-table .table-responsive {
    overflow-x: auto !important;
  }
  .dnl_sheet_page .card_box table tbody tr td:nth-child(2) .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th,
  .dnl_sheet_page .card_box table tbody tr td:nth-child(3) .project_addPurchaseOrder_page .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th,
  .product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th,
  .supplier_list .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th {
    width: 180px !important;
  }
  .dnl_sheet_page .card_box table tbody tr td:nth-child(2) .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.no,
  .dnl_sheet_page .card_box table tbody tr td:nth-child(3) .project_addPurchaseOrder_page .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.no,
  .product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.no,
  .supplier_list .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.no {
    width: 75px !important;
  }
  .dnl_sheet_page .card_box table tbody tr td:nth-child(2) .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.regNo,
  .dnl_sheet_page .card_box table tbody tr td:nth-child(3) .project_addPurchaseOrder_page .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.regNo,
  .product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.regNo,
  .supplier_list .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.regNo {
    width: 180px !important;
  }
  .dnl_sheet_page .card_box table tbody tr td:nth-child(2) .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.phoneNo,
  .dnl_sheet_page .card_box table tbody tr td:nth-child(3) .project_addPurchaseOrder_page .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.phoneNo,
  .product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.phoneNo,
  .supplier_list .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.phoneNo {
    width: 200px !important;
  }
  .dnl_sheet_page .card_box table tbody tr td:nth-child(2) .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.supplierName,
  .dnl_sheet_page .card_box table tbody tr td:nth-child(3) .project_addPurchaseOrder_page .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.supplierName,
  .product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.supplierName,
  .supplier_list .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.supplierName {
    width: 340px !important;
  }
  .dnl_sheet_page .card_box table tbody tr td:nth-child(2) .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.isactive,
  .dnl_sheet_page .card_box table tbody tr td:nth-child(3) .project_addPurchaseOrder_page .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.isactive,
  .product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.isactive,
  .supplier_list .view_detailTable ng2-smart-table .custom-smart-table .table-responsive table thead tr th.isactive {
    width: 140px !important;
  }
  .multiselect-mode .table-responsive table thead tr th:first-child {
    width: 44px !important;
  }
  ngx-quotation-list .dataTable .table-responsive table thead tr th.jobSite,
  ngx-quotation-list .dataTable .table-responsive table thead tr th.client {
    width: 300px !important;
  }
  ngx-quotation-list .dataTable .table-responsive table thead tr th.date {
    width: 130px !important;
  }
  ngx-quotation-list .dataTable .table-responsive table thead tr th.clientName {
    width: 170px !important;
  }
  ngx-quotation-list .dataTable .table-responsive table thead tr th.download {
    width: 170px !important;
  }
  ngx-quotation-list .applied-manage-column .view_detailTable .dataTable table th.jobSite,
  ngx-quotation-list .applied-manage-column .view_detailTable .dataTable table th.client {
    width: 100% !important;
  }
  .dataTable table {
    table-layout: fixed;
  }
  .dataTable table th,
  .dataTable table td {
    width: 100% !important;
    border-collapse: collapse;
  }
  .dataTable table th:last-child,
  .dataTable table td:last-child {
    width: 160px !important;
  }
  .dataTable table th.email_1,
  .dataTable table td.email_1 {
    width: 100% !important;
  }
  .dataTable table th.purchaseOrder,
  .dataTable table td.purchaseOrder {
    width: 200px;
  }
  .dataTable table th.no,
  .dataTable table th.sNo,
  .dataTable table td.no,
  .dataTable table td.sNo {
    width: 78px !important;
  }
  .dataTable table th.date,
  .dataTable table td.date {
    width: 120px !important;
  }
  .dataTable table th.po,
  .dataTable table td.po {
    width: 160px !important;
  }
  .dataTable table th.timing,
  .dataTable table td.timing {
    width: 100px !important;
  }
  .dataTable table th.description,
  .dataTable table td.description {
    width: 240px !important;
  }
  .dataTable table th.lockNo,
  .dataTable table th.pic,
  .dataTable table td.lockNo,
  .dataTable table td.pic {
    width: 140px !important;
  }
  .dataTable table th.status,
  .dataTable table td.status {
    width: 175px !important;
  }
  .dataTable table th.size,
  .dataTable table td.size {
    width: 175px !important;
  }
  .dataTable table th.supplier,
  .dataTable table td.supplier {
    width: 200px !important;
  }
  .dataTable table th.ng2-smart-action-multiple-select,
  .dataTable table td.ng2-smart-action-multiple-select {
    min-width: 42px;
  }
  .dataTable table th.jobSite,
  .dataTable table td.jobSite {
    width: 190px !important;
  }
  .dataTable table th.clientName,
  .dataTable table td.clientName {
    width: 200px !important;
  }
  .dataTable table th.companyName,
  .dataTable table td.companyName {
    width: 230px !important;
  }
  .dataTable table th.clientMobileNo,
  .dataTable table td.clientMobileNo {
    width: 150px !important;
  }
  .dataTable table th.address,
  .dataTable table td.address {
    width: 240px !important;
  }
  .dataTable table th.emailId,
  .dataTable table td.emailId {
    width: 300px !important;
  }
  .dataTable table th.isactive,
  .dataTable table td.isactive {
    width: 140px !important;
  }
  .dataTable table th.amount,
  .dataTable table td.amount {
    width: 130px !important;
  }
  .dataTable table th.purchaseOrderNo,
  .dataTable table td.purchaseOrderNo {
    width: 130px !important;
  }
  .dataTable table th.client,
  .dataTable table td.client {
    width: 200px !important;
  }
  .dataTable th {
    padding: 0;
    border: 1px solid #c2c2c2;
    border-top: 0;
  }
  .dataTable th.no,
  .dataTable th.sNo {
    min-width: 78px !important;
    width: 78px !important;
  }
  .applied-manage-column .dataTable .table-responsive {
    overflow-x: auto !important;
  }
  .applied-manage-column .dataTable .table-responsive table {
    box-sizing: border-box;
  }
  .applied-manage-column .dataTable .table-responsive table th ng2-st-column-title {
    display: block;
  }
  .applied-manage-column .dataTable .table-responsive table th.email_1 {
    width: 100% !important;
  }
  .applied-manage-column .dataTable .table-responsive table th.no,
  .applied-manage-column .dataTable .table-responsive table th.sNo {
    width: 78px !important;
  }
  .applied-manage-column .dataTable .table-responsive table th.date {
    width: 120px !important;
  }
  .applied-manage-column .dataTable .table-responsive table th.purchaseOrderNo {
    width: 120px !important;
  }
  .applied-manage-column .dataTable .table-responsive table th.description {
    width: 200px !important;
  }
  .applied-manage-column .dataTable .table-responsive table th:last-child {
    width: 140px !important;
    min-width: 140px !important;
  }
  .applied-manage-column .dataTable.no_data_found th {
    width: 100% !important;
  }
  .applied-manage-column .dataTable.no_data_found th.name {
    width: 247px;
  }
  .applied-manage-column .dataTable.no_data_found th.regNo {
    width: 190px !important;
  }
  .client_statement_page .dataTable table th.clientName,
  .quotation_list .dataTable table th.clientName {
    width: 100% !important;
  }
  .invoice_reports_page .dataTable table th.client {
    width: 100% !important;
  }
  .invoice_reports_page .dataTable table th.amount {
    width: 154px !important;
  }
  app-inventory-list .dataTable table th.supplier {
    width: 100% !important;
  }
  .invoice_reports_page ng2-smart-table .custom-smart-table table thead tr:first-child th.invoice,
  .invoice_reports_page ng2-smart-table .custom-smart-table table thead tr:first-child th.date {
    width: 140px !important;
  }
  .home_dashboard app-sales-status .sales_report .right_info.up .growth {
    font-size: 12px;
  }
  ngx-project-list .restore .view_detailTable .dataTable .table-responsive table tbody td {
    pointer-events: none !important;
  }
  ngx-project-list .restore .view_detailTable .dataTable .table-responsive table tbody td:last-child ion-button {
    cursor: pointer;
    pointer-events: auto !important;
  }
  ngx-project-list .table-responsive {
    overflow-x: auto !important;
  }
  ngx-project-list .table-responsive th {
    width: 200px !important;
  }
  .company_profile_page ion-header.site_header {
    padding: 20px 0 15px 40px;
  }
  app-user-all .filter_sec dropdown-component .ng-select {
    width: 250px;
    height: 47px;
  }
  app-user-all .dataTable .table-responsive {
    overflow-x: auto !important;
  }
  app-user-all .dataTable .table-responsive tbody td .username-with-role .link_blue {
    width: 125px;
    border-radius: unset;
  }
  app-user-all .dataTable .table-responsive tr th.name {
    width: 285px !important;
  }
  app-user-all .dataTable .table-responsive tr th.email {
    width: 200px !important;
  }
  app-user-all .dataTable .table-responsive tr th.supplierName {
    width: 250px !important;
  }
  app-user-all .dataTable .table-responsive tr th.access {
    width: 240px !important;
  }
  app-user-all .dataTable .table-responsive tr th.empRole {
    width: 230px !important;
  }
  app-user-all .dataTable .table-responsive tr th.activityText {
    width: 130px !important;
  }
  app-user-all .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar {
    width: 250px !important;
  }
  app-user-all .applied-manage-column .dataTable .table-responsive table th.userListAction {
    width: 280px !important;
  }
  .home_dashboard app-sales-status ion-card .sales_report .left_info {
    width: 70%;
  }
  .home_dashboard app-sales-status ion-card .sales_report .left_info ion-card-header {
    font-size: 14px;
  }
  .home_dashboard app-sales-status ion-card .sales_report .left_info .sales {
    font-size: 13px;
  }
  .home_dashboard app-sales-status ion-card .sales_report .left_info .year {
    font-size: 14px;
  }
  .home_dashboard app-sales-status ion-card .sales_report .right_info {
    width: 26%;
  }
  .home_dashboard .section_overview ion-card .business_overview .date_picker .select_datePic .shown.show-ranges {
    width: max-content;
    padding: 15px 15px 0;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row {
    align-content: stretch;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_left {
    width: 25%;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_left img {
    width: auto;
    height: 38px;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_right {
    width: 60%;
  }
  app-calender-grid .custom_calendar .cal-cell.cal-has-events .notes_info .notes p {
    width: 112px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
  .project_addPurchaseOrder_page .custom_skeleton .addPurchaseOrder_list .product_label ion-skeleton-text {
    width: 50%;
  }
  .project_addPurchaseOrder_page .custom_skeleton .addPurchaseOrder_list ion-grid ion-textarea {
    min-height: 100px;
    height: 100px;
  }
  .project_addPurchaseOrder_page .custom_skeleton .addPurchaseOrder_list ion-grid ion-textarea ion-skeleton-text {
    height: 100px;
  }
  .project_addPurchaseOrder_page .custom_skeleton .addPurchaseOrder_list ion-grid .form-group:last-child ion-row {
    margin-bottom: 0;
  }
  .project_addPurchaseOrder_page .custom_skeleton .addPurchaseOrder_list .main_row_sec .d_flex .form-group:last-child ion-row {
    margin-bottom: 14px;
  }
  .project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ion-textarea {
    height: 120px;
  }
  .custom_skeleton .custom-smart-table table thead tr a,
  .custom_skeleton .custom-smart-table table thead tr span,
  ng2-smart-table .custom-smart-table table thead tr a,
  ng2-smart-table .custom-smart-table table thead tr span {
    position: unset;
    padding: 16px 30px 16px 0;
  }
  .project_list_page ng2-smart-table .custom-smart-table table thead tr th:first-child span {
    padding-right: 110px;
  }
  #Confirmationalert-modal,
  #Failedalert-modal,
  #jwt-modal,
  #Successalert-modal {
    --width: 33%;
  }
  .project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid .main_row_sec .d_flex .form-group {
    width: 100%;
  }
  .d_flex {
    flex-wrap: wrap;
  }
  .page_content.project_addQuotation_page .addQuotation_form ion-list .main_row_sec .main_col .card_box .card_body table {
    width: 100%;
  }
  .webmodal {
    --width: 35%;
  }
  .add_project_page ion-list .main_row_sec .main_col,
  .add_product_page ion-list .main_row_sec .main_col,
  .add_inventory_page ion-list .main_row_sec .main_col,
  .project_addQuotation_page ion-list .main_row_sec .main_col,
  .project_editInvoice_page ion-list .main_row_sec .main_col {
    width: 70%;
  }
  .no_manage_columns {
    width: 67% !important;
  }
  ngx-setting .page_content .footer_bottom .footer_btns {
    margin-left: 49%;
  }
  .footer_btns {
    margin-left: 46% !important;
  }
  .inner_project_details .project_info .info-text p {
    width: 80%;
  }
  .totals_sec .card_box .card_body table td.discount_type h3 {
    width: 18%;
  }
  .page_content {
    padding: 25px 28px;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar,
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.select_status,
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.select_status {
    width: 150px !important;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group ng-select {
    width: 150px !important;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group .theme_outline_btn {
    margin-right: 10px;
  }
  .addPurchaseOrder_list .project_bottom_buttons,
  .add_requirements_page .project_bottom_buttons,
  .product_requirement_list .project_bottom_buttons,
  .project_editInvoice_page .project_bottom_buttons,
  .quotation_page .project_bottom_buttons {
    width: 65%;
  }
  app-calender-grid .custom_calendar .cal-cell.cal-day-cell {
    min-height: 163px !important;
    width: 163px;
    max-height: 163px;
  }
  .add_requirements_page .center_width {
    width: 100% !important;
    margin: 0 auto;
  }
  .add_requirements_page .center_width .main_col {
    width: 70% !important;
  }
  .add_project_detail_page .center_width,
  .add_requirements_page .center_width {
    width: 100%;
  }
  .add_project_detail_page .center_width ion-col ion-radio-group ion-item,
  .add_requirements_page .center_width ion-col ion-radio-group ion-item {
    width: max-content;
  }
  .add_project_detail_page .center_width .product_label,
  .add_project_detail_page .center_width .product_input,
  .add_requirements_page .center_width .product_label,
  .add_requirements_page .center_width .product_input {
    text-align: left;
    padding-top: 0;
    padding-right: 0;
  }
  .product_label,
  .product_input {
    padding-right: 0;
  }
  .email_data {
    text-transform: lowercase;
  }
  .page_content {
    min-height: unset;
    height: 100vh !important;
    overflow-y: auto;
    margin-top: 68px;
  }
  .page_content.quotation_list {
    padding-bottom: 30px;
  }
  .project-profit-loss .section_overview ion-card .business_overview ion-row ion-col .business_list {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .project-profit-loss .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_right {
    margin: 10px 0;
    text-align: center;
  }
  .project-profit-loss .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_right h4 {
    margin: 0;
  }
}
@media only screen and (max-width: 1540px) {
  ngx-project-quotation-list .view_detailTable .dataTable table {
    table-layout: fixed !important;
  }
  ngx-project-quotation-list .view_detailTable .dataTable table th.amount {
    width: 200px !important;
  }
  app-payment-report-list .page_content ng2-smart-table .custom-smart-table table thead tr th.paymentDate {
    width: 225px !important;
  }
  app-payment-report-list .page_content ng2-smart-table .custom-smart-table table thead tr th.subscribers {
    width: 230px !important;
  }
  app-payment-report-list .page_content ng2-smart-table .custom-smart-table table thead tr th.remark,
  app-payment-report-list .page_content ng2-smart-table .custom-smart-table table thead tr th.stripeId {
    width: 230px !important;
  }
  app-payment-report-list .page_content ng2-smart-table .custom-smart-table table thead tr th.amount {
    width: 160px !important;
  }
  app-payment-report-list .page_content ng2-smart-table .custom-smart-table table thead tr th.status {
    width: 160px !important;
  }
}
@media only screen and (max-width: 1366px) {
  ngx-project-quotation-list .view_detailTable .dataTable table {
    table-layout: fixed !important;
  }
  ngx-project-quotation-list .view_detailTable .dataTable table th {
    width: 100% !important;
  }
  ngx-project-quotation-list .view_detailTable .dataTable table th.clientName {
    width: 120px !important;
  }
  ngx-project-quotation-list .view_detailTable .dataTable table th.amount {
    width: 200px !important;
  }
  ngx-project-quotation-list .view_detailTable .dataTable table th.quotationNo {
    width: 165px !important;
  }
  .page_content {
    min-height: unset;
    height: 100vh !important;
    transform-origin: center;
    overflow-y: auto;
  }
  .page_content.quotation_list {
    padding-bottom: 30px;
  }
  ngx-quotation-list .dataTable .table-responsive table thead tr th.jobSite {
    width: 100% !important;
  }
  ion-footer.footer_bottom {
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    padding: 20px 0px;
    box-shadow: 0 -2px 10px #d6d6d6;
  }
  app-purchase .project_table_section .project_bottom_buttons.style_2 .filter_item {
    margin-top: 15px;
  }
  .company_profile_page ion-list.list-lines-none .logo_field .upload_logo input {
    text-indent: -91px;
  }
  app-calender-grid .custom_calendar .cal-cell.cal-day-cell {
    min-height: 150px !important;
    width: 150px;
    max-height: 150px;
  }
  .project-profit-loss .section_overview ion-card .business_overview ion-row ion-col .business_list {
    padding: 10px 5px;
  }
  .project-profit-loss .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_left img {
    height: 38px !important;
  }
  .project-profit-loss .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_right h4 {
    font-size: 10px;
  }
  ngx-client-list .page_content ng2-smart-table .custom-smart-table table thead tr th.clientCompany {
    width: 200px !important;
  }
  ngx-client-list .page_content ng2-smart-table .custom-smart-table table thead tr th.email_1 {
    width: 200px !important;
  }
  ngx-client-list .page_content ng2-smart-table .custom-smart-table table thead tr th.paymentTerms {
    width: 200px !important;
  }
  ion-modal.webmodal app-user-new .addUpdate_modal .modal_body form ion-list ion-item.item-radio-checked .form_group {
    align-items: flex-start;
  }
  ion-modal.webmodal app-user-new .addUpdate_modal .modal_body form ion-list ion-item.item-radio-checked .form_group ion-label {
    margin-top: 12px;
  }
  ion-modal.webmodal app-user-new .addUpdate_modal .modal_body form .full_section .ion-list .main_parent .children ion-item .child-item ion-checkbox {
    margin: 0px 10px 7px 0px;
  }
  app-project-profit-loss .page_content.project-profit-loss .chart_parent {
    width: 80%;
  }
  .dnl_sheet_page .card_box table tbody tr td:nth-child(2),
  .dnl_sheet_page .card_box table tbody tr td:nth-child(3) {
    padding-right: 80px !important;
  }
  .webmodal .addUpdate_modal .modal_body ion-list .field .valid-msg .hide-err {
    left: 152px !important;
  }
  .webmodal .addUpdate_modal .modal_footer {
    padding: 16px 50px;
  }
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group.contact_no.contact_field .area_code .ionic-selectable.ionic-selectable-inner .ionic-selectable-value {
    font-size: 14px;
  }
  .home_dashboard app-sales-status ion-card {
    margin: 10px;
  }
  ngx-project ngx-project-list .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar {
    width: auto !important;
    margin-bottom: 20px !important;
  }
  ngx-project ngx-project-list .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar .search_input ion-searchbar {
    width: 250px !important;
  }
  ngx-project ngx-project-list .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar .search_input ion-searchbar input {
    width: 100% !important;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group {
    margin-right: 10px;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar,
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.select_status,
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.select_status {
    width: 150px !important;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group ng-select {
    width: 150px !important;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group .theme_outline_btn {
    margin-right: 10px;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar ion-searchbar input {
    width: 100%;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar ion-searchbar .searchbar-clear-button {
    right: 0px !important;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar ion-searchbar .searchbar-search-icon {
    right: 7px !important;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .add_new_btn {
    width: auto;
    margin-left: auto;
  }
  ngx-add-company .no_manage_columns .table-responsive thead tr th.contactNo {
    width: 150px !important;
  }
  ngx-add-company .no_manage_columns .table-responsive thead tr th.email_1 {
    width: 100% !important;
    text-align: left !important;
  }
  ngx-project .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar {
    width: 250px !important;
  }
  .page_content.dnl_projectDetails_page .btn.ml-20,
  .page_content.dnl_projectDetails_page .ml-16 {
    margin-left: 7px;
  }
  .page_content.dnl_projectDetails_page .form_group.search_bar {
    width: 46px;
    height: 46px;
  }
  .page_content.dnl_projectDetails_page .form_group.search_bar ngx-search {
    height: 46px;
  }
  .page_content.dnl_projectDetails_page .form_group.search_bar ngx-search ion-searchbar.searchbar-has-focus,
  .page_content.dnl_projectDetails_page .form_group.search_bar ngx-search ion-searchbar.searchbar-has-value {
    width: 100%;
    max-width: 220px;
    position: absolute;
    transition: all 2s linear;
    right: 0;
  }
  .page_content.dnl_projectDetails_page app-calender-grid .calendar_data .appointment_month {
    text-align: left;
    padding-left: 15px;
  }
  .webmodal {
    --width: 35%;
  }
  .totals_sec .card_box .card_body table td.discount_type h3 {
    width: 22%;
  }
  .inner_project_details .project_info .info-text p {
    width: 76%;
  }
  .invoice_list_page .table-responsive {
    overflow-x: auto !important;
  }
  .invoice_list_page .table-responsive th.invoice {
    width: 135px !important;
  }
  .invoice_list_page .table-responsive th.client {
    width: 200px !important;
  }
  .invoice_list_page .table-responsive th.amount,
  .invoice_list_page .table-responsive th.balance {
    width: 130px !important;
  }
  .purchase_order_list .table-responsive {
    overflow-x: auto !important;
  }
  .purchase_order_list .table-responsive th.supplier {
    width: 140px !important;
  }
  .purchase_order_list .table-responsive th.companyName {
    width: 180px !important;
  }
  .purchase_order_list .table-responsive th.purchaseOrderNo {
    width: 120px !important;
  }
  .productList_page .table-responsive {
    overflow-x: auto !important;
  }
  .productList_page .table-responsive th.costPrice,
  .productList_page .table-responsive th.sellPrice {
    width: 140px !important;
  }
  .productList_page .table-responsive th.supplier {
    width: 180px !important;
  }
  .productList_page .table-responsive th.supplier .length_text {
    width: auto !important;
  }
  .productList_page .table-responsive th.stock {
    width: 120px !important;
  }
  .productList_page .table-responsive th.code {
    width: 155px !important;
  }
  .email_data.length_text {
    width: auto;
  }
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group.contact_no a24-input {
    width: 52%;
  }
  .addUpdate_modal .show_datePicker .form_group ion-label {
    font-size: 16px;
    color: #11141a;
    font-weight: 600;
  }
}
@media only screen and (max-width: 1280px) {
  .add_project_detail_page ion-list .main_row_sec .main_col {
    width: 100%;
  }
  .con_flow .card_box .card_body .project-info.userDetails p {
    margin-left: 0px;
    margin-bottom: 10px;
  }
  .card_box .project-info.userDetails .back-btn {
    margin-right: 16px;
  }
  app-calender-grid .custom_calendar .cal-cell.cal-day-cell {
    min-height: 138px !important;
    width: 138px;
    max-height: 138px;
  }
  ion-modal.webmodal {
    --width: 34%;
    right: -50%;
  }
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group.contact_no a24-input {
    width: 52%;
  }
  ion-modal app-user-new form ion-item ngx-c-radio-component ion-radio-group ion-item {
    width: 40% !important;
  }
  .ion-color-success {
    min-width: 30%;
  }
  .addUpdate_modal .show_datePicker .form_group ion-label {
    font-size: 14px;
  }
  ngx-add-appointment .add_appt_calendar label,
  ngx-project-reminder .add_appt_calendar label,
  app-project-add-payment .add_appt_calendar label,
  ngx-add-employee .add_appt_calendar label {
    font-size: 14px;
  }
  ngx-add-appointment ion-textarea,
  ngx-project-reminder ion-textarea,
  app-project-add-payment ion-textarea,
  ngx-add-employee ion-textarea {
    font-size: 14px !important;
  }
  .home_dashboard .section_overview ion-card {
    min-height: 366px;
    margin: 0;
  }
  .home_dashboard .business_overview ion-row ion-col {
    width: 49.3% !important;
    margin: 6px 0px !important;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row {
    align-content: stretch;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_left {
    width: 25%;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_left img {
    width: auto;
    height: 38px;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_right {
    width: auto;
  }
  .webmodal .addUpdate_modal .modal_body .date_picker .select_datePic input {
    font-size: 14px;
  }
  .home_dashboard app-sales-status ion-card {
    margin: 0;
  }
  .home_dashboard app-sales-status ion-card .growth {
    font-size: 11px !important;
  }
  .page_content.product_requirement_list .page_title_content.align_sec {
    width: 100%;
  }
  .page_content.product_requirement_list .page_title_content ion-title {
    font-size: 28px;
    padding: 0;
  }
  .page_content.product_requirement_list .btn {
    width: 160px;
  }
  .card_box .card_body {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .card_box .card_body .project-info {
    width: auto;
    margin-right: 0px;
  }
  .card_box .card_body .project-info:last-child .userAction {
    flex-wrap: wrap;
  }
  .card_box .card_body .project-info:last-child .userAction .buttons {
    margin-bottom: 0px;
  }
  .add_project_detail_page .center_width,
  .add_requirements_page .center_width {
    width: 70%;
    margin: 0 auto;
  }
  .footer_btns {
    margin-left: 48% !important;
  }
  .add_project_detail_page ion-grid ion-row ion-col ion-radio-group ion-item,
  .add_requirements_page ion-grid ion-row ion-col ion-radio-group ion-item {
    width: 50%;
  }
  .add_project_detail_page ion-grid ion-row ion-col ion-radio-group,
  .add_requirements_page ion-grid ion-row ion-col ion-radio-group,
  .add_project_detail_page ion-grid ion-row ion-col.product_input ion-list,
  .add_requirements_page ion-grid ion-row ion-col.product_input ion-list {
    flex-wrap: wrap;
  }
  .add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field,
  .add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field {
    width: 47%;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .add_project_detail_page ion-grid ion-row ion-col.product_input ion-list .field:nth-child(even),
  .add_requirements_page ion-grid ion-row ion-col.product_input ion-list .field:nth-child(even) {
    margin-right: 0 !important;
    width: 47%;
  }
  app-add-requirements .page_content ion-header.site_header.sub_title {
    width: 83%;
    align-items: flex-start;
  }
  app-add-requirements .page_content ion-header.site_header.sub_title .project_title {
    padding-top: 0;
  }
  app-inventory-list .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar {
    width: 170px;
  }
  app-inventory-list .sortBy {
    position: absolute;
    right: 256px;
  }
  .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar {
    width: 250px;
  }
  .company_profile_page ion-header.site_header {
    display: none !important;
  }
  .webmodal .addUpdate_modal .modal_header {
    padding: 16px 35px 16px;
    min-height: 75px;
  }
  .webmodal .addUpdate_modal .modal_header h2,
  .webmodal .addUpdate_modal .modal_header h3 {
    font-size: 18px;
  }
  .webmodal .addUpdate_modal .modal_body {
    padding: 20px 35px 70px;
    margin-top: 75px;
    overflow: unset;
    height: auto !important;
  }
  .webmodal .addUpdate_modal .modal_body.custom_padding {
    padding: 20px 0px 70px 0px !important;
  }
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group {
    padding: 10px 0;
  }
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group ion-label {
    font-size: 14px !important;
  }
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group ion-input .input_value,
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group ion-input input {
    padding-top: 0px !important;
    font-size: 14px;
  }
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group ng-select {
    padding-top: 0;
    font-size: 14px;
  }
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group ng-select .ng-placeholder {
    font-size: 14px;
  }
  .addPurchaseOrder_list .project_bottom_buttons ion-button.btn,
  .dnl_projectDetails_page .project_bottom_buttons ion-button.btn,
  .product_requirement_list .project_bottom_buttons ion-button.btn,
  .quotation_page .project_bottom_buttons ion-button.btn,
  .add_requirements_page .project_bottom_buttons ion-button.btn,
  .addQuotation_form .project_bottom_buttons ion-button.btn,
  .project_editInvoice_page .project_bottom_buttons ion-button.btn {
    width: auto;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group .theme_red_btn {
    margin-right: 0;
  }
  app-calender-grid .custom_calendar .cal-cell.cal-has-events .notes_info .notes p {
    width: 80px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
  ngx-otp-input input {
    text-transform: capitalize !important;
  }
  ngx-project-purchase-order-list .project_table_section .project_bottom_buttons {
    width: 61%;
    position: absolute;
  }
  ngx-project-purchase-order-list .form_group ng-select {
    width: 150px !important;
  }
  ngx-project-purchase-order-list .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar {
    width: 137px !important;
  }
  ion-modal app-user-new form .full_section .valid-msg .hide-err {
    left: 10px !important;
  }
}
.non-capitalize-dnlpanel .ng-dropdown-panel .ng-dropdown-panel-items .ng-option div {
  text-transform: lowercase !important;
}
.unit span {
  text-transform: lowercase !important;
}
@media only screen and (max-width: 1279px) {
  app-project-profit-loss .page_content.project-profit-loss .chart_parent {
    width: 100%;
  }
  app-calender-grid .custom_calendar .cal-cell.cal-day-cell {
    min-height: 125px !important;
    width: 125px;
    max-height: 125px;
  }
  .card_box .project-info.userDetails .back-btn {
    margin-right: 24px;
  }
  .dnl_sheet_page .card_box {
    width: 98%;
  }
  ion-toolbar.page_toolbar .header_menu ion-button {
    margin-right: 35px;
  }
  .webmodal .addUpdate_modal .modal_body {
    padding: 0px 35px 35px;
  }
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group.contact_no a24-input {
    width: 54%;
  }
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group .a24-color-picker p {
    font-size: 14px;
  }
  .ionic-selectable-has-placeholder .ionic-selectable-value-item {
    font-size: 14px;
    line-height: 27px;
  }
  app-add-requirements .page_content ion-header.site_header.sub_title {
    width: 86%;
    margin: 10px auto 0 auto;
    align-items: flex-start;
  }
  app-add-requirements .page_content ion-header.site_header.sub_title .project_title {
    padding-top: 0;
  }
  ion-modal.webmodal {
    --width: 100%;
    right: 0%;
    --border-radius: 0;
  }
  .webmodal .addUpdate_modal .modal_body .dashboard_page .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-input-container,
  .quotation_list .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-input-container,
  .invoice_list_page .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-input-container,
  .project_paymentList .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-input-container,
  .purchase_order_list .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar .searchbar-input-container {
    height: 44px !important;
  }
  .project-info.action_menu .userAction .buttons {
    margin: 5px 0px;
  }
  .table_sec .show_hide {
    bottom: 35px;
  }
  .site_header .header-background {
    -webkit-backdrop-filter: unset !important;
    backdrop-filter: unset !important;
  }
  .add_requirements_page .form-group {
    margin: 0px;
  }
  .add_requirements_page form .form-group {
    margin: 7px 0px 10px 0px;
  }
  .add_requirements_page form .form-group .form-group {
    margin: 0px;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group {
    margin-right: 10px;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar,
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.select_status,
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.select_status {
    width: 150px !important;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group ng-select {
    width: 150px !important;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group .theme_outline_btn {
    margin-right: 5px;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar ion-searchbar input {
    width: 100%;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar ion-searchbar .searchbar-clear-button {
    right: 0px !important;
    z-index: 125;
  }
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .add_new_btn {
    width: 110px;
  }
  app-calender-grid .calendar_data .appointment_month {
    width: 28%;
  }
  ion-toolbar.page_toolbar {
    width: 100%;
    padding: 5px 15px !important;
  }
  .companyList_page .table-responsive {
    overflow-x: auto !important;
  }
  .companyList_page .table-responsive th.companyName {
    width: 200px !important;
  }
  .companyList_page .table-responsive th.address {
    width: 175px !important;
  }
  .companyList_page .table-responsive th.contactNo {
    width: 120px !important;
  }
  .companyList_page .table-responsive th.faxNo {
    width: 120px !important;
  }
  .companyList_page .table-responsive th.emailId {
    width: 140px !important;
  }
  .clientList_page .table-responsive {
    overflow-x: auto !important;
  }
  .clientList_page .table-responsive th.email_1 {
    width: 180px !important;
  }
  .clientList_page .table-responsive th.contactNo {
    width: 120px !important;
  }
  .clientList_page .table-responsive th.clientCompany {
    width: 200px !important;
  }
  .clientList_page .table-responsive th.paymentTerms {
    width: 175px !important;
  }
  .quotation_list .table-responsive {
    overflow-x: auto !important;
  }
  .quotation_list .table-responsive th.quotationNo {
    width: 160px !important;
  }
  .invoice_list_page .table-responsive {
    overflow-x: auto !important;
  }
  .invoice_list_page .table-responsive th.status {
    width: 120px !important;
  }
  .invoice_list_page .applied-manage-column .dataTable .table-responsive table {
    overflow-x: auto !important;
  }
  .invoice_list_page .applied-manage-column .dataTable .table-responsive table th.status {
    width: 100px !important;
  }
  .project_invoice_list_page .table-responsive {
    overflow-x: auto !important;
  }
  .project_invoice_list_page .table-responsive th.client {
    width: 200px !important;
  }
  .project_invoice_list_page .table-responsive th.invoice {
    width: 140px !important;
  }
  .project_invoice_list_page .table-responsive th.amount {
    width: 120px !important;
  }
  .project_invoice_list_page .table-responsive th.balance {
    width: 120px !important;
  }
  .dnl_projectDetails_page .table-responsive {
    overflow-x: auto !important;
  }
  .dnl_projectDetails_page .table-responsive th {
    width: 200px !important;
  }
  .app_inventory_list .table-responsive {
    overflow-x: auto !important;
  }
  .app_inventory_list .table-responsive th.categoryName {
    width: 175px !important;
  }
  .app_inventory_list .table-responsive th.code {
    width: 110px !important;
  }
  .home_dashboard .section_overview ion-card .business_overview .date_picker .select_datePic .shown.show-ranges {
    width: 65vw;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_left {
    width: 20%;
  }
  .webmodal .addUpdate_modal .modal_body ion-list .field .valid-msg .hide-err {
    left: 178px;
  }
}
@media only screen and (max-width: 1180px) {
  .table_sec .addNew_btn {
    margin-bottom: 16px;
  }
  ion-toolbar {
    --border-width: 0 !important;
  }
  .webmodal .addUpdate_modal .modal_body ion-list .field .valid-msg .hide-err {
    left: 174px;
  }
  #Confirmationalert-modal,
  #Failedalert-modal,
  #jwt-modal,
  #Successalert-modal {
    --width: 90%;
  }
  ion-menu.dnl_sidemenu {
    width: 100%;
  }
  ion-menu.dnl_sidemenu::part(container) {
    width: 252px;
  }
  ion-menu.dnl_sidemenu .menus {
    padding-top: 0px !important;
  }
  ion-menu.dnl_sidemenu .menus .sidemenu_logo p {
    bottom: 5px;
  }
  .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar input {
    height: 44px;
  }
  .home_dashboard app-sales-status ion-card {
    padding: 10px;
  }
  .home_dashboard app-sales-status ion-card .sales_report {
    flex-direction: column-reverse;
  }
  .home_dashboard app-sales-status ion-card .sales_report .left_info {
    width: 100%;
  }
  .home_dashboard app-sales-status ion-card .sales_report .left_info ion-card-header {
    font-size: 14px;
    margin: 10px 0px;
  }
  .home_dashboard app-sales-status ion-card .sales_report .left_info .sales {
    font-size: 13px;
  }
  .home_dashboard app-sales-status ion-card .sales_report .left_info .sales span {
    display: unset !important;
  }
  .home_dashboard app-sales-status ion-card .sales_report .left_info .year {
    font-size: 14px;
  }
  .home_dashboard app-sales-status ion-card .sales_report .right_info {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .home_dashboard app-sales-status ion-card .sales_report .right_info.up span {
    margin: 0;
  }
  .home_dashboard app-sales-status ion-card .sales_report .right_info.up .growth {
    margin-top: 0px;
    padding: 0px 12px;
  }
  .home_dashboard .section_overview ion-card .title_part h2 {
    font-size: 13px;
  }
  .home_dashboard .section_overview ion-card .appointment_overview .top-wrapper .days-wrapper {
    width: 100%;
  }
  .page_content {
    padding: 24px;
  }
  .add_inventory_page ion-list .main_row_sec,
  .add_product_page ion-list .main_row_sec,
  .add_project_page ion-list .main_row_sec,
  .project_addQuotation_page ion-list .main_row_sec {
    flex-wrap: wrap;
  }
  .add_inventory_page ion-list .main_row_sec .main_col,
  .add_product_page ion-list .main_row_sec .main_col,
  .add_project_page ion-list .main_row_sec .main_col,
  .project_addQuotation_page ion-list .main_row_sec .main_col {
    width: 100%;
    margin-right: 0;
  }
  .addPurchaseOrder_list .project_bottom_buttons ion-button.btn,
  .dnl_projectDetails_page .project_bottom_buttons ion-button.btn,
  .product_requirement_list .project_bottom_buttons ion-button.btn,
  .quotation_page .project_bottom_buttons ion-button.btn,
  .add_requirements_page .project_bottom_buttons ion-button.btn,
  .addQuotation_form .project_bottom_buttons ion-button.btn,
  .project_editInvoice_page .project_bottom_buttons ion-button.btn {
    width: auto;
  }
  .inner_project_details {
    padding: 0 !important;
  }
  .inner_project_details .project_info .info-text p {
    width: 74%;
  }
  .page_content.dnl_projectDetails_page .project_bottom_buttons .btn {
    font-size: 13px;
  }
  .page_content.dnl_projectDetails_page .project_bottom_buttons .btn.ml-20 {
    margin-bottom: 10px;
  }
  .page_content.dnl_projectDetails_page .project_bottom_buttons .ml-16 {
    margin-bottom: 10px;
  }
  .page_content.dnl_projectDetails_page .page_title_content {
    position: relative;
    justify-content: flex-end;
  }
  .page_content.dnl_projectDetails_page .page_title_content ion-title {
    text-align: left;
  }
  .page_content.dnl_projectDetails_page .form_group.search_bar {
    width: 200px !important;
  }
  .page_content.dnl_projectDetails_page .form_group.search_bar .search_input ion-searchbar {
    width: 220px;
    height: 46px;
    --background: #fff;
  }
  .inner_project_details .align_start {
    justify-content: space-between;
  }
  .inner_project_details .project_info .info-text {
    justify-content: space-between;
  }
  .dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th,
  .product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th,
  .quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th,
  .project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th,
  .project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th {
    min-width: 100px;
  }
  .dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th:first-child,
  .product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th:first-child,
  .quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th:first-child,
  .project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th:first-child,
  .project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th:first-child {
    min-width: 50px;
  }
  .dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount,
  .product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount,
  .quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount,
  .project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount,
  .project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount {
    text-align: right !important;
  }
  .dnl_projectDetails_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount span,
  .product_requirement_list .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount span,
  .quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount span,
  .project_editInvoice_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount span,
  .project_addQuotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.amount span {
    padding-right: 30px;
  }
  .totals_sec .card_box .card_body table td.discount_type {
    padding-left: 20px;
  }
  .totals_sec .card_box .card_body table td.discount_type ion-radio-group {
    margin-left: 0;
  }
  .totals_sec .card_box .card_body table td.discount_type h3 {
    width: 30%;
  }
  .totals_sec .card_box .card_body table td.right_text {
    padding-left: 10px;
  }
  .product_input,
  .product_label {
    max-width: 100% !important;
    flex-basis: unset !important;
  }
  .product_label ion-label {
    font-weight: 600;
    margin-bottom: 0px !important;
    display: block;
  }
  .project_addPurchaseOrder_page .addPurchaseOrder_list ion-grid ion-textarea {
    height: 152px;
  }
  .add_project_detail_page,
  .add_requirements_page {
    background: #fff !important;
  }
  .add_project_detail_page .center_width,
  .add_requirements_page .center_width {
    width: 90%;
  }
  ion-radio-group {
    width: 100%;
  }
  ion-radio-group ion-item {
    width: max-content;
  }
  ion-radio-group ion-item ion-radio {
    border: 1px solid #cbcbcb;
    border-radius: 30px;
    width: 20px;
    height: 20px;
  }
  .page_content .footer_bottom {
    text-align: right;
  }
  .page_content .footer_bottom .footer_btns {
    margin-left: 0;
  }
  .user_profile {
    margin-top: 10px;
  }
  .dnl_sheet_page .card_box table thead tr th {
    width: 35%;
  }
  .company_profile_page form {
    margin-top: 30px;
  }
  .company_profile_page ion-list .main_row_sec .main_col.company_logo_sec .product_label {
    padding: 5px !important;
  }
  .company_profile_page ion-list .main_row_sec .main_col.company_logo_sec ion-item .company_logo {
    height: 152px !important;
  }
  ngx-setting ion-segment.tabs_head {
    background: transparent;
  }
  ngx-setting ion-segment.tabs_head ion-segment-button {
    --indicator-box-shadow: unset;
    --indicator-color: unset;
    --indicator-height: unset;
    padding: 10px 0px;
  }
  ngx-setting ion-segment.tabs_head ion-segment-button.segment-button-checked {
    --background-hover: transparent;
    --background-focused: transparent;
  }
  ngx-setting ion-segment.tabs_head ion-segment-button.segment-button-checked::part(indicator) {
    width: 100%;
    --indicator-color: transparent !important;
    border-bottom: 2px solid #3b8dc9;
  }
  ngx-setting ion-segment.tabs_head ion-segment-button.segment-button-checked ion-label {
    color: #3b8dc9;
  }
  ngx-setting ion-segment.tabs_head ion-segment-button::part(indicator) {
    --indicator-color: #e0effb;
    opacity: 1;
    border-bottom: 2px solid #e0effb;
  }
  ngx-setting ion-segment.tabs_head ion-segment-button.segment-button-activated {
    --background-hover: transparent;
    --background-focused: transparent;
  }
  ngx-setting ion-segment.tabs_head ion-segment-button ion-label {
    width: 100%;
  }
  ngx-setting ion-segment.tabs_head ion-segment-button:first-child {
    text-indent: 0 !important;
  }
  ngx-setting ngx-setting ion-list .main_row_sec .main_col ion-item .form_group {
    padding-left: 0;
  }
  ngx-setting .setting_section .segment_content {
    margin-top: 20px;
  }
  ngx-setting .setting_section .segment_content .accordion_content {
    padding-top: 15px;
  }
  ngx-setting .setting_section .segment_content .accordion_content .main_row_sec {
    margin-top: 30px;
  }
  ngx-setting .setting_section .segment_content .accordion_content .main_row_sec .main_col {
    width: 100%;
  }
  ngx-setting .setting_section .segment_content ion-label {
    background: #f5f5f5;
    padding: 10px;
    border: 1px solid #d6d6d6;
  }
  ngx-setting .setting_section .segment_content ion-list .main_row_sec .main_col .field ion-item ion-label {
    background: transparent;
    border: 0;
    line-height: 28px;
    width: 25%;
  }
  ngx-setting .setting_section .segment_content ion-list .main_row_sec .main_col .field ion-item.item-interactive-disabled ion-input {
    background: #f8f8f8;
  }
  .quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.quotationNo {
    width: 160px !important;
  }
  .quotation_page .view_detailTable ng2-smart-table .custom-smart-table table tr th.date {
    width: 160px !important;
  }
  .project_purchaseOrder_list .select_status .custom_select ng-select {
    width: 168px;
  }
  .home_dashboard app-sales-status .sales_report .left_info .sales span {
    display: block;
  }
  .home_dashboard .section_overview ion-card .business_overview ion-row ion-col .business_list .business_list_right h4 {
    font-size: 11px;
  }
}
a24-data-table .data_table {
  margin: 50px 0px 75px 0px;
}
a24-data-table .data_table ngx-datatable {
}
a24-data-table .data_table ngx-datatable.responsive_details_open .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center {
  border-bottom: unset !important;
}
a24-data-table .data_table ngx-datatable div[role=table] {
  box-shadow: 0px 0px 10px var(--ion-border-color) !important;
  border-radius: 10px;
  border: 1px solid var(--table-border-color);
  margin-bottom: 80px;
}
a24-data-table .data_table ngx-datatable div[role=table] datatable-footer {
  position: absolute;
  bottom: 0;
}
a24-data-table .data_table ngx-datatable div[role=table] datatable-footer .datatable-footer-inner {
  height: auto !important;
}
a24-data-table .data_table ngx-datatable datatable-header.datatable-header {
  background: var(--table-background);
  height: 60px !important;
  border-radius: 10px 10px 0 0;
}
a24-data-table .data_table ngx-datatable datatable-header.datatable-header .datatable-header-inner {
  height: 100%;
}
a24-data-table .data_table ngx-datatable datatable-header.datatable-header .datatable-header-inner .datatable-row-center {
  justify-content: space-between;
}
a24-data-table .data_table ngx-datatable datatable-header.datatable-header .datatable-header-inner .datatable-row-center datatable-header-cell:last-child {
  text-align: center;
}
a24-data-table .data_table ngx-datatable datatable-header.datatable-header .datatable-header-inner .datatable-row-center datatable-header-cell.datatable-header-cell {
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  color: var(--bold-color);
  padding: 0.5rem 0.6rem !important;
  white-space: wrap;
  overflow: hidden;
  display: flex;
  align-items: center;
}
a24-data-table .data_table ngx-datatable datatable-header.datatable-header .datatable-header-inner .datatable-row-center datatable-header-cell.datatable-header-cell .datatable-header-cell-template-wrap {
  width: 90%;
}
a24-data-table .data_table ngx-datatable datatable-header.datatable-header .datatable-header-inner .datatable-row-center datatable-header-cell.datatable-header-cell .datatable-header-cell-template-wrap span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 100%;
}
a24-data-table .data_table ngx-datatable datatable-header.datatable-header .datatable-header-inner .datatable-row-center datatable-header-cell.datatable-header-cell:hover {
  background: rgba(0, 47, 89, 0.08);
}
a24-data-table .data_table ngx-datatable datatable-header.datatable-header .datatable-header-inner .datatable-row-center datatable-header-cell.datatable-header-cell.head-status,
a24-data-table .data_table ngx-datatable datatable-header.datatable-header .datatable-header-inner .datatable-row-center datatable-header-cell.datatable-header-cell.head-statusText {
  text-align: center;
}
a24-data-table .data_table ngx-datatable datatable-header.datatable-header .datatable-header-inner .datatable-row-center datatable-header-cell.datatable-header-cell .datatable-header-cell-label {
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  display: block;
}
a24-data-table .data_table ngx-datatable datatable-header.datatable-header .datatable-header-inner .datatable-row-center datatable-header-cell.datatable-header-cell .sort-btn {
  position: absolute;
  top: 0;
  width: 100%;
  right: 0;
  left: 0;
  text-align: right;
  height: 60px;
}
a24-data-table .data_table ngx-datatable datatable-header.datatable-header .datatable-header-inner .datatable-row-center .align_center_content {
  justify-content: center;
  text-align: center;
}
a24-data-table .data_table ngx-datatable datatable-body .datatable-selection {
  display: none;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll {
  display: block;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper {
  position: relative !important;
  transform: unset !important;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper:last-child .datatable-body-row .datatable-row-center .datatable-body-cell {
  border: unset;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row {
  height: auto !important;
  white-space: break-spaces;
  cursor: pointer;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row.disable {
  pointer-events: none !important;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row.disable .cell-rowAction .device_icon {
  pointer-events: visible !important;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center {
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid var(--table-border-color);
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center:hover {
  background-color: var(--table-background);
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center:hover .status-container {
  background-color: white;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center:last-child {
  border-bottom: unset !important;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell {
  padding: 1.1rem 0.6rem;
  height: auto !important;
  vertical-align: top;
  display: flex;
  align-items: flex-start;
  position: relative;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .table_content .data_txt {
  word-break: break-word;
  white-space: normal;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .table_content ion-icon {
  height: 20px;
  width: 20px;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .date_picker input {
  padding: 10px !important;
  color-scheme: auto;
  height: 48px;
  text-indent: 6px !important;
  border-radius: 6px;
  border: 1px solid var(--input-border-color) !important;
  caret-color: unset;
  font-size: 15px !important;
  font-weight: 500 !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  outline: 0 !important;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .date_picker input.custom_input_disable {
  opacity: 0.38;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell.cell-email .table_content::first-letter {
  text-transform: lowercase !important;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell.cell-email .table_content p::first-letter {
  text-transform: lowercase !important;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell.red {
  background-color: var(--red-color);
  color: #ffffff;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell.red .table_content p {
  font-size: 18px;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell.green {
  background-color: var(--red-color);
  color: #ffffff;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell.green .table_content p {
  font-size: 18px;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell.cell-address .table_content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell.cell-status,
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell.cell-statusText {
  text-align: center;
  justify-content: center;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell.cell-status .table_content,
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell.cell-statusText .table_content {
  display: flex;
  justify-content: center;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell:nth-child(2) .tag {
  padding: 0;
  font-size: 13px !important;
  font-weight: 700 !important;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell:nth-child(2) .tag::before {
  content: unset;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell a ion-icon {
  color: var(--accent-color);
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell:last-child {
  text-align: center;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell:last-child .datatable-body-cell-label {
  width: 100%;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label .data_icon {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 20px;
  justify-content: center;
  cursor: pointer;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label .data_icon ion-icon {
  color: var(--accent-color);
  padding: 15px 12px;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label .data_icon ion-icon:hover {
  color: var(--always-white);
  padding: 12px 12px;
  background: var(--accent-color);
  border-radius: 5px;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell span {
  white-space: normal;
  display: block;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell ion-input input {
  padding: 0 !important;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell ion-select {
  padding: 0 !important;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell ion-button {
  height: 30px;
  margin: 0 !important;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell ion-button p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90px;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .align_center_content {
  justify-content: center;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-row-detail {
  height: auto !important;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-row-detail .responsive_row {
  padding: 0 20px 10px 10px;
}
a24-data-table .data_table ngx-datatable datatable-body.datatable-body datatable-selection .datatable-scroll .datatable-row-wrapper .datatable-row-detail .responsive_row p {
  margin: 10px 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
}
a24-data-table .data_table ngx-datatable datatable-row-wrapper:last-child .datatable-row-center {
  border-bottom: unset !important;
}
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .showing_results {
  display: flex;
  align-items: center;
  gap: 15px;
}
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .showing_results .ng-select {
  padding: 0 !important;
  border: 1px solid var(--table-border-color) !important;
}
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .showing_results .ng-select .ng-select-container {
  border-radius: 8px;
  --padding-start: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  height: 34px;
  width: 100px;
  padding: 0 4px;
  font-size: 15px;
  font-weight: 600;
}
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .showing_results p {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
}
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .pagination datatable-pager .pager {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-right: 3px;
}
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .pagination datatable-pager .pager .disabled a i {
  color: #c4c4c4;
}
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .pagination datatable-pager .pager li,
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .pagination datatable-pager .pager .pages {
  width: 40px;
  height: 40px;
  border-radius: 3px;
  border: 1px solid var(--table-border-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .pagination datatable-pager .pager li a,
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .pagination datatable-pager .pager .pages a {
  text-decoration: unset;
  color: var(--always-black);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .pagination datatable-pager .pager li a i,
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .pagination datatable-pager .pager .pages a i {
  line-height: 10px;
  color: var(--accent-color);
}
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .pagination datatable-pager .pager li.active,
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .pagination datatable-pager .pager .pages.active {
  background-color: var(--table-background);
  border-color: var(--table-background);
}
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .pagination datatable-pager .pager li.active a,
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .pagination datatable-pager .pager .pages.active a {
  color: black !important;
  font-size: 17px;
  font-weight: 500;
}
a24-data-table .data_table ngx-datatable datatable-footer .table_footer_section .pagination .total_txt {
  display: flex;
  gap: 5px;
  font-weight: 600;
  font-size: 16px;
}
a24-data-table .data_table ngx-datatable .table_content .date_time_view .date_view {
  display: flex;
  gap: 10px;
}
a24-data-table .data_table ngx-datatable .table_content p {
  word-break: break-word;
  white-space: normal;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
}
a24-data-table .data_table ngx-datatable .table_content p::first-letter {
  text-transform: uppercase;
}
a24-data-table .data_table ngx-datatable .table_content p.address {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
}
a24-data-table .data_table ngx-datatable .table_content p.data_sub_txt {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--table-sub-txt);
}
a24-data-table .data_table ngx-datatable .table_content p.vendar {
  color: var(--link-action-color) !important;
}
a24-data-table .data_table ngx-datatable datatable-footer.datatable-footer .footer_section {
  width: 100% !important;
  padding: 0px 15px;
}
a24-data-table .data_table ngx-datatable datatable-footer.datatable-footer .footer_section .showing_results {
  width: 144px;
}
a24-data-table .data_table ngx-datatable datatable-footer.datatable-footer .footer_section .showing_results p {
  font-size: 14px;
  font-weight: 600;
  margin-right: 10px;
}
a24-data-table .data_table ngx-datatable datatable-footer.datatable-footer .footer_section .showing_results a24-select-component .form-group ion-select {
  border: 1px solid var(--ion-border-color);
  border-radius: 8px;
  --padding-start: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  height: 34px;
  width: 60px;
  padding: 0px 4px;
  font-size: 14px;
  font-weight: 600;
}
a24-data-table .data_table ngx-datatable datatable-footer.datatable-footer .footer_section .pagination .datatable-pager {
  flex: 1 1 46%;
}
a24-data-table .data_table ngx-datatable datatable-footer.datatable-footer .footer_section .pagination .datatable-pager .pager li {
  margin: 0px 3px;
}
a24-data-table .data_table ngx-datatable datatable-footer.datatable-footer .footer_section .pagination .datatable-pager .pager li a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 !important;
  border-radius: 30px;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
a24-data-table .data_table ngx-datatable datatable-footer.datatable-footer .footer_section .pagination .datatable-pager .pager li a:hover {
  background-color: var(--primary-color);
  font-weight: 700;
  color: var(--ion-white-color);
  width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 30px;
  border: 1px solid var(--primary-color);
}
a24-data-table .data_table ngx-datatable datatable-footer.datatable-footer .footer_section .pagination .datatable-pager .pager li a i {
  font-size: 18px;
  line-height: 35px;
  padding: 0;
}
a24-data-table .data_table ngx-datatable datatable-footer.datatable-footer .footer_section .pagination .datatable-pager .pager li.active a {
  background-color: var(--primary-color);
  font-weight: 700;
  color: var(--ion-white-color);
  width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 30px;
}
a24-data-table .data_table ngx-datatable datatable-footer.datatable-footer .footer_section .pagination a24-pagination-length.dnl-pagination-lenoption {
  font-size: 14px;
}
a24-data-table .data_table ngx-datatable.material .empty-row,
a24-data-table .data_table ngx-datatable.material .loading-row {
  text-align: center;
  padding: 1rem 1.2rem;
}
a24-data-table .data_table ngx-datatable.scroll-horz .datatable-body {
  overflow-x: hidden;
}
.kpi_container {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.kpi_container .left_side {
  width: 100%;
  max-width: 280px;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  overflow-x: hidden !important;
  padding-right: 20px;
  height: calc(100vh - 90px);
  overflow: scroll;
  padding-top: 40px;
}
.kpi_container .left_side::after {
  content: "";
  background: var(--table-border-color);
  height: 100vh;
  width: 1px;
  position: absolute;
  left: 320px;
  top: 0;
}
.kpi_container .left_side ion-searchbar input {
  max-width: 100%;
  min-width: auto;
}
.kpi_container .left_side .add_btn {
  text-align: center;
}
.kpi_container .left_side .add_btn .outline_btn {
  max-width: 170px;
}
.kpi_container .right_side {
  width: calc(100% - 260px);
  padding-left: 20px;
  height: calc(100vh - 75px);
  overflow: auto;
  padding-top: 40px;
}
.kpi_container .right_side .table_sec {
  padding: 25px;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
}
.kpi_container .right_side .table_sec .table_action_field {
  margin-bottom: 15px;
}
.kpi_container .right_side .table_sec .table_action_field .right {
  gap: 15px;
}
.kpi_container .right_side .table_sec .table_action_field .right .form_item {
  min-width: 300px;
  width: 100%;
}
.kpi_container .right_side .table_sec .table_action_field .right .form_item .form_group {
  padding: 0;
}
.kpi_container .right_side .chart_container {
  margin-bottom: 30px;
}
.kpi_container .right_side .chart_container h3 {
  margin: 0 0 20px;
  font-size: 21px;
  font-weight: 700;
  color: var(--bold-color);
}
.kpi_container .right_side .chart_container .chart_lit {
  display: flex;
  align-items: center;
  gap: 15px;
}
.kpi_container .right_side .chart_container .chart_lit ion-icon {
  width: 65px;
  height: 75px;
}
.kpi_container .right_side .chart_container .chart_lit ion-icon.disable {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(6610%) hue-rotate(32deg) brightness(76%) contrast(89%);
}
.kpi_container .category_list .category_box {
  margin-bottom: 30px;
}
.kpi_container .category_list .category_box h3 {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  color: var(--bold-color);
  margin-bottom: 20px;
}
.kpi_container .category_list .category_box .list_item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--table-border-color);
  min-height: 65px;
  height: 100%;
  justify-content: space-between;
  cursor: pointer;
  padding: 15px 5px 8px 10px;
}
.kpi_container .category_list .category_box .list_item:hover {
  background-color: var(--table-background);
}
.kpi_container .category_list .category_box .list_item.kpi-active {
  background: var(--accent-color);
  border: unset;
  border-radius: 5px;
}
.kpi_container .category_list .category_box .list_item.kpi-active .head_txt,
.kpi_container .category_list .category_box .list_item.kpi-active .sub_txt,
.kpi_container .category_list .category_box .list_item.kpi-active ion-icon {
  color: var(--always-white) !important;
}
.kpi_container .category_list .category_box .list_item .left {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.kpi_container .category_list .category_box .list_item .right ion-icon {
  font-size: 24px;
  color: #8a9097;
  cursor: pointer;
}
.kpi_container .category_list .category_box .list_item .head_txt {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
.kpi_container .category_list .category_box .list_item .sub_txt {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
  color: var(--table-sub-txt);
}
.datatable-icon-up::before,
.datatable-icon-down::before {
  top: 23px;
  position: absolute;
  z-index: 9999;
  right: 8px;
}
.datatable-icon-sort-unset::before {
  top: 23px;
  position: absolute;
  z-index: 9999;
  right: 8px;
}
ion-input {
  min-height: 45px;
  border: 1px solid #a9d0f7;
  border-radius: 5px;
  background: #f8fbfd;
  --padding-start: 20px !important;
  --padding-end: 20px !important;
  --border-width: 1px 1px 1px 1px !important;
}
ion-input input {
  color: black !important;
  font-size: 15px !important;
}
ion-textarea {
  --padding-start: 20px !important;
  --padding-end: 20px !important;
  --padding-top: 10px !important;
  --padding-bottom: 10px !important;
  border: 1px solid #a9d0f7 !important;
  border-radius: 5px !important;
  background: #f8fbfd !important;
}
ion-textarea textarea {
  color: black !important;
  font-size: 15px !important;
}
.media_container {
  width: 100%;
  max-width: 1000px;
  border-radius: 6px;
  position: absolute;
}
.media_container ul {
  width: 1000px;
  display: flex;
  overflow: hidden;
  padding: 0px !important;
  list-style: none;
}
.media_container ul li .uploaded_img_past {
  width: 1000px;
  display: inline-block;
  height: 480px;
  border-radius: 6px;
  position: relative;
}
.media_container ul li .uploaded_img_past img {
  height: 480px;
  width: 99%;
  position: absolute;
  object-fit: contain;
}
.media_container ul li .uploaded_img_past .close_btn_container {
  height: 40px;
  width: 40px;
  position: relative;
  top: 20px;
  right: 25px;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgba(210, 210, 210, 0.63);
  cursor: pointer;
}
.media_container ul li .uploaded_img_past .close_btn_container .close_btn {
  height: 25px;
  width: 25px;
}
.media_container_overlay {
  position: relative;
  top: 440px;
  height: 40px;
}
.media_container_overlay .pagination_btn_container {
  height: 40px;
  width: 100%;
  position: relative;
}
.media_container_overlay .pagination_btn_container div {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 40px;
  width: 100%;
}
.media_container_overlay .pagination_btn_container div ul {
  height: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding: 10px !important;
  background: rgba(210, 210, 210, 0.63);
  border-radius: 20px;
}
.media_container_overlay .pagination_btn_container div ul li {
  height: 12px;
  width: 12px;
  background: black;
  border-radius: 100%;
  margin-right: 15px;
  cursor: pointer;
}
.media_container_overlay .pagination_btn_container div ul li:last-child {
  margin-right: 0px;
}
.media_container_overlay .pagination_btn_container div ul .active_slide {
  background: #018ede;
}
.table_sec {
  margin: 70px 50px;
}
.table_sec .table_action_field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 25px;
}
.table_sec .table_action_field .left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 25px;
}
.table_sec .table_action_field .left .txt_box .table_txt_head {
  font-size: 20px;
  font-weight: 600;
}
.table_sec .table_action_field .left ngx-date-picker .form_group {
  padding-bottom: 0;
}
.table_sec .table_action_field .left .txt_container_table {
  display: flex;
  align-items: center;
  gap: 15px;
}
.table_sec .table_action_field .left .txt_container_table h3 {
  max-width: 245px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  margin: 0;
  font-size: 21px;
  font-weight: 600;
  color: var(--bold-color);
}
.table_sec .table_action_field .left .txt_container_table ion-icon {
  font-size: 20px;
  color: var(--accent-color);
  cursor: pointer;
}
.table_sec .table_action_field .filter_icon,
.table_sec .table_action_field .upload_icon {
  width: 48px;
  height: 48px;
  border: 1px solid var(--input-border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 5px;
  color: var(--text-light-color);
  cursor: pointer;
}
.table_sec .table_action_field .filter_icon:hover,
.table_sec .table_action_field .upload_icon:hover {
  border-color: var(--input-focus-border);
  color: var(--accent-color);
  box-shadow: var(--input-focus-color) !important;
}
.table_sec .table_action_field .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.table_sec .table_action_field .right ion-button {
  min-width: 160px;
}
.table_sec .table_action_field .right .outline_btn_box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.table_sec .table_action_field .right .outline_btn_box .filter_icon {
  width: 75px;
}
.table_sec .table_action_field .right .outline_btn_box ion-button .btn_icon {
  gap: 15px;
  padding: 0;
}
.filter_add .table_action_field {
  margin-bottom: 20px !important;
}
.filter_add .filter_container {
  border: 1px solid var(--table-border-color) !important;
  margin: 15px 0;
  min-height: 125px;
  opacity: 1;
  height: 100%;
}
.filter_add .form_page {
  padding: 10px 25px;
}
.filter_add .form_page .input_box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.filter_add .form_page .input_box .form_group {
  min-width: 150px;
}
.filter_add .form_page .input_box .form_group p {
  font-weight: 600 !important;
}
.filter_add .apply_btn {
  padding: 15px 0px;
}
ngx-custom-dialog {
  height: 240px !important;
}
@media only screen and (min-device-width: 601px) and (max-device-width: 1680px) {
  .date_picker .select_datePic .shown .calendar tr td {
    font-size: 14px;
    padding: 8px;
  }
  .shown .calendar .week-days th {
    padding: 0;
  }
  .date_picker .select_datePic .shown.double.show-ranges .ranges ul li {
    font-size: 12px;
    padding: 5px;
    width: 100%;
  }
  .date_picker .select_datePic .shown.double.show-ranges .ranges ul li button {
    padding: 10px;
    width: 100%;
    font-size: 14px;
  }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1280px) {
  .page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td,
  .page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td,
  .page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr td,
  .page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr td {
    padding: 24px 10px;
  }
  .page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr td ion-radio-group ion-item,
  .page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr td ion-radio-group ion-item {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }
  .page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td h3,
  .page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td p,
  .page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td span,
  .page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td h3,
  .page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td p,
  .page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr.grand_total td span {
    font-size: 22px;
  }
  .dnl_projectDetails_page .card_box .card_body .project-info:nth-child(3) {
    margin-top: 10px;
  }
  .dnl_projectDetails_page .card_box .card_body .project-info:nth-child(3) p {
    margin-left: 40px;
  }
  .dnl_projectDetails_page .card_box .card_body .project-info.userDetails p.userName {
    margin-left: 0;
  }
  .dnl_projectDetails_page .icon-info-text p {
    width: 80%;
  }
  .dnl_projectDetails_page .userAddress {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .page_content.project_addQuotation_page ion-list .main_row_sec .main_col .card_box .card_body table tr td:last-child,
  .page_content.project_editInvoice_page ion-list .main_row_sec .main_col .card_box .card_body table tr td:last-child {
    padding: 24px 16px 24px 10px;
  }
}
.webmodal .ion-page {
  position: absolute !important;
}
.webmodal .ion-page #background-content {
  --background: #f1f2f6 !important;
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1820px) {
  .project_list_page .table_sec .filter_sec .table_filter .filter_item {
    flex-wrap: wrap;
  }
  .page_content.project_list_page .filters,
  .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .add_new_btn {
    position: unset;
  }
  .page_content.project_list_page .table_sec .addNew_btn {
    margin-bottom: 16px;
    position: unset;
  }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 991px) {
  .webmodal {
    --width: 35%;
  }
  .project_addPurchaseOrder_page .phone_call .tel_input {
    width: 60%;
  }
  .project_addPurchaseOrder_page .phone_call .call_code {
    width: 40%;
  }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1176px) {
  .company_profile_page ion-list .main_row_sec .main_col {
    width: 50%;
    margin-right: 30px;
  }
  .company_profile_page ion-list.list-lines-none {
    width: 90%;
  }
  .table_sec .filter_sec,
  .table_sec .filter_sec .table_filter .filter_item {
    flex-wrap: wrap;
  }
  .page_content.project_list_page .filters,
  .table_sec .addNew_btn {
    margin-bottom: 16px;
  }
  .table_sec .filter_sec .table_filter .filter_item .btn.theme_outline_btn {
    margin-right: 20px;
  }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1920px) {
  .page_content.dashboard_page ng2-smart-table .custom-smart-table table thead tr:first-child th a,
  ng2-smart-table .custom-smart-table table thead tr:first-child th a {
    position: unset;
  }
}
@media only screen and (max-width: 991px) {
  .dnl_sheet_page .card_box table tbody tr td:nth-child(2),
  .dnl_sheet_page .card_box table tbody tr td:nth-child(3) {
    padding-right: 16px !important;
  }
  ngx-project-list .page_content.project_list_page .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 430px) {
  ion-content.dnl_login_page .content_wrapper .card_bg .logo {
    margin-bottom: 16px;
  }
  ion-content.dnl_login_page .content_wrapper .card_bg .logo img {
    width: 70px;
  }
  ngx-setting ion-segment.tabs_head {
    display: block;
  }
}
.ion-padding {
  padding: 10px;
}
:root[mode=ios] .OpenSans,
:root[mode=md] .OpenSans {
  --ion-font-family: "Open Sans", sans-serif;
  font-family: "Open Sans", sans-serif;
}
:root {
  --ion-sidemenu-background: #fff;
  --ion-white-color: #fff;
  --ion-black-color: #11141a;
  --ion-theme-red-color: #d74637 !important;
  --ion-theme-blue-color: #018ede;
  --ion-theme-delete-color: #f3565d;
  --ion-color-base: #018ede;
  --ion-toolbar-background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-width: 3px;
  border-radius: 30px;
}
::-webkit-scrollbar-track {
  background: var();
  border: 1px solid var(--ion-white-color);
  width: 3px;
  display: table-cell;
  vertical-align: middle;
  border-radius: 30px;
}
::selection {
  background-color: #ebf6fe;
  color: var(--ion-black-color);
}
input:-webkit-autofill {
  height: 50px;
  -webkit-box-shadow: 0 0 0 10px var(--ion-white-color) inset;
  -webkit-text-fill-color: var(--ion-black-color) !important;
  font-weight: 500px;
}
input:-webkit-autofill:focus {
  height: 50px;
  -webkit-box-shadow: 0 0 0 10px var(--ion-white-color) inset;
  -webkit-text-fill-color: var(--ion-black-color) !important;
  font-weight: 500px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30pxvar --ion-white-color inset !important;
  box-shadow: 0 0 0 30px var(--ion-white-color) inset !important;
  border: none !important;
  -webkit-text-fill-color: #000 !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-background-color: transparent;
  transition: background-color 5000s ease-in-out 0s;
}
body {
  background: url("./media/background-H5LNNILS.svg") no-repeat;
  width: 100%;
  font-family: "Open Sans", sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
div,
ion-button,
ion-title,
ion-label,
ion-input,
ion-textarea {
  font-family: "Open Sans", sans-serif !important;
  --ion-font-family: "Open Sans", sans-serif !important;
  color: var(--ion-black-color);
  text-decoration: none;
}
ion-content {
  --background: transparent;
}
.sass_page_content {
  margin: 78px auto 0;
  width: 96%;
}
.view_all {
  color: #3b8dc9;
  cursor: pointer;
}
.hide-err {
  font-size: 14px !important;
  color: #f71a1a;
  margin-bottom: 0px;
  letter-spacing: 0.4px;
  margin: 0;
  margin-top: 10px;
  margin-right: 8px;
  line-height: 17px;
}
.space_between {
  justify-content: space-between;
}
.space_center {
  justify-content: center;
}
.align_start {
  align-items: flex-start;
}
.align_end {
  align-items: flex-end;
}
.align_center {
  align-items: center;
}
ion-card {
  border-radius: 8px;
}
ion-card.grey_bg {
  background: #e2e3e4;
}
ion-card.grey_bg ion-segment-button ion-label {
  text-transform: capitalize;
}
ion-card.grey_bg ion-segment-button ion-label.sc-ion-label-ios-s {
  text-indent: 10px;
}
ion-card.grey_bg .payment_tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
ion-card.grey_bg .payment_tab .tabs_head {
  align-items: center;
  justify-content: space-between;
  width: 60%;
}
ion-card.grey_bg .payment_tab .tabs_head ion-segment-button {
  max-width: 100px;
}
ion-card.grey_bg .payment_tab .tabs_head ion-segment-button::part(native) {
  --padding-start: 0;
}
ion-card.grey_bg .payment_tab .tabs_head ion-segment-button ion-label {
  align-self: flex-start;
}
ion-card.grey_bg .payment_tab .tabs_head ion-segment-button::part(indicator) {
  width: 80%;
}
ion-card.grey_bg .payment_tab .view_all {
  color: #3b8dc9;
  cursor: pointer;
}
ion-card.grey_bg .payment_detail {
  max-height: 438px;
  overflow-y: scroll;
  height: 100%;
}
ion-card.grey_bg .payment_detail::-webkit-scrollbar-thumb {
  background: transparent;
  border: 1px solid transparent;
}
ion-card.grey_bg .payment_detail::-webkit-scrollbar-thumb {
  background: transparent;
  border: 1px solid transparent;
}
ion-card.grey_bg .payment_detail::-webkit-scrollbar-track {
  border: 1px solid transparent;
}
ion-card.grey_bg .payment_detail::-webkit-scrollbar-track {
  background: transparent;
  border: 1px solid transparent;
}
.setting_btn ion-button {
  --background: #daeefc !important;
  --color: var(--ion-black-color);
}
.theme_white_btn ion-button {
  --background: #f0f2ff;
  color: var(--ion-theme-blue-color);
}
.theme_blue_btn ion-button {
  --background: var(--ion-theme-blue-color) !important;
  color: var(--ion-white-color);
}
.page_content .table_sec .view_detailTable .table-responsive table tbody tr.disable_row {
  pointer-events: none;
}
ion-header {
  background: rgb(21, 145, 194);
  background:
    linear-gradient(
      90deg,
      rgb(21, 145, 194) 0%,
      rgb(12, 91, 149) 50%,
      rgb(5, 46, 111) 100%);
}
ion-header ion-toolbar.page_toolbar {
  --background: var(--ion-toolbar-background);
  margin: 0 auto;
  width: 96%;
  border-bottom: 0 !important;
  padding: 0px;
}
ion-header ion-toolbar.page_toolbar ion-buttons {
  margin: 0;
}
ion-header ion-toolbar.page_toolbar ion-buttons.back_arrow ion-icon {
  display: none;
}
ion-header ion-toolbar.page_toolbar ion-buttons ion-button {
  margin: 0;
}
ion-header ion-toolbar.page_toolbar ion-buttons ion-button button {
  padding: 0;
}
ion-header ion-toolbar.page_toolbar ion-menu-button {
  color: var(--ion-black-color);
  font-size: 24px;
}
ion-header ion-toolbar.page_toolbar .header_menu ion-button {
  margin-right: 20px;
  margin-top: 0px;
  --padding-start: 0;
  --padding-end: 0;
}
ion-header ion-toolbar.page_toolbar .page_title {
  margin: 20px 0px;
}
ion-header ion-toolbar.page_toolbar .page_title ion-title {
  font-size: 28px;
  font-weight: 600;
  color: var(--ion-white-color);
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}
ion-header ion-toolbar.page_toolbar .page_title p {
  font-size: 14px;
  color: #7f8fa4;
  margin: 0;
  margin-top: 5px;
  display: none;
}
ion-header ion-toolbar.page_toolbar ion-avatar {
  width: 55px;
  height: 55px;
  margin-left: 20px;
}
ion-header ion-toolbar.page_toolbar ion-buttons:hover .name {
  color: var(--ion-white-color);
}
ion-header ion-toolbar.page_toolbar .toggle_img.app_menu {
  display: none;
}
ion-header::after {
  display: none;
}
ion-header .user_profile .user_profile_desc {
  display: flex;
  text-align: right;
  align-items: center;
}
ion-header .user_profile .user_profile_desc .name {
  font-size: 24px;
  font-weight: 500;
  color: var(--ion-white-color);
}
ion-header .user_profile .user_profile_desc .profile-t-tag span {
  color: var(--ion-white-color);
  font-size: 12px;
  margin-top: -5px;
  display: block;
}
ion-header .user_profile .user_profile_desc ion-avatar {
  box-shadow: -3px 3px 6px 1px rgba(12, 12, 12, 0.0901960784);
  width: 50px;
  height: 50px;
  margin-left: 14px;
  margin-right: 0px;
  position: relative;
  background: var(--ion-theme-red-color);
}
ion-header .user_profile .user_profile_desc ion-avatar span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
}
ion-menu {
  z-index: 99999;
}
ion-menu.dnl_sidemenu {
  --side-min-width: 252px !important;
  --side-max-width: 252px !important;
  color: var(--ion-white-color);
  --border: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
ion-menu.dnl_sidemenu ion-content::part(scroll) {
  --overflow-y: auto;
}
ion-menu.dnl_sidemenu ion-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
ion-menu.dnl_sidemenu ion-content::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}
ion-menu.dnl_sidemenu ion-content::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #555555;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content {
  background: var(--ion-sidemenu-background);
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list {
  position: relative;
  height: 100%;
  padding-top: 0px !important;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list .site_header ion-toolbar {
  --background: var(--ion-sidemenu-background);
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list .site_header ion-toolbar .sidemenu_logo {
  padding: 16px;
  position: relative;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list .site_header ion-toolbar .sidemenu_logo img {
  width: 77px;
  margin: 0 auto;
  display: table;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list .site_header ion-toolbar .sidemenu_logo p {
  margin: 10px auto 0px auto;
  text-align: center;
  font-size: 12px;
  color: #929ba4;
  font-weight: 300;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item {
  position: relative;
  display: inherit;
  --padding-start: 0;
  --padding-end: 0;
  --inner-padding-end: 0;
  --background: var(--ion-sidemenu-background);
  --background-activated: var(--ion-theme-blue-color);
  --background-focused: var(--ion-theme-blue-color);
  --background-hover: var(--ion-theme-blue-color);
  --background-activated-opacity: 1;
  --background-focused-opacity: 1;
  --background-hover-opacity: 1;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item ion-skeleton-text {
  margin: 14px auto !important;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.logout {
  position: absolute;
  z-index: 999;
  bottom: 20px;
  width: 100%;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.logout ion-icon {
  color: var(--ion-theme-blue-color);
  margin-left: 24px;
  margin-right: 20px;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.logout:hover {
  --background: transparent;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.disable {
  opacity: 0.2;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.disable a {
  cursor: not-allowed !important;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item a {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item a ion-icon {
  color: #11141a;
  width: 20px;
  height: 20px;
  margin-left: 24px !important;
  pointer-events: none;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item a ion-label {
  font-weight: 400;
  color: #11141a;
  margin-left: 20px;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item a ion-item-group {
  position: relative;
  width: 100%;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item a ion-item-group::after {
  top: 22px;
  right: 15px;
  color: var(--ion-black-color);
  content: "";
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--ion-black-color);
  width: 0px;
  height: 0px;
  transform: rotate(180deg);
  z-index: 9;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item a ion-item-group ion-icon:first-child {
  float: left;
  margin: 14px 20px 14px 0;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item a ion-item-group ion-label {
  margin: 14px 0;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item:hover,
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.active {
  --background: var(--ion-theme-blue-color);
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item:hover a ion-icon,
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.active a ion-icon {
  color: var(--ion-white-color) !important;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item:hover a ion-label,
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.active a ion-label {
  color: var(--ion-white-color) !important;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item:hover a ion-item-group::after,
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.active a ion-item-group::after {
  transform: rotate(180deg);
  border-bottom: 6px solid var(--ion-white-color) !important;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item:hover a ion-item-group ion-label,
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.active a ion-item-group ion-label {
  margin: 14px 0;
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item:hover a ion-item-group:hover ion-item ion-icon,
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item:hover a ion-item-group:hover ion-item ion-label,
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.active a ion-item-group:hover ion-item ion-icon,
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.active a ion-item-group:hover ion-item ion-label {
  color: var(--ion-black-color);
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.expand:hover,
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.expand.active {
  --background: var(--ion-theme-blue-color);
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.expand:hover a ion-item-group::after,
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.expand.active a ion-item-group::after {
  transform: rotate(180deg);
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.expand:hover a ion-item-group ion-item,
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.expand.active a ion-item-group ion-item {
  --background: var(--ion-theme-blue-color);
}
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.expand:hover a ion-item-group::after,
ion-menu.dnl_sidemenu ion-content.sidemenu_content ion-list ion-item.expand.active a ion-item-group::after {
  border-bottom: 6px solid var(--ion-white-color) !important;
}
app-payment-report-list .page_content .table_sec .view_detailTable .table-responsive table tbody tr {
  pointer-events: none;
}
.length_text {
  width: auto;
  max-height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
}
.dashboard_section {
}
.dashboard_section .dashboard_left {
  width: 71%;
}
.dashboard_section .dashboard_left .top_sec .date ion-button {
  --background: var(--ion-white-color);
  height: 50px;
}
.dashboard_section .dashboard_left .top_sec .date .date_picker .custom_date {
  left: 10px;
  top: 17px;
  color: var(--ion-theme-blue-color);
}
.dashboard_section .dashboard_left .top_sec .date .date_picker .select_datePic {
  border: unset;
}
.dashboard_section .dashboard_left .top_sec .date .date_picker .select_datePic input {
  height: 50px;
  text-indent: 25px;
}
.dashboard_section .dashboard_left .top_sec .searchbar {
  width: 75%;
}
.dashboard_section .dashboard_left .top_sec .searchbar ion-searchbar {
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.dashboard_section .dashboard_left .top_sec .searchbar ion-searchbar input {
  height: 50px;
  border-radius: 5px;
  box-shadow: unset;
}
.dashboard_section .dashboard_left .top_sec .searchbar ion-searchbar input::placeholder {
  opacity: 1;
  color: #000000;
}
.dashboard_section .dashboard_left .top_sec .searchbar ion-searchbar ion-icon {
  top: 15px;
  color: var(--ion-theme-blue-color);
}
.dashboard_section .dashboard_left .top_sec .setting .white_btn {
  --background: var(--ion-white-color);
  height: 50px;
}
.dashboard_section .dashboard_left .top_sec .setting .white_btn ion-icon {
  color: var(--ion-theme-blue-color);
  font-size: 24px;
}
.dashboard_section .dashboard_left .middle_sec ion-card {
  margin: 10px 0px;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details {
  padding: 15px;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list {
  width: 32.333%;
  min-height: 200px;
  color: var(--ion-white-color);
  padding: 15px 20px 15px 20px;
  border-radius: 10px;
  position: relative;
  box-shadow: 3px 3px 6px rgba(12, 12, 12, 0.0901960784);
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .no_plan {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -85%);
  width: 100%;
  text-align: center;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.silver .card_mid {
  max-height: 150px;
  overflow: hidden;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.silver .card_mid p {
  color: var(--ion-white-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_top p {
  font-weight: 700;
  margin: 0;
  color: var(--ion-white-color);
  display: flex;
  align-items: center;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_top p ion-icon {
  font-size: 24px;
  margin-right: 5px;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_mid {
  flex-wrap: wrap;
  justify-content: unset;
  align-items: baseline;
  margin: 0px 15px;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_mid::-webkit-scrollbar {
  width: 0;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_mid h2 {
  font-size: 46px;
  font-weight: 700;
  color: var(--ion-white-color);
  margin-bottom: 0;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_mid p {
  color: var(--ion-white-color);
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_bot {
  position: absolute;
  bottom: -25px;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_bot a {
  background: var(--ion-white-color);
  width: 120px;
  height: 50px;
  color: var(--ion-black-color);
  border-radius: 10px;
  margin: 0px 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  box-shadow: 3px 3px 6px rgba(12, 12, 12, 0.0901960784);
  cursor: pointer;
  font-weight: 700;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_bot a ion-icon {
  margin-right: 15px;
  color: #d74637;
  font-size: 20px;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.green {
  background: rgb(85, 225, 195);
  background:
    linear-gradient(
      180deg,
      rgb(85, 225, 195) 0%,
      rgb(190, 230, 115) 100%);
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.orange {
  background: rgb(255, 205, 95);
  background:
    linear-gradient(
      180deg,
      rgb(255, 205, 95) 0%,
      rgb(250, 98, 72) 100%);
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.silver {
  background: rgb(226, 227, 228);
  background:
    linear-gradient(
      180deg,
      rgb(226, 227, 228) 0%,
      rgb(255, 255, 255) 50%,
      rgb(226, 227, 228) 100%);
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.silver .card_top p {
  margin: 0;
  color: var(--ion-black-color);
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.silver .card_mid h2 {
  font-size: 46px;
  font-weight: 700;
  color: var(--ion-black-color);
  margin-bottom: 0;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.silver .card_mid p {
  color: var(--ion-black-color);
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.silver .card_mid .plan_list {
  width: 33%;
  text-align: center;
  margin: 20px 0px 0px;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.silver .card_mid .plan_list h3 {
  font-size: 34px;
  font-weight: 700;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.silver .card_mid .plan_list h3.blue_text {
  color: #3b8dc9;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.silver .card_mid .plan_list h3.green_text {
  color: #12880e;
}
.dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.silver .card_mid .plan_list h3.red_text {
  color: #d74637;
}
.dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats {
  width: 100%;
  flex-wrap: inherit;
  margin: 15px 0px 0px;
}
.dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales {
  width: 100%;
}
.dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_list {
  width: 290px;
  height: 120px;
  display: block;
  box-shadow: 3px 3px 6px rgba(12, 12, 12, 0.0901960784);
  border: 1px solid #d6d6d6;
  margin: 0px 15px;
}
.dashboard_section .dashboard_left .bottom_sec .bottom_section_full {
  width: 100%;
}
.dashboard_section .dashboard_left .bottom_sec .bottom_section_full .top_subscribers .grey_bg .blue_text {
  margin: 0;
}
.dashboard_section .dashboard_left .bottom_sec .bottom_section_full .top_subscribers .nos_slide {
  width: 100%;
  height: 100%;
  margin-top: 10px;
}
.dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users {
  align-items: flex-start !important;
}
.dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .no_user {
  width: 49%;
}
.dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .no_user ion-card {
  height: 100%;
  min-height: 300px;
}
.dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .no_user ion-card .user_container {
  display: flex;
  align-items: center;
}
.dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .no_user ion-card .user_container ngx-chartjs {
  width: 100%;
}
.dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .no_user ion-card .user_container .no_text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  margin-top: 10px;
}
.dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .no_user ion-card .user_container .no_text p {
  margin: 10px 0 0;
}
.dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location {
  width: 49%;
}
.dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location ion-card {
  height: 100%;
  min-height: 312px;
}
.dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location ion-card .location_container {
  text-align: end;
  margin-top: 10px;
}
.dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location ion-card .location_container ngx-chartjs {
  width: 56%;
  position: absolute;
  top: 0px;
  left: 20px;
}
.dashboard_section .dashboard_left .bottom_sec ion-card {
  padding: 15px;
  margin: 5px 0px 10px;
}
.dashboard_section .dashboard_left .bottom_sec ion-card h3 {
  margin: 0;
  font-weight: 700;
}
.dashboard_section .dashboard_right {
  width: 28%;
}
.dashboard_section .dashboard_right .notifications {
  padding: 20px 15px;
  max-height: 471px;
  min-height: 471px;
}
.dashboard_section .dashboard_right .notifications .no_data {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -59%);
  width: 100%;
  text-align: center;
}
.dashboard_section .dashboard_right .notifications .top_noti {
  position: relative;
}
.dashboard_section .dashboard_right .notifications .top_noti span {
  color: var(--ion-black-color);
  font-size: 18px;
  font-weight: 700;
}
.dashboard_section .dashboard_right .notifications .top_noti span ion-icon {
  color: var(--ion-theme-blue-color);
  margin-right: 10px;
  font-size: 22px;
}
.dashboard_section .dashboard_right .notifications .top_noti .close_btn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  cursor: pointer;
}
.dashboard_section .dashboard_right .notifications .notification_list {
  margin-top: 10px;
  height: 100%;
  overflow-y: scroll;
  max-height: 447px;
  padding-bottom: 60px;
}
.dashboard_section .dashboard_right .notifications .notification_list::-webkit-scrollbar-thumb {
  background: transparent;
  border: 1px solid transparent;
}
.dashboard_section .dashboard_right .notifications .notification_list::-webkit-scrollbar-thumb {
  background: transparent;
  border: 1px solid transparent;
}
.dashboard_section .dashboard_right .notifications .notification_list::-webkit-scrollbar-track {
  border: 1px solid transparent;
}
.dashboard_section .dashboard_right .notifications .notification_list::-webkit-scrollbar-track {
  background: transparent;
  border: 1px solid transparent;
}
.dashboard_section .dashboard_right .notifications .notification_list ion-card {
  padding: 8px 15px;
  margin: 10px 0px;
  box-shadow: 0 0 20px rgba(12, 12, 12, 0.1019607843);
}
.dashboard_section .dashboard_right .notifications .notification_list ion-card .brand_logo {
  background: var(--ion-white-color);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(12, 12, 12, 0.231372549);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard_section .dashboard_right .notifications .notification_list ion-card .brand_logo img {
  object-fit: contain;
  width: 70%;
  height: 33px;
  object-position: center;
  margin: auto;
}
.dashboard_section .dashboard_right .notifications .notification_list ion-card .brand_logo ion-icon {
  width: 84%;
  margin: auto;
  display: table;
  top: 15px;
  position: relative;
}
.dashboard_section .dashboard_right .notifications .notification_list ion-card .brand_details {
  margin-left: 20px;
  width: 80%;
}
.dashboard_section .dashboard_right .notifications .notification_list ion-card .brand_details h4 {
  font-size: 16px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  margin: 0px 0px 5px 0px;
}
.dashboard_section .dashboard_right .notifications .notification_list ion-card .brand_details p {
  margin: 0;
  font-size: 12px;
}
.dashboard_section .dashboard_right .notifications .notification_list ion-card .brand_details p.blue {
  color: var(--ion-theme-blue-color);
}
.dashboard_section .dashboard_right .payment_history {
  margin-top: 15px;
}
.dashboard_section .dashboard_right .payment_history ion-card {
  min-height: 548px;
  max-height: 548px;
}
.dashboard_section .dashboard_right .payment_history .ph_list {
  box-shadow: 3px 3px 6px rgba(12, 12, 12, 0.0901960784);
  align-items: flex-start;
  padding: 10px 10px;
  min-height: auto;
  max-height: unset;
}
.dashboard_section .dashboard_right .payment_history .ph_list .ph_left {
  width: 45%;
}
.dashboard_section .dashboard_right .payment_history .ph_list .ph_left h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
}
.dashboard_section .dashboard_right .payment_history .ph_list .ph_left span {
  font-size: 11px;
}
.dashboard_section .dashboard_right .payment_history .ph_list .ph_center {
  width: 24%;
}
.dashboard_section .dashboard_right .payment_history .ph_list .ph_center .paid {
  color: #12880e;
  margin: 0;
  text-align: left;
  font-size: 11px;
}
.dashboard_section .dashboard_right .payment_history .ph_list .ph_center .paid span {
  background: #12880e;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px;
}
.dashboard_section .dashboard_right .payment_history .ph_list .ph_center .pending {
  color: #d74637;
  margin: 0;
  text-align: left;
  font-size: 11px;
}
.dashboard_section .dashboard_right .payment_history .ph_list .ph_center .pending span {
  background: #d74637;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px;
}
.dashboard_section .dashboard_right .payment_history .ph_list .ph_right {
  width: 26%;
  position: relative;
}
.dashboard_section .dashboard_right .payment_history .ph_list .ph_right p {
  font-size: 12px;
  margin: 0;
}
.dashboard_section .dashboard_right .payment_history .ph_list .ph_right .options {
  position: absolute;
  top: 1px;
  right: -6px;
}
.dashboard_section .dashboard_right ion-card {
  padding: 15px;
  margin: 10px 0px;
}
.dashboard_section .dashboard_right ion-card h3 {
  margin: 0;
  font-weight: 700;
}
ion-modal.auto-height {
  --height: auto;
}
ion-modal.auto-height .ion-page {
  position: relative;
  display: block;
  contain: content;
  padding-top: 100px;
}
.filter-selection {
  display: flex;
  align-items: center;
  margin-top: 16px;
  color: #11141a;
  font-size: 14px;
  font-weight: 400;
}
.filter-selection .count_dropDown .custom_select ng-select {
  padding: 0 !important;
  margin: 0 !important;
}
.filter-selection .count_dropDown .custom_select ng-select::after {
  display: none;
  visibility: hidden;
}
.filter-selection .count_dropDown .custom_select ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value,
.filter-selection .count_dropDown .custom_select ng-select .ng-select-container .ng-value-container {
  overflow: visible;
}
.filter-selection .count_dropDown .custom_select ng-select span.ng-arrow-wrapper {
  visibility: hidden;
}
.filter-selection .custom_select {
  width: 80px;
  height: 44px;
  background: #fff;
  padding: 0 16px;
  box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.0901960784);
  border-radius: 5px;
  color: #828282;
  display: flex;
  align-items: center;
  position: relative;
}
.filter-selection .custom_select ng-select {
  position: absolute;
  top: -1px;
  width: 80px;
  height: 44px;
  left: -1px;
  line-height: 24px;
}
.filter-selection .custom_select ng-select.ng-select-opened .ng-has-value::after {
  transform: rotate(45deg);
}
.filter-selection .custom_select ng-select ng-dropdown-panel {
  left: 0px;
  bottom: 46px;
  right: 0;
  background: #fff;
  border: 1px solid #ebebeb;
  box-shadow: 1px 2px 5px 0 rgba(12, 12, 12, 0.2);
  border-radius: 5px;
  width: 80px;
}
.filter-selection .custom_select ng-select ng-dropdown-panel p {
  margin: 0;
  margin-top: 10px;
}
.filter-selection .custom_select ng-select ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 5px 16px 5px;
}
.filter-selection .custom_select ng-select ng-dropdown-panel .ng-option-marked {
  border-right: 3px solid var(--ion-theme-blue-color);
  color: var(--ion-theme-blue-color);
  background: #ebf6fe;
}
.filter-selection .custom_select ng-select .ng-placeholder {
  font-size: 12px;
  padding: 10px;
}
.filter-selection .custom_select ng-select .ng-has-value {
  height: 44px;
  position: relative;
  padding: 10px 16px;
  display: flex;
  align-items: center;
}
.filter-selection .custom_select ng-select .ng-has-value::after {
  content: "";
  width: 5px;
  height: 5px;
  background: transparent;
  border-top: 2px solid var(--ion-theme-blue-color);
  border-left: 2px solid var(--ion-theme-blue-color);
  transition: all 250ms ease-in-out;
  transform: rotate(-135deg);
  right: 16px;
}
.filter-selection .custom_select ng-select .ng-has-value .ng-placeholder {
  padding: 0;
}
.filter-selection .filter-selection_name {
  margin-left: 20px;
  color: #0e1d2f;
}
#dnl-footer,
.dnl-footer-class {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 0px;
  align-items: center;
  position: relative;
  width: 100%;
  margin: 20px 0px 50px 0px;
}
#dnl-footer .pagination-bottom,
.dnl-footer-class .pagination-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  position: relative;
  box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.0901960784);
}
#dnl-footer .pagination-bottom ul.pagination,
.dnl-footer-class .pagination-bottom ul.pagination {
  background: var(--ion-white-color);
  margin: 0;
  border-radius: 5px;
}
#dnl-footer .pagination-bottom ul.pagination li,
.dnl-footer-class .pagination-bottom ul.pagination li {
  text-align: center;
  padding: 5px;
  position: relative;
}
#dnl-footer .pagination-bottom ul.pagination li a,
.dnl-footer-class .pagination-bottom ul.pagination li a {
  text-decoration: none;
  border: none !important;
  color: var(--ion-theme-blue-color);
  padding: 0 !important;
  width: 28px;
  height: 28px;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
  outline: 0;
  --link-text-focus-color: transparent;
  --link-text-hover-color: transparent;
}
#dnl-footer .pagination-bottom ul.pagination li a span,
.dnl-footer-class .pagination-bottom ul.pagination li a span {
  display: block !important;
  font-size: 28px;
  line-height: 25px;
  cursor: pointer;
  outline: 0;
}
#dnl-footer .pagination-bottom ul.pagination li a:focus,
.dnl-footer-class .pagination-bottom ul.pagination li a:focus {
  outline: 0 !important;
  box-shadow: unset !important;
}
#dnl-footer .pagination-bottom ul.pagination li a.page-link-next span,
.dnl-footer-class .pagination-bottom ul.pagination li a.page-link-next span {
  visibility: hidden;
}
#dnl-footer .pagination-bottom ul.pagination li a.page-link-next:after,
.dnl-footer-class .pagination-bottom ul.pagination li a.page-link-next:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  background: transparent;
  border-top: 1px solid var(--ion-theme-blue-color);
  border-left: 1px solid var(--ion-theme-blue-color);
  transition: all 0.25s ease-in-out;
  transform: rotate(138deg);
  right: 0px;
  left: 12px;
  display: block;
  top: 16px;
  visibility: visible;
}
#dnl-footer .pagination-bottom ul.pagination li a.page-link-prev span,
.dnl-footer-class .pagination-bottom ul.pagination li a.page-link-prev span {
  visibility: hidden;
}
#dnl-footer .pagination-bottom ul.pagination li a.page-link-prev:after,
.dnl-footer-class .pagination-bottom ul.pagination li a.page-link-prev:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  background: transparent;
  border-top: 1px solid var(--ion-theme-blue-color);
  border-left: 1px solid var(--ion-theme-blue-color);
  transition: all 0.25s ease-in-out;
  transform: rotate(316deg);
  right: 0px;
  left: 17px;
  display: block;
  top: 16px;
  visibility: visible;
}
#dnl-footer .pagination-bottom ul.pagination li:last-child,
.dnl-footer-class .pagination-bottom ul.pagination li:last-child {
  padding: 5px;
  border: 0;
}
#dnl-footer .pagination-bottom ul.pagination span,
.dnl-footer-class .pagination-bottom ul.pagination span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
  outline: 0;
  color: var(--ion-theme-blue-color);
}
#dnl-footer .pagination-bottom ul.pagination span li.active span,
.dnl-footer-class .pagination-bottom ul.pagination span li.active span {
  background: var(--ion-theme-blue-color);
  color: var(--ion-white-color);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  line-height: 30px;
  text-align: center;
  border: none;
  padding: 0;
  display: block;
}
#dnl-footer .pagination-bottom ul.pagination span li a,
.dnl-footer-class .pagination-bottom ul.pagination span li a {
  width: 28px;
  height: 28px;
  line-height: 30px;
  text-align: center;
  color: var(--ion-theme-blue-color);
  border-radius: 50%;
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer;
  outline: 0;
}
#dnl-footer .pagination-bottom ul.pagination span li:last-child,
.dnl-footer-class .pagination-bottom ul.pagination span li:last-child {
  padding: 5px;
}
#dnl-footer .dnl-pagination-lenoption,
.dnl-footer-class .dnl-pagination-lenoption {
  position: absolute;
  right: 320px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: table;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
}
#dnl-footer .dnl-pagination-lenoption div,
.dnl-footer-class .dnl-pagination-lenoption div {
  color: #929ba4;
}
#dnl-footer .filter_filed,
.dnl-footer-class .filter_filed {
  margin-top: 0px;
}
#dnl-footer .filter_filed .filter-selection,
.dnl-footer-class .filter_filed .filter-selection {
  margin-top: 0;
}
#dnl-footer ion-fab,
.dnl-footer-class ion-fab {
  display: none !important;
}
.custom_skeleton .custom-smart-table {
  overflow-x: unset !important;
}
ng2-smart-table .custom-smart-table,
.custom_skeleton .custom-smart-table {
  overflow-x: scroll;
}
ng2-smart-table .custom-smart-table .top-pagination .pagination-top,
.custom_skeleton .custom-smart-table .top-pagination .pagination-top {
  display: none;
}
ng2-smart-table .custom-smart-table .top-pagination .pagination-bottom,
.custom_skeleton .custom-smart-table .top-pagination .pagination-bottom {
  position: absolute;
  bottom: -10px;
  right: 0px;
  background: #fff;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
}
ng2-smart-table .custom-smart-table .top-pagination .pagination-bottom .page-item,
.custom_skeleton .custom-smart-table .top-pagination .pagination-bottom .page-item {
  display: inline-block !important;
  margin: 0 5px;
  width: 24px;
  height: 24px;
  position: relative;
}
ng2-smart-table .custom-smart-table .top-pagination .pagination-bottom .page-item.active,
.custom_skeleton .custom-smart-table .top-pagination .pagination-bottom .page-item.active {
  background: var(--ion-theme-blue-color);
  border-radius: 50%;
}
ng2-smart-table .custom-smart-table .top-pagination .pagination-bottom .page-item.active .page-link,
.custom_skeleton .custom-smart-table .top-pagination .pagination-bottom .page-item.active .page-link {
  color: #fff;
}
ng2-smart-table .custom-smart-table .top-pagination .pagination-bottom .page-item .page-link,
.custom_skeleton .custom-smart-table .top-pagination .pagination-bottom .page-item .page-link {
  color: var(--ion-theme-blue-color);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
}
ng2-smart-table .custom-smart-table .top-pagination .pagination-bottom .page-item .page-link span,
.custom_skeleton .custom-smart-table .top-pagination .pagination-bottom .page-item .page-link span {
  font-size: 22px;
}
ng2-smart-table .custom-smart-table .top-pagination .pagination-bottom ul,
.custom_skeleton .custom-smart-table .top-pagination .pagination-bottom ul {
  padding: 0px 16px;
}
ng2-smart-table .custom-smart-table .top-pagination .pagination-bottom ul span,
.custom_skeleton .custom-smart-table .top-pagination .pagination-bottom ul span {
  height: 24px;
  padding-right: 16px;
  padding-left: 16px;
  display: flex;
  align-items: center;
}
ng2-smart-table .custom-smart-table .top-pagination .pagination-bottom ul span li span,
.custom_skeleton .custom-smart-table .top-pagination .pagination-bottom ul span li span {
  padding: 0;
}
ng2-smart-table .custom-smart-table .top-pagination a.page-link.page-link-prev,
ng2-smart-table .custom-smart-table .top-pagination a.page-link.page-link-next,
.custom_skeleton .custom-smart-table .top-pagination a.page-link.page-link-prev,
.custom_skeleton .custom-smart-table .top-pagination a.page-link.page-link-next {
  visibility: hidden;
  position: relative;
}
ng2-smart-table .custom-smart-table .top-pagination a.page-link.page-link-prev::after,
.custom_skeleton .custom-smart-table .top-pagination a.page-link.page-link-prev::after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  background: transparent;
  border-top: 1px solid var(--ion-theme-blue-color);
  border-left: 1px solid var(--ion-theme-blue-color);
  transition: all 0.25s ease-in-out;
  transform: rotate(316deg);
  right: 16px;
  top: 10px;
  visibility: visible;
}
ng2-smart-table .custom-smart-table .top-pagination a.page-link.page-link-next::after,
.custom_skeleton .custom-smart-table .top-pagination a.page-link.page-link-next::after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  background: transparent;
  border-top: 1px solid var(--ion-theme-blue-color);
  border-left: 1px solid var(--ion-theme-blue-color);
  transition: all 0.25s ease-in-out;
  transform: rotate(138deg);
  left: 16px;
  top: 10px;
  visibility: visible;
}
ng2-smart-table .custom-smart-table table,
.custom_skeleton .custom-smart-table table {
  overflow-x: auto;
}
ng2-smart-table .custom-smart-table table thead tr.ng2-smart-filters,
.custom_skeleton .custom-smart-table table thead tr.ng2-smart-filters {
  display: none;
}
ng2-smart-table .custom-smart-table table thead tr a,
ng2-smart-table .custom-smart-table table thead tr span,
.custom_skeleton .custom-smart-table table thead tr a,
.custom_skeleton .custom-smart-table table thead tr span {
  color: #4a4a4a !important;
  font-size: 16px;
  font-weight: 600 !important;
  text-decoration: none !important;
}
ng2-smart-table .custom-smart-table table thead tr a,
.custom_skeleton .custom-smart-table table thead tr a {
  top: 0;
  left: 0;
  height: 70px;
  width: 100%;
  max-width: 100%;
}
ng2-smart-table .custom-smart-table table thead tr th,
.custom_skeleton .custom-smart-table table thead tr th {
  background: #f0f2ff;
  text-align: left;
  border: 1px solid #dfdfdf;
  border-top: 0;
  border-left: 0;
}
ng2-smart-table .custom-smart-table table thead tr th a,
.custom_skeleton .custom-smart-table table thead tr th a {
  cursor: pointer;
  padding: 0px 3px;
  width: 100%;
  max-width: 100%;
  font-size: 14px !important;
  font-weight: 600 !important;
}
ng2-smart-table .custom-smart-table table thead tr th.userEmail,
.custom_skeleton .custom-smart-table table thead tr th.userEmail {
  width: 250px !important;
}
ng2-smart-table .custom-smart-table table thead tr th.firstName,
.custom_skeleton .custom-smart-table table thead tr th.firstName {
  width: 140px !important;
}
ng2-smart-table .custom-smart-table table thead tr th.lastName,
.custom_skeleton .custom-smart-table table thead tr th.lastName {
  width: 140px !important;
}
ng2-smart-table .custom-smart-table table thead tr th.userPhone,
.custom_skeleton .custom-smart-table table thead tr th.userPhone {
  width: 160px !important;
}
ng2-smart-table .custom-smart-table table thead tr th.adminUserLimit,
.custom_skeleton .custom-smart-table table thead tr th.adminUserLimit {
  width: 190px !important;
}
ng2-smart-table .custom-smart-table table thead tr th.noOfUsers,
.custom_skeleton .custom-smart-table table thead tr th.noOfUsers {
  width: 140px !important;
}
ng2-smart-table .custom-smart-table table thead tr th.planName,
ng2-smart-table .custom-smart-table table thead tr th.modeDT,
.custom_skeleton .custom-smart-table table thead tr th.planName,
.custom_skeleton .custom-smart-table table thead tr th.modeDT {
  width: 140px !important;
}
ng2-smart-table .custom-smart-table table thead tr th.companyName,
ng2-smart-table .custom-smart-table table thead tr th.address,
.custom_skeleton .custom-smart-table table thead tr th.companyName,
.custom_skeleton .custom-smart-table table thead tr th.address {
  width: 250px !important;
}
ng2-smart-table .custom-smart-table table thead tr th.emailOfficial,
ng2-smart-table .custom-smart-table table thead tr th.website,
.custom_skeleton .custom-smart-table table thead tr th.emailOfficial,
.custom_skeleton .custom-smart-table table thead tr th.website {
  width: 250px !important;
}
ng2-smart-table .custom-smart-table table thead tr th.officePhoneNumber,
ng2-smart-table .custom-smart-table table thead tr th.officeFaxNumber,
.custom_skeleton .custom-smart-table table thead tr th.officePhoneNumber,
.custom_skeleton .custom-smart-table table thead tr th.officeFaxNumber {
  width: 180px !important;
}
ng2-smart-table .custom-smart-table table thead tr th.roc,
ng2-smart-table .custom-smart-table table thead tr th.gst,
ng2-smart-table .custom-smart-table table thead tr th.status,
ng2-smart-table .custom-smart-table table thead tr th.dueDate,
.custom_skeleton .custom-smart-table table thead tr th.roc,
.custom_skeleton .custom-smart-table table thead tr th.gst,
.custom_skeleton .custom-smart-table table thead tr th.status,
.custom_skeleton .custom-smart-table table thead tr th.dueDate {
  width: 140px !important;
}
ng2-smart-table .custom-smart-table table thead tr th.moduleAccess,
.custom_skeleton .custom-smart-table table thead tr th.moduleAccess {
  width: 300px !important;
}
ng2-smart-table .custom-smart-table table thead tr th.userLimit,
.custom_skeleton .custom-smart-table table thead tr th.userLimit {
  width: 220px !important;
}
ng2-smart-table .custom-smart-table table thead tr th.projectLimit,
.custom_skeleton .custom-smart-table table thead tr th.projectLimit {
  width: 140px !important;
}
ng2-smart-table .custom-smart-table table tbody tr:hover,
.custom_skeleton .custom-smart-table table tbody tr:hover {
  background: #f1f2f6 !important;
}
ng2-smart-table .custom-smart-table table tbody tr:first-child td,
.custom_skeleton .custom-smart-table table tbody tr:first-child td {
  border-top: 0;
}
ng2-smart-table .custom-smart-table table tbody tr:last-child td,
.custom_skeleton .custom-smart-table table tbody tr:last-child td {
  border-bottom: 0;
}
ng2-smart-table .custom-smart-table table tbody tr td,
.custom_skeleton .custom-smart-table table tbody tr td {
  border: 1px solid #dfdfdf;
  color: #444444;
  width: auto;
  position: relative;
  white-space: nowrap;
  line-height: initial !important;
  font-size: 15px !important;
}
ng2-smart-table .custom-smart-table table tbody tr td.full_view .table_text,
.custom_skeleton .custom-smart-table table tbody tr td.full_view .table_text {
  max-height: 100% !important;
  display: block !important;
}
ng2-smart-table .custom-smart-table table tbody tr td.full_view .table_text ol,
.custom_skeleton .custom-smart-table table tbody tr td.full_view .table_text ol {
  padding-inline-start: 20px !important;
}
ng2-smart-table .custom-smart-table table tbody tr td .label-text,
.custom_skeleton .custom-smart-table table tbody tr td .label-text {
  display: none;
}
ng2-smart-table .custom-smart-table table tbody tr td:first-child,
.custom_skeleton .custom-smart-table table tbody tr td:first-child {
  border-left: 0;
}
ng2-smart-table .custom-smart-table table tbody tr td:last-child,
.custom_skeleton .custom-smart-table table tbody tr td:last-child {
  border-right: 0;
}
ng2-smart-table .custom-smart-table table tbody tr td p,
.custom_skeleton .custom-smart-table table tbody tr td p {
  margin: 0;
}
ng2-smart-table .custom-smart-table table tbody tr td p.status_item,
.custom_skeleton .custom-smart-table table tbody tr td p.status_item {
  padding-left: 15px;
  position: relative;
}
ng2-smart-table .custom-smart-table table tbody tr td p.status_item.active,
.custom_skeleton .custom-smart-table table tbody tr td p.status_item.active {
  color: #12880e;
}
ng2-smart-table .custom-smart-table table tbody tr td p.status_item.active::after,
.custom_skeleton .custom-smart-table table tbody tr td p.status_item.active::after {
  background: #12880e;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  content: "";
  position: absolute;
  top: 6px;
  bottom: 0;
  left: 0;
}
ng2-smart-table .custom-smart-table table tbody tr td p.status_item.inactive,
.custom_skeleton .custom-smart-table table tbody tr td p.status_item.inactive {
  color: #d74637;
}
ng2-smart-table .custom-smart-table table tbody tr td p.status_item.inactive::after,
.custom_skeleton .custom-smart-table table tbody tr td p.status_item.inactive::after {
  background: #d74637;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  content: "";
  position: absolute;
  top: 6px;
  bottom: 0;
  left: 0;
}
ng2-smart-table .custom-smart-table table tbody tr td.status_op,
.custom_skeleton .custom-smart-table table tbody tr td.status_op {
  padding-right: 5px !important;
}
ng2-smart-table .custom-smart-table table tbody tr td.status_op .table_view,
.custom_skeleton .custom-smart-table table tbody tr td.status_op .table_view {
  justify-content: space-between;
}
ng2-smart-table .custom-smart-table table tbody tr td .email_data,
.custom_skeleton .custom-smart-table table tbody tr td .email_data {
  text-transform: lowercase;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view,
.custom_skeleton .custom-smart-table table tbody tr td .table_view {
  display: flex;
  justify-content: center;
  align-items: center;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view.code,
.custom_skeleton .custom-smart-table table tbody tr td .table_view.code {
  flex-wrap: wrap;
  flex-direction: unset;
  align-items: center;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view.row_2,
.custom_skeleton .custom-smart-table table tbody tr td .table_view.row_2 {
  flex-wrap: wrap;
  align-items: center;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view.row_2 ion-button,
.custom_skeleton .custom-smart-table table tbody tr td .table_view.row_2 ion-button {
  margin: 0px 0px 6px 0px;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view.row_2 ion-button:last-child,
.custom_skeleton .custom-smart-table table tbody tr td .table_view.row_2 ion-button:last-child {
  background: transparent;
  border: 1px solid var(--ion-theme-blue-color);
  color: var(--ion-theme-blue-color);
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view.row_2 br,
.custom_skeleton .custom-smart-table table tbody tr td .table_view.row_2 br {
  display: none;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view.row_2 .user_action,
.custom_skeleton .custom-smart-table table tbody tr td .table_view.row_2 .user_action {
  width: 100%;
  height: 34px;
  padding: 0 !important;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view.row_2 dropdown-component,
.custom_skeleton .custom-smart-table table tbody tr td .table_view.row_2 dropdown-component {
  width: 100%;
  height: 34px;
  background: #fff;
  border: 1px solid #cbcbcb;
  border-radius: 6px;
  padding: 0px 10px;
  margin: 0px 0px 6px 0px;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view.row_2 .ng-select .ng-select-container.ng-has-value,
.custom_skeleton .custom-smart-table table tbody tr td .table_view.row_2 .ng-select .ng-select-container.ng-has-value {
  border: 0;
  height: 32px !important;
  padding: 0 !important;
  min-height: 32px;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view.row_2 .ng-select .ng-arrow-wrapper,
.custom_skeleton .custom-smart-table table tbody tr td .table_view.row_2 .ng-select .ng-arrow-wrapper {
  width: 25px;
  padding-right: 0;
  bottom: 0;
  top: 7px;
  right: -7px;
  position: absolute !important;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view ion-button,
.custom_skeleton .custom-smart-table table tbody tr td .table_view ion-button {
  --background: transparent;
  --box-shadow: unset;
  margin: 0;
  width: auto;
  height: auto;
  --padding-start: 0px;
  --padding-end: 0px;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view .user_action,
.custom_skeleton .custom-smart-table table tbody tr td .table_view .user_action {
  background: var(--ion-theme-blue-color);
  border: 1px solid var(--ion-theme-blue-color);
  border-radius: 6px;
  font-size: 15px;
  color: var(--ion-white-color);
  letter-spacing: normal;
  height: 30px;
  line-height: 18px !important;
  width: auto;
  padding: 0px 20px !important;
  text-transform: capitalize;
  margin: 0;
  text-align: center;
  --padding-start: 0 !important;
  --padding-end: 0 !important;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view .user_action.btn-delete,
.custom_skeleton .custom-smart-table table tbody tr td .table_view .user_action.btn-delete {
  background: var(--ion-white-color);
  border: 1px solid var(--ion-theme-blue-color);
  color: var(--ion-theme-blue-color);
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view .user_action.btn-delete:hover,
.custom_skeleton .custom-smart-table table tbody tr td .table_view .user_action.btn-delete:hover {
  background: var(--ion-white-color);
  color: var(--ion-theme-blue-color);
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view .user_action:hover,
.custom_skeleton .custom-smart-table table tbody tr td .table_view .user_action:hover {
  background: var(--ion-theme-blue-color);
  color: #fff;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view .user_action ion-icon,
.custom_skeleton .custom-smart-table table tbody tr td .table_view .user_action ion-icon {
  font-size: 16px;
  padding-right: 2px;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view .user_action.invite_button,
.custom_skeleton .custom-smart-table table tbody tr td .table_view .user_action.invite_button {
  background: #3aa949;
  border-color: #3aa949;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view .user_action.invite_button.button-disabled,
.custom_skeleton .custom-smart-table table tbody tr td .table_view .user_action.invite_button.button-disabled {
  background: #707070 !important;
  border-color: #707070;
}
ng2-smart-table .custom-smart-table table tbody tr td .table_view .filter-btn ion-icon,
.custom_skeleton .custom-smart-table table tbody tr td .table_view .filter-btn ion-icon {
  color: var(--ion-black-color) !important;
  font-size: 23px;
  position: relative;
  top: 0px;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item {
  text-align: center;
  font-size: 16px;
  position: relative;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item::before,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 7.5px;
  margin-right: 5px;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.paid,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.paid {
  color: #2ec114;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.paid::before,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.paid::before {
  background-color: #2ec114;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.partial_paid,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.partial_paid {
  color: #618fd5;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.partial_paid::before,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.partial_paid::before {
  background-color: #618fd5;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.pending,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.pending {
  color: #e1b94c;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.pending::before,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.pending::before {
  background-color: #e1b94c;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.running,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.running {
  color: #e1b94c;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.running::before,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.running::before {
  background-color: #e1b94c;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.unused,
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.active,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.unused,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.active {
  color: #2ec114;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.unused::before,
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.active::before,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.unused::before,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.active::before {
  background-color: #2ec114;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.notstart,
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.inactive,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.notstart,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.inactive {
  color: #f86b6b;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.notstart::before,
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.inactive::before,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.notstart::before,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.inactive::before {
  background-color: #f86b6b;
}
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.complete,
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.pending,
ng2-smart-table .custom-smart-table table tbody tr td span.status_item.start,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.complete,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.pending,
.custom_skeleton .custom-smart-table table tbody tr td span.status_item.start {
  color: #e1b94c;
}
ng2-smart-table .custom-smart-table table tbody tr td .frame_size,
.custom_skeleton .custom-smart-table table tbody tr td .frame_size {
  display: flex;
  align-items: center;
}
ng2-smart-table .custom-smart-table table tbody tr td .frame_size:last-child p,
.custom_skeleton .custom-smart-table table tbody tr td .frame_size:last-child p {
  margin-bottom: 0;
}
ng2-smart-table .custom-smart-table table tbody tr td .frame_size p,
.custom_skeleton .custom-smart-table table tbody tr td .frame_size p {
  width: 100%;
  margin-bottom: 5px;
}
ng2-smart-table .custom-smart-table table tbody tr td .frame_img,
.custom_skeleton .custom-smart-table table tbody tr td .frame_img {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
ng2-smart-table .custom-smart-table table tbody tr td .frame_img img,
.custom_skeleton .custom-smart-table table tbody tr td .frame_img img {
  width: 110px;
  height: 80px;
  object-fit: cover;
  object-position: center;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  border: 1px solid #dfdfdf;
}
ng2-smart-table .custom-smart-table table tbody tr td .frame_img img:last-child,
.custom_skeleton .custom-smart-table table tbody tr td .frame_img img:last-child {
  margin: 0;
}
ng2-smart-table .custom-smart-table table tbody tr td.ng2-smart-action-multiple-select,
.custom_skeleton .custom-smart-table table tbody tr td.ng2-smart-action-multiple-select {
  position: relative;
}
ng2-smart-table .custom-smart-table table tbody tr td.right_text,
.custom_skeleton .custom-smart-table table tbody tr td.right_text {
  text-align: right !important;
}
app-users ng2-smart-table .custom-smart-table table thead tr th.no {
  width: 100px !important;
}
app-users ng2-smart-table .custom-smart-table table thead tr th.firstName {
  width: 250px !important;
}
app-users ng2-smart-table .custom-smart-table table thead tr th.activityStatus {
  width: 140px !important;
}
app-users ng2-smart-table .custom-smart-table table thead tr th.deleteAndRestore {
  text-align: center;
}
app-users ng2-smart-table .custom-smart-table table tbody tr td.action_col .valid-msg {
  display: none;
}
app-pricing-list ng2-smart-table .custom-smart-table table thead tr th.name {
  width: 140px !important;
}
app-pricing-list ng2-smart-table .custom-smart-table table thead tr th.price {
  width: 160px !important;
}
app-pricing-list ng2-smart-table .custom-smart-table table thead tr th.activityStatus {
  width: 160px !important;
}
app-pricing-list ng2-smart-table .custom-smart-table table thead tr th.frequencyType {
  width: 140px !important;
}
app-pricing-list ng2-smart-table .custom-smart-table table thead tr th.manage {
  text-align: center;
}
app-pricing-list ng2-smart-table .custom-smart-table table thead tr th.modules {
  width: 200px !important;
}
app-pricing-list ng2-smart-table .custom-smart-table table tbody tr td.action_col .valid-msg {
  display: none;
}
app-subscriber-list .page_content ion-card .table_sec .view_detailTable .table-responsive table tbody tr.status-inactive td.status_op {
  pointer-events: auto !important;
  cursor: pointer;
}
app-subscriber-list .page_content ion-card .table_sec .view_detailTable .table-responsive table tbody tr td {
  pointer-events: none;
}
app-subscriber-list .page_content ion-card .table_sec .view_detailTable .table-responsive table tbody tr td.action_col {
  pointer-events: auto !important;
  cursor: pointer;
}
app-subscriber-list .page_content ion-card,
app-payment-report-list .page_content ion-card,
app-user-list .page_content ion-card,
app-pricing-list .page_content ion-card {
  margin: 0;
  padding: 20px;
  overflow: visible;
}
ngx-auth ion-content {
  --background: transparent !important;
}
ngx-auth ion-content.login_pages {
  position: relative;
  --background: transparent !important;
}
ngx-auth ion-content.login_pages .content_wrapper {
  width: 500px;
  width: 490px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
ngx-auth ion-content.login_pages .content_wrapper .logo {
  margin-bottom: 40px;
}
ngx-auth ion-content.login_pages .content_wrapper .logo img {
  margin: 0 auto;
  height: 80px;
  width: auto;
  display: table;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg {
  padding: 25px;
  background: #fff;
  border-radius: 10px;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg .login_header_sec {
  margin-bottom: 24px;
  padding: 0 5px;
  text-align: center;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg .login_header_sec h3 {
  font-size: 30px;
  color: #606060;
  font-weight: 600;
  margin: 0;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list {
  padding-bottom: 0;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field {
  position: relative;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item::part(native) {
  --padding-end: 0;
  --border-style: 0;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.form_row::part(native) {
  --padding-start: 0;
  --inner-padding-end: 0;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.form_row.input_bg {
  padding: 0;
  margin: 0 5px 15px;
  border-bottom: 0;
  --highlight-background: transparent;
  --min-height: auto;
  --border-width: 0 0 0 0;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.form_row.input_bg .input_wrapper {
  width: 100%;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.form_row.input_bg .input_wrapper a24-input .with-icon {
  width: 100%;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.form_row.input_bg .input_wrapper a24-input .with-icon ion-avatar {
  top: 4px;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.form_row a24-label ion-label {
  font-size: 18px;
  transform: unset;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.form_row a24-input {
  width: 100%;
  position: relative;
  padding: 10px 0px 7px 0px;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.form_row a24-input .with-icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.form_row a24-input .with-icon ion-avatar {
  margin: 0px 5px;
  text-align: center;
  font-size: 20px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 12px;
  right: 0px;
  z-index: 99;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.form_row a24-input ion-input {
  height: 36px;
  border-bottom: 1px solid #cbcbcb;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.form_row a24-input ion-input input {
  height: auto;
  caret-color: #000000;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.form_row ion-icon.lock {
  position: absolute;
  top: 35px;
  right: 8px;
  z-index: 99;
  color: var(--ion-black-color);
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.dnl-item-invalid ion-input,
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.dnl-item-invalid ion-textarea,
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.dnl-item-invalid ng-select,
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .signin_fields ion-list .field ion-item.dnl-item-invalid ionic-selectable {
  border-bottom: 1px solid var(--ion-theme-red-color) !important;
  transition: all 0.5s linear;
  bottom: -1px;
  width: 100%;
  margin: 0 auto;
  height: 366px;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .login_submit_sec .forgot_sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0px;
  padding: 0 5px;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .login_submit_sec .forgot_sec ion-item {
  --min-height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  --border-style: 0;
  --padding-start: 0;
  --inner-padding-end: 0;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .login_submit_sec .forgot_sec ion-item ion-checkbox {
  margin-inline-end: 15px;
  --background-checked: var(--ion-theme-blue-color);
  --border-color-checked: var(--ion-theme-blue-color);
  --checkmark-color: var(--ion-white-color);
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .login_submit_sec .forgot_sec ion-item .item-radio-checked ion-label {
  padding-left: 10px;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .login_submit_sec .forgot_sec ion-item ion-radio {
  margin: 0;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .login_submit_sec .forgot_sec ion-item a24-label {
  margin-left: 10px;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .login_submit_sec .forgot_sec ion-item a24-label ion-label {
  transform: unset !important;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .login_submit_sec .forgot_sec .user_link {
  font-size: 14px;
  color: var(--ion-theme-blue-color);
  font-weight: 600;
  margin-bottom: 0;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .login_submit_sec .button_group {
  justify-content: center;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .valid-msg {
  position: absolute;
  bottom: -20px;
  left: 12px;
}
ngx-auth ion-content.login_pages .content_wrapper .card_bg form .agree-label {
  margin-top: 25px;
}
ngx-auth ion-content.login_pages .content_wrapper .showCaptcha_sec {
  display: flex;
  align-items: center;
  padding: 0;
  margin-bottom: 40px;
  position: relative;
}
ngx-auth ion-content.login_pages .content_wrapper .showCaptcha_sec a24-input {
  width: 100%;
}
ngx-auth ion-content.login_pages .content_wrapper .showCaptcha_sec .d-flex {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
ngx-auth ion-content.login_pages .content_wrapper .showCaptcha_sec .d-flex svg {
  width: 170px;
}
ngx-auth ion-content.login_pages .content_wrapper .showCaptcha_sec .d-flex .capcha-btn {
  width: 50px;
  height: 50px;
  margin-left: 5px;
  --background: #ffffff;
  font-weight: 600;
  transition: ease-out 0.4s;
  outline: none;
  background: #fff;
  box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.0509803922);
}
ngx-auth ion-content.login_pages .content_wrapper .showCaptcha_sec .d-flex .capcha-btn svg {
  width: 24px;
  fill: var(--ion-theme-blue-color);
}
ngx-auth ion-content.login_pages .content_wrapper .showCaptcha_sec ion-input {
  --padding-top: 0;
  --padding-bottom: 0;
}
ngx-auth ion-content.login_pages .content_wrapper .showCaptcha_sec .form-group {
  margin-left: 32px;
  margin-bottom: 0;
}
ngx-auth ion-content.login_pages .content_wrapper .showCaptcha_sec .form-group ion-input {
  height: 50px;
  width: 100%;
  border: 1px solid #cbcbcb;
  border-radius: 8px;
  color: #414141;
  font-size: 14px;
  --highlight-background: var(--ion-theme-blue-color);
  --inner-padding-end: 0;
}
ngx-auth ion-content.login_pages .content_wrapper .showCaptcha_sec ion-item {
  --padding-start: 0;
  width: 100%;
}
ngx-auth ion-content.login_pages .content_wrapper .showCaptcha_sec a24-form-errors.valid_msg {
  position: absolute;
  bottom: -15px;
  right: 16px;
}
ngx-auth ion-content.login_pages .pwd_valid {
  background: #ebebeb;
  padding: 16px;
  border-radius: 10px;
  width: 100%;
  margin: 30px 0 10px 0px;
  float: none !important;
}
ngx-auth ion-content.login_pages .pwd_valid p {
  margin-top: 0;
  font-size: 17px;
  margin-left: 10px;
  color: #11141a;
  line-height: 24px;
  opacity: 0.34;
}
ngx-auth ion-content.login_pages .pwd_valid ul {
  margin: 0;
}
ngx-auth ion-content.login_pages .pwd_valid ul li {
  opacity: 0.48;
  font-size: 17px;
  padding-bottom: 8px;
  color: #11141a;
}
.button_group {
  width: 100%;
  margin-top: 20px;
}
.button_group a24-button {
  width: 100%;
  max-width: 150px;
}
.button_group a24-button ion-button {
  width: 100%;
  height: 44px;
  font-size: 18px;
  border-radius: 10px;
  text-transform: capitalize;
  --border-radius: 10px;
  --box-shadow: unset;
  margin: 0;
}
.forgotpwd_form .button_group {
  margin-top: 20px;
  align-items: center;
}
.forgotpwd_form .button_group .blue_text {
  font-size: 18px;
}
app-sales-status ion-card {
  box-shadow: 3px 3px 12px rgba(227, 227, 227, 0.7803921569);
  padding: 15px;
  border-radius: 6px;
}
app-sales-status .sales_report {
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 !important;
}
app-sales-status .sales_report .left_info {
  width: 75%;
}
app-sales-status .sales_report .left_info ion-card-header {
  padding: 0;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000000;
}
app-sales-status .sales_report .left_info ion-card-header.today {
  color: #3aa949;
}
app-sales-status .sales_report .left_info .sales {
  font-size: 15px;
  margin: 0px 0px 5px;
  color: #11141a;
}
app-sales-status .sales_report .left_info .sales span {
  font-size: 18px;
  font-weight: 600;
}
app-sales-status .sales_report .left_info .year {
  font-size: 15px;
  font-style: italic;
  margin: 0;
  color: #828282;
}
app-sales-status .sales_report .right_info {
  width: 20%;
  text-align: center;
}
app-sales-status .sales_report .right_info.up span {
  color: #fff;
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 50%;
  line-height: 23px;
  margin: 0 auto;
}
app-sales-status .sales_report .right_info.up .growth {
  color: #fff;
  height: 24px;
  line-height: 24px;
  border-radius: 30px;
  margin-top: 22px;
}
app-sales-status .sales_report .right_info.up.positive span {
  background: #3aa949;
}
app-sales-status .sales_report .right_info.up.positive .growth {
  background: #3aa949;
}
app-sales-status .sales_report .right_info.up.negative span {
  background: #ee3326;
}
app-sales-status .sales_report .right_info.up.negative .growth {
  background: #ee3326;
}
.dashboard_slider {
  width: 100%;
  position: relative;
  z-index: 0;
  margin: 0 auto;
}
.dashboard_slider .skeleton-text-animated {
  width: 100% !important;
}
.dashboard_slider h2 {
  color: #fff;
  margin: 0;
  display: table;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0px 20px;
  line-height: 30px;
  margin-bottom: -1px;
  position: relative;
  z-index: 9;
}
.dashboard_slider h2.red_title {
  background: var(--ion-theme-red-color);
}
.dashboard_slider h2.blue_title {
  background: var(--ion-theme-blue-color);
}
.dashboard_slider .slider_section {
  position: relative;
  border-radius: 4px !important;
  box-shadow: 3px 3px 12px #e3e3e3;
  background: var(--ion-white-color);
}
.dashboard_slider .slider_section .slide_nav {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 999;
  margin: auto;
  width: 30px;
  height: 30px;
  --padding-start: 0;
  --padding-end: 0;
}
.dashboard_slider .slider_section .slide_nav.prev {
  left: 0;
}
.dashboard_slider .slider_section .slide_nav.prev ion-icon {
  margin-left: 0;
}
.dashboard_slider .slider_section .slide_nav.next {
  right: 0;
}
.dashboard_slider .slider_section .slide_nav.next ion-icon {
  margin-left: 0;
}
.dashboard_slider .slider_section ion-slides {
  width: 90%;
  margin: 0 auto;
}
.dashboard_slider .slider_section ion-slides ion-slide {
  padding: 15px 0px;
  max-width: unset !important;
}
.dashboard_slider .slider_section ion-slides ion-slide span {
  background: #929ba4;
  width: 70px;
  height: 30px;
  display: block;
  text-align: center;
  line-height: 30px;
  color: #fff;
  border-radius: 8px;
  margin: 0 auto;
}
.dashboard_slider .slider_section ion-slides ion-slide .first p,
.dashboard_slider .slider_section ion-slides ion-slide .second p,
.dashboard_slider .slider_section ion-slides ion-slide .third p,
.dashboard_slider .slider_section ion-slides ion-slide .empty p {
  padding: 5px 0;
}
.dashboard_slider .slider_section ion-slides ion-slide .first h3,
.dashboard_slider .slider_section ion-slides ion-slide .second h3,
.dashboard_slider .slider_section ion-slides ion-slide .third h3,
.dashboard_slider .slider_section ion-slides ion-slide .empty h3 {
  margin: 0;
}
.dashboard_slider .slider_section ion-slides ion-slide .first,
.dashboard_slider .slider_section ion-slides ion-slide .second,
.dashboard_slider .slider_section ion-slides ion-slide .third,
.dashboard_slider .slider_section ion-slides ion-slide .empty {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.dashboard_slider .slider_section ion-slides ion-slide .first p,
.dashboard_slider .slider_section ion-slides ion-slide .first h3,
.dashboard_slider .slider_section ion-slides ion-slide .second p,
.dashboard_slider .slider_section ion-slides ion-slide .second h3,
.dashboard_slider .slider_section ion-slides ion-slide .third p,
.dashboard_slider .slider_section ion-slides ion-slide .third h3,
.dashboard_slider .slider_section ion-slides ion-slide .empty p,
.dashboard_slider .slider_section ion-slides ion-slide .empty h3 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  margin: 0 !important;
  font-size: 18px;
}
.dashboard_slider .slider_section ion-slides ion-slide .first span {
  background: #3aa949;
}
.dashboard_slider .slider_section ion-slides ion-slide .first h3 {
  color: var(--ion-theme-red-color);
}
.dashboard_slider .slider_section ion-slides ion-slide .first p {
  color: #11141a;
}
.dashboard_slider .slider_section ion-slides ion-slide .second span {
  background: #e1b94c;
}
.dashboard_slider .slider_section ion-slides ion-slide .second h3 {
  color: var(--ion-theme-red-color);
}
.dashboard_slider .slider_section ion-slides ion-slide .second p {
  color: #11141a;
}
.dashboard_slider .slider_section ion-slides ion-slide .third span {
  background: #f4575e;
}
.dashboard_slider .slider_section ion-slides ion-slide .third h3 {
  color: var(--ion-theme-red-color);
}
.dashboard_slider .slider_section ion-slides ion-slide .third p {
  color: #11141a;
}
.dashboard_slider .slider_section ion-slides ion-slide .empty span {
  background: #a8a8a8;
}
.dashboard_slider .slider_section ion-slides ion-slide .empty h3 {
  color: #a8a8a8;
  margin: 10px 0px 0px 0px;
}
.dashboard_slider .slider_section ion-slides ion-slide .empty h3 ion-icon {
  font-size: 25px;
}
.dashboard_slider .slider_section ion-slides ion-slide .empty p {
  color: #a8a8a8;
  font-weight: 400;
  font-size: 16px;
}
.dashboard_slider .slider_section ion-slides ion-slide h3 {
  font-size: 16px;
  font-weight: 600;
  color: #929ba4;
  margin: 11px 0px 11px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: initial;
}
.dashboard_slider .slider_section ion-slides ion-slide ion-icon {
  font-size: 20px;
  margin-top: 8px;
}
.dashboard_slider .slider_section ion-slides ion-slide p {
  color: #929ba4;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
.dashboard_slider .slider_section ion-slides ion-slide p.no_data {
  width: 75px;
}
table tr td .table_text {
  width: auto;
  max-height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
}
.table_sec .filter_sec {
  justify-content: space-between;
}
.table_sec .filter_sec .table_filter .filter_item {
  flex-direction: row-reverse;
}
.table_sec .filter_sec .table_filter .filter_item .form_group {
  margin-left: 0;
  margin-right: 15px;
}
.table_sec .filter_sec .table_filter .filter_item .form_group.select_status .custom_select ng-select {
  border: 0;
  box-shadow: 1px 0 15px rgba(12, 12, 12, 0.0784313725);
  border-radius: 6px;
}
.table_sec .filter_sec .table_filter .filter_item .form_group.search_bar .search_input {
  border: 0;
}
.table_sec .filter_sec .table_filter .filter_item .form_group.search_bar .search_input ion-searchbar {
  box-shadow: 1px 0 15px rgba(12, 12, 12, 0.0784313725);
  --box-shadow: unset;
  border-radius: 6px;
}
.table_sec .filter_sec .table_filter .filter_item .form_group.search_bar .search_input ion-searchbar input {
  width: 100%;
  height: 43px;
}
.table_sec .filter_sec .table_filter .filter_item .form_group.search_bar .search_input ion-searchbar .searchbar-clear-button {
  background: transparent !important;
  display: none;
}
.table_sec .filter_sec .table_filter .filter_item .form_group.search_bar .search_input ion-searchbar ion-icon {
  background: transparent;
  color: var(--ion-white-color);
}
.table_sec .filter_sec .table_filter .filter_item .form_group.search_bar .search_input .button-holder {
  background: var(--ion-theme-blue-color);
  color: var(--ion-white-color);
}
.table_sec .filter_sec .table_filter .filter_item .form_group.search_bar .search_input .button-holder button {
  display: none;
}
.table_sec .table_actions .action_btn ion-button {
  --background: #daeefc !important;
}
.table_sec .table_actions .action_btn ion-button ion-icon {
  color: var(--ion-black-color) !important;
}
.table_sec .table_actions .action_btn ion-button::part(native) {
  box-shadow: 1px 0 15px rgba(12, 12, 12, 0.0784313725);
}
.applied-manage-column .dataTable .table-responsive {
  overflow-x: auto !important;
}
.dataTable.no_data_found table tbody tr td {
  text-align: center !important;
}
ion-modal app-add-plan form ion-item a24-radio {
  width: 70%;
}
ion-modal app-add-plan form ion-item a24-radio ion-radio-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
ion-modal app-add-plan form ion-item a24-radio ion-radio-group ion-item {
  width: auto !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-right: 40px;
}
ion-modal app-add-plan form ion-item a24-radio ion-radio-group ion-item ion-radio {
  margin: 0px 6px 0px 0px;
  width: 20px;
  height: 20px;
}
ion-modal app-add-plan form ion-item a24-radio ion-radio-group ion-item ion-radio.radio-checked {
  --ion-color-base: var(--ion-theme-red-color) !important;
}
ion-modal app-add-plan form ion-item a24-radio ion-radio-group ion-item ion-label {
  width: 85%;
}
ion-modal app-add-plan form ion-item .sub_content {
  width: 74%;
}
ion-modal app-add-plan form ion-item .sub_content.d_flex {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
ion-modal app-add-plan form ion-item .sub_content.d_flex .left,
ion-modal app-add-plan form ion-item .sub_content.d_flex .right {
  width: 48%;
}
ion-modal app-add-plan form ion-item .sub_content.d_flex .left .valid-msg .form-con-errors .form-con-errors .hide-err,
ion-modal app-add-plan form ion-item .sub_content.d_flex .right .valid-msg .form-con-errors .form-con-errors .hide-err {
  left: 5px;
  bottom: 3px;
}
ion-modal app-add-plan form ion-item .status ion-radio-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
ion-modal app-add-plan form ion-item .status ion-radio-group ion-item {
  margin-right: 30px;
}
ion-modal app-add-plan form ion-item:hover {
  --background: transparent;
  --background-activated: transparent !important;
  --background-focused: transparent !important;
  --background-hover: transparent !important;
}
ion-modal app-add-plan form .full_section .ion-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  min-height: auto !important;
  padding: 0 35px;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent {
  width: 33%;
  --min-height: auto !important;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent .parent {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: rgba(235, 235, 235, 0.9019607843);
  margin-left: -35px;
  padding-left: 35px;
  margin-right: -42px;
  min-height: 42px;
  margin-bottom: 6px;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent .parent ion-item {
  --min-height: 30px;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent .parent ion-item.item-has-value.ion-touched {
  border: none !important;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent .parent ion-label {
  width: auto;
  font-weight: 700 !important;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent .children {
  margin: 0px 0px 15px 30px;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent .children ion-item {
  --min-height: 30px;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent .children ion-item.item-has-value.ion-touched {
  border: none !important;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent .children ion-item .child-item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent .children ion-item .child-item ion-checkbox {
  margin: 3px 10px 5px 0px;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent .children ion-item .child-item ion-label {
  width: 80%;
  text-overflow: unset;
  white-space: break-spaces;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent ion-checkbox {
  margin: 5px 10px 5px 0px;
  background: transparent;
  --background-checked: transparent;
  --border-color-checked: rgba( var(--ion-text-color-rgb, 0, 0, 0), 0.51 );
  --checkmark-color: var(--ion-theme-red-color) !important;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent ion-checkbox svg::part(mark) {
  stroke: var(--ion-theme-red-color) !important;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent ion-label {
  font-size: 16px !important;
  color: #11141a !important;
  font-weight: 400 !important;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent .no-children ion-item {
  --min-height: 30px;
  border: unset;
}
ion-modal app-add-plan form .full_section .ion-list .main_parent .no-children ion-item ion-label {
  width: 100%;
  margin: 0;
}
ion-modal app-add-plan form .full_section .form_group {
  display: unset !important;
}
ion-modal app-add-plan form .full_section .valid-msg .hide-err {
  left: 0 !important;
}
ion-modal app-add-plan form .full_section .high_label {
  width: 100% !important;
  background: #e7e7e7;
  padding: 10px 35px;
  font-weight: 700 !important;
  border-bottom: 2px solid #d2d2d2;
  margin-bottom: 6px;
}
ion-modal app-add-plan form .full_section .mb-0 {
  margin-bottom: 0;
}
ion-modal app-add-plan form .send_notification {
  display: unset !important;
}
ion-modal app-add-plan form .send_notification ion-checkbox {
  margin-right: 10px;
  background: transparent;
  --background-checked: transparent;
  --border-color-checked: rgba( var(--ion-text-color-rgb, 0, 0, 0), 0.51 );
  --checkmark-color: var(--ion-theme-red-color) !important;
}
ion-modal app-add-plan form .send_notification ion-checkbox svg::part(mark) {
  stroke: var(--ion-theme-red-color) !important;
}
ion-modal app-add-plan form .send_notification .parent {
  background: transparent !important;
}
.addNew_btn .btn {
  width: 170px;
  height: 44px;
  margin-right: 0px;
}
.webmodal {
  --box-shadow: unset !important;
}
.webmodal .addUpdate_modal ion-content .modal_body ion-list .field ion-item .form_group.sample {
  align-items: center;
}
.webmodal .addUpdate_modal ion-content .modal_body ion-list .field ion-item .form_group.sample ion-label {
  width: 100%;
}
.webmodal .addUpdate_modal ion-content .modal_body ion-list .field ion-item .form_group.sample p {
  margin: 0;
  color: #000000;
  font-size: 14px;
}
.webmodal .addUpdate_modal ion-content .modal_body ion-list .field ion-item .form_group.sample .input_value {
  color: #000000 !important;
  font-size: 16px;
}
.webmodal .addUpdate_modal ion-content .modal_body ion-list .field ion-item .form_group .input_value {
  width: 74%;
  color: #414141;
  font-weight: 500;
  background: #e3e3e3;
  margin: 0;
  height: 51px;
  line-height: 51px;
  padding: 0px 10px;
  max-height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
}
.webmodal .addUpdate_modal ion-header {
  position: fixed;
  top: 0;
}
.webmodal .addUpdate_modal .user_toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  --border-color: unset;
}
.webmodal .addUpdate_modal .user_toggle .toggle_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 40px 25px;
}
.webmodal .addUpdate_modal .user_toggle .toggle_box .active_box span {
  width: 100%;
  padding: 10px 20px;
  background: #f8f9fb;
  border: 1px solid #d0d0d0;
}
.webmodal .addUpdate_modal .user_toggle .toggle_box .active_box span:first-child {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.webmodal .addUpdate_modal .user_toggle .toggle_box .active_box span:last-child {
  border-right: unset;
}
.webmodal .addUpdate_modal .user_toggle .toggle_box .inactive_box span {
  width: 100%;
  padding: 10px;
  background: #f8f9fb;
  border: 1px solid #d0d0d0;
}
.webmodal .addUpdate_modal .user_toggle .toggle_box .inactive_box span:first-child {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.webmodal .addUpdate_modal .user_toggle .toggle_box span {
  cursor: pointer;
}
.webmodal .addUpdate_modal .user_toggle .toggle_box span.active {
  background: #12880e;
  border: 1px solid #12880e;
  color: var(--ion-white-color);
}
.webmodal .addUpdate_modal .user_toggle .toggle_box span.inactive {
  background: #d74637;
  border: 1px solid #d74637;
  color: var(--ion-white-color);
}
.webmodal .addUpdate_modal .user_toggle .toggle_box span.status_toggle {
  background: #f8f9fb;
  color: var(--ion-black-color);
}
.webmodal .addUpdate_modal .modal_header {
  padding: 25px 33px 10px 33px;
  background: #fff;
  min-height: 100px;
  position: fixed;
  width: 100%;
}
.webmodal .addUpdate_modal .modal_header.d_flex {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
}
.webmodal .addUpdate_modal .modal_header h3,
.webmodal .addUpdate_modal .modal_header h2 {
  color: var(--ion-theme-blue-color);
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 5px;
  text-transform: capitalize;
}
.webmodal .addUpdate_modal .modal_header p {
  margin: 0;
  font-size: 14px;
  color: #929ba4;
}
.webmodal .addUpdate_modal .modal_body {
  margin-top: 0px;
  padding: 110px 35px 35px 35px;
  overflow-y: scroll;
}
.webmodal .addUpdate_modal .modal_body ion-list {
  --ion-background-color: #f1f2f6;
  padding: 0px 0px 10px 0px !important;
  overflow: inherit;
}
.webmodal .addUpdate_modal .modal_body ion-list .row_sec {
  display: flex;
}
.webmodal .addUpdate_modal .modal_body ion-list .row_sec .col {
  width: 50%;
  margin-right: 0px;
}
.webmodal .addUpdate_modal .modal_body ion-list .row_sec .col:last-child {
  margin-right: 0;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item {
  --background: transparent;
  border-radius: 10px;
  --inner-padding-end: 0;
  --padding-start: 0;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item.ion-activated,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.ion-activatable,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.ion-focusable {
  --ripple-color: transparent !important;
  --background-hover: transparent !important;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item.ion-activated:hover,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.ion-activatable:hover,
.webmodal .addUpdate_modal .modal_body ion-list ion-item.ion-focusable:hover {
  --ripple-color: transparent !important;
  --background-hover: transparent !important;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group {
  width: 100%;
  height: auto;
  padding: 6px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  overflow: inherit;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group.status {
  padding: 0 !important;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group.date_picker .shown {
  left: 0 !important;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group ion-label {
  font-size: 16px;
  color: #11141a;
  font-weight: 600;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group .input-value {
  width: 74%;
  color: #414141;
  font-weight: 500;
  background: #e3e3e3;
  margin: 0;
  height: 51px;
  line-height: 51px;
  padding: 0px 10px;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group a24-input,
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group dropdown-component,
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group .show_time {
  width: 70%;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group a24-input .custom_select,
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group dropdown-component .custom_select,
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group .show_time .custom_select {
  background: #fff;
  border-radius: 5px;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group a24-input .custom_select ng-select,
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group dropdown-component .custom_select ng-select,
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group .show_time .custom_select ng-select {
  min-height: 50px;
  height: 50px;
  overflow-y: scroll;
  line-height: 50px;
  padding: 0 10px;
  border-radius: 5px;
  --border: none;
  --background: transparent;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group a24-input .custom_select ng-select ng-placeholder,
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group dropdown-component .custom_select ng-select ng-placeholder,
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group .show_time .custom_select ng-select ng-placeholder {
  top: 0;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group a24-input .custom_select ng-select .ng-arrow-wrapper,
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group dropdown-component .custom_select ng-select .ng-arrow-wrapper,
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group .show_time .custom_select ng-select .ng-arrow-wrapper {
  padding-right: 10px;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group a24-input ion-textarea,
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group dropdown-component ion-textarea,
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group .show_time ion-textarea {
  margin-top: 0;
  border: 1px solid #d6d6d6;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group ion-input {
  width: 100%;
  background: #fff;
  height: 50px;
  border-radius: 5px;
  line-height: 50px;
  --padding-top: 0;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group ion-input.has-value input {
  font-weight: 400;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group ion-input input,
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group ion-input .input_value {
  padding: 0 10px !important;
  font-size: 16px;
  margin: 0;
  color: #414141;
  font-weight: 400;
  border-radius: 5px;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group .a24-color-picker {
  width: 70%;
  background: #fff;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  padding: 0px 10px;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group .a24-color-picker p {
  margin: 10px 0;
  font-size: 16px;
  opacity: 0.5;
  font-weight: 500;
  width: auto;
  height: 30px;
  line-height: 30px;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group .a24-color-picker p.box.selected {
  opacity: 1;
  width: 30px;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group.contact_no .contact_field {
  width: 120px;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group.contact_no .contact_field .area_code {
  width: 100% !important;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group.contact_no .contact_field .area_code .ionic-selectable {
  max-width: 100%;
  padding: 0px 10px;
  height: 50px;
  font-size: 14px;
  color: #414141;
  font-weight: 400;
  line-height: 30px;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group.contact_no .contact_field .area_code .ionic-selectable .ionic-selectable-inner .ionic-selectable-value {
  padding-top: 10px !important;
  font-size: 16px;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group.contact_no .contact_field .area_code .ionic-selectable .ionic-selectable-icon-inner {
  top: 24px !important;
}
.webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group.contact_no a24-input {
  width: 54%;
}
.webmodal .addUpdate_modal .modal_body form {
  margin-bottom: 24px;
  overflow-x: hidden;
}
.webmodal .addUpdate_modal .modal_body form .user_link a {
  color: var(--ion-theme-blue-color);
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
}
.webmodal .addUpdate_modal .modal_body form .date_picker .select_datePic .custom_date,
.webmodal .addUpdate_modal .modal_body form .set_time .show_time ion-icon {
  right: 2px;
}
.webmodal .addUpdate_modal .modal_footer {
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 100%;
  text-align: end;
  background: #f1f2f6;
  padding: 16px 50px;
}
.webmodal .addUpdate_modal.user-new-component .modal_body .padding_outline {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 50px;
}
.webmodal .addUpdate_modal.user-new-component .modal_body .padding_outline .full_section .hide-err {
  padding-left: 35px;
}
.webmodal .addUpdate_modal.user-new-component .modal_body .padding_outline .full_section .grey_bg {
  background: #dcdcdc;
  padding: 15px;
  border-radius: 10px;
  margin-top: 20px;
}
.webmodal .addUpdate_modal.user-new-component .modal_body .padding_outline .full_section .grey_bg ion-item {
  --min-height: none !important;
  margin: 5px 0px;
}
.webmodal .addUpdate_modal.user-new-component .modal_body .padding_outline .full_section .grey_bg ion-item ion-checkbox {
  margin: 0px 12px 0px 0px;
  --background-checked: #565656;
  --border-color-checked: #3c3c3c;
  --checkmark-color: var(--ion-black-color) !important;
}
.webmodal .addUpdate_modal.user-new-component .modal_body .padding_outline .full_section .grey_bg ion-item ion-label {
  margin: 0;
  font-weight: 400;
}
.webmodal .addUpdate_modal.user-new-component .modal_body .access_list {
  width: 94%;
  columns: 3;
  display: block;
  margin-left: auto;
}
.webmodal .addUpdate_modal.user-new-component .modal_body .access_list ion-label {
  font-weight: 400;
}
.webmodal .addUpdate_modal.user-new-component .modal_body ion-checkbox {
  margin: 5px 10px 5px 0px;
  background: transparent;
  --background-checked: transparent;
  --border-color-checked: rgba( var(--ion-text-color-rgb, 0, 0, 0), 0.51 );
  --checkmark-color: var(--ion-theme-red-color) !important;
}
.webmodal .addUpdate_modal.user-new-component .modal_body ion-checkbox svg::part(mark) {
  stroke: var(--ion-theme-red-color) !important;
}
.webmodal .addUpdate_modal.user-new-component .modal_body ion-label {
  font-size: 16px !important;
  color: #11141a !important;
  font-weight: 400 !important;
  width: auto !important;
}
.webmodal .addUpdate_modal.user-new-component .modal_body .check_list ion-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.webmodal .addUpdate_modal.user-new-component .modal_body .check_list ion-list ion-item {
  width: 31.333%;
  --min-height: auto !important;
  margin: 6px 0px;
}
.webmodal .addUpdate_modal.user-new-component .modal_body .check_list ion-list ion-item a24-label ion-label {
  width: 100%;
}
.webmodal .addUpdate_modal.user-new-component .modal_footer {
  box-shadow: 0 2px 20px #cbcbcb;
}
.add-plan-modal {
  --min-width: 45%;
  --border-radius: 20px;
}
.add-plan-modal app-manage-add-on ion-header .modal_header {
  padding: 16px 35px;
  min-height: 75px;
  background-color: var(--ion-white-color);
  width: 100%;
  display: flex;
  align-items: center;
}
.add-plan-modal app-manage-add-on ion-header .modal_header h3 {
  font-size: 23px;
  color: var(--ion-theme-blue-color);
  font-weight: 700;
  margin: 0;
  text-transform: capitalize;
}
.add-plan-modal app-manage-add-on ion-content .modal_body {
  padding: 30px 20px;
  background-color: #f1f2f6;
}
.add-plan-modal app-manage-add-on ion-content .modal_body::-webkit-scrollbar-thumb {
  background: transparent !important;
  border: 1px solid transparent !important;
}
.add-plan-modal app-manage-add-on ion-content .modal_body::-webkit-scrollbar-thumb {
  background: transparent !important;
  border: 1px solid transparent !important;
}
.add-plan-modal app-manage-add-on ion-content .modal_body::-webkit-scrollbar-track {
  border: 1px solid transparent !important;
}
.add-plan-modal app-manage-add-on ion-content .modal_body::-webkit-scrollbar-track {
  background: transparent !important;
  border: 1px solid transparent !important;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f1f2f6;
  padding-top: 3px;
  padding-bottom: 15px;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item {
  --background: #f1f2f6;
  --border-color: unset;
  --padding-start: 10px;
  --inner-padding-end: 10px;
  --border-width: 0;
  --show-full-highlight: 0;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item .price_tag {
  display: flex;
  align-items: center;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item .price_tag span {
  padding-right: 10px;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item .price_tag a24-input {
  width: 100%;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item.dnl-item-invalid {
  overflow: visible;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item:last-child {
  --inner-padding-end: 0 !important;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item .form_group a24-radio ion-radio-group {
  display: flex;
  align-items: center;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item .form_group a24-radio ion-radio-group ion-item ion-label {
  font-size: 15px !important;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item .form_group a24-radio ion-radio-group ion-item ion-radio {
  margin-inline-end: 8px;
  border: unset;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item .form_group a24-radio ion-radio-group ion-item ion-radio::part(container) {
  border-color: #707070;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item .form_group a24-radio ion-radio-group ion-item ion-radio::part(mark) {
  background: #d74637;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item .form_group a24-input a24-form-errors {
  position: absolute;
  z-index: 9999;
  bottom: -18px;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item .form_group a24-input ion-input {
  border-radius: 6px;
  background-color: var(--ion-white-color);
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item .form_group a24-input ion-input input {
  text-indent: 10px;
}
.add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item .form_group a24-label ion-label {
  width: 160px;
  font-weight: 600;
}
.add-plan-modal app-manage-add-on ion-footer {
  background: #f1f2f6;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 1850px) {
  app-dashboard .dashboard_section .dashboard_left .top_sec .searchbar {
    width: 72%;
  }
  app-dashboard .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .no_user ion-card {
    min-height: 300px;
  }
  app-dashboard .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location ion-card {
    min-height: 300px;
  }
  app-dashboard .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location ion-card .location_container ngx-chartjs {
    width: 60%;
  }
  app-dashboard .dashboard_section .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card {
    padding: 15px 6px !important;
  }
  app-dashboard .dashboard_section .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info {
    width: 70%;
  }
  app-dashboard .dashboard_section .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info ion-card-header {
    font-size: 16px !important;
  }
  app-dashboard .dashboard_section .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info p.sales,
  app-dashboard .dashboard_section .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info p.year {
    font-size: 14px !important;
  }
  app-dashboard .dashboard_section .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info p.sales span,
  app-dashboard .dashboard_section .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info p.year span {
    font-size: 14px !important;
  }
  app-dashboard .dashboard_section .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .right_info {
    width: 30%;
  }
  app-dashboard .dashboard_section .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .right_info .growth {
    font-size: 14px;
  }
  app-dashboard .dashboard_section .dashboard_right .notifications {
    max-height: 465px;
    min-height: 465px;
  }
  app-dashboard .dashboard_section .dashboard_right .notifications .notification_list ion-card .brand_details {
    width: 73% !important;
  }
  app-dashboard .dashboard_section .dashboard_right .bottom_right_sec .payment_history ion-card.grey_bg {
    min-height: 535px;
    max-height: 535px;
  }
}
@media only screen and (max-width: 1650px) {
  app-dashboard .dashboard_section .dashboard_left .top_sec .searchbar {
    width: 68%;
  }
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_mid h2 {
    font-size: 30px;
  }
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_bot a {
    width: 85px !important;
    border-radius: 4px !important;
  }
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_bot a ion-icon {
    margin-right: 5px !important;
    font-size: 18px !important;
  }
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card {
    padding: 15px 6px !important;
  }
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info {
    width: 70%;
  }
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info ion-card-header {
    font-size: 12px !important;
  }
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info p.sales,
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info p.year {
    font-size: 12px !important;
  }
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info p.sales span,
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info p.year span {
    font-size: 12px !important;
  }
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .right_info {
    width: 30%;
  }
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .right_info .growth {
    font-size: 10px;
  }
  app-dashboard .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .no_user ion-card {
    min-height: 300px;
  }
  app-dashboard .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location ion-card {
    min-height: 300px;
  }
  app-dashboard .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location ion-card .location_container ngx-chartjs {
    width: 70%;
  }
  app-dashboard .dashboard_section .dashboard_right .notifications {
    max-height: 455px;
    min-height: 455px;
  }
  app-dashboard .dashboard_section .dashboard_right .bottom_right_sec .payment_history ion-card.grey_bg {
    min-height: 535px;
    max-height: 535px;
  }
}
@media only screen and (max-width: 1440px) {
  app-dashboard .dashboard_section .dashboard_left .top_sec .searchbar {
    width: 54%;
  }
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_mid h2 {
    font-size: 30px;
  }
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_bot a {
    width: 85px !important;
    border-radius: 4px !important;
  }
  app-dashboard .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_bot a ion-icon {
    margin-right: 5px !important;
    font-size: 18px !important;
  }
  app-dashboard .dashboard_section .dashboard_left .bottom_sec .bottom_left_sec .bottom_users .no_user {
    height: 100%;
    min-height: 182px;
  }
  app-dashboard .dashboard_section .dashboard_right .notifications .notification_list ion-card .brand_details {
    width: 60% !important;
  }
}
@media only screen and (max-width: 1366px) {
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .top_sec .searchbar {
    width: 55% !important;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .top_sec .searchbar ion-searchbar {
    --background:var(--ion-white-color);
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .top_sec .searchbar ion-searchbar .sc-ion-searchbar-ios {
    top: 0px;
    height: 50px;
    padding-inline-start: 0;
    text-indent: 38px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_bot {
    left: 0;
    right: 0;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_bot a {
    margin: 0px 5px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_mid h2 {
    font-size: 35px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.silver .card_mid p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list.silver .card_mid .plan_list {
    margin: 5px 0px 0px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info ion-card-header {
    font-size: 14px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info .sales,
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info .year {
    font-size: 12px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info .sales span,
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info .year span {
    font-size: 15px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec h3 {
    font-size: 16px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_left_sec {
    width: 55%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_left_sec .bottom_users .user_location ion-card .location_container {
    width: 100%;
    text-align: end;
    margin-top: 15px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_left_sec .bottom_users .user_location ion-card .location_container ngx-chartjs {
    width: 80%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_left_sec .bottom_users .no_user {
    width: 100%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_left_sec .bottom_users .user_location {
    width: 100%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_left_sec .bottom_users .user_location ngx-chartjs {
    width: 30% !important;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_right_sec {
    width: 42%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_right_sec .payment_history ion-card .payment_tab {
    margin-top: 10px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_right_sec .payment_history ion-card .payment_tab ion-segment {
    width: 68%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_right_sec .payment_history ion-card .payment_tab ion-segment ion-segment-button {
    min-width: 44px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_right_sec .payment_history ion-card .payment_tab ion-segment ion-segment-button::part(indicator) {
    width: 100%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_right_sec .payment_history ion-card .payment_tab ion-segment ion-segment-button ion-label {
    text-indent: 6px;
    font-size: 10px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_right_sec .payment_history ion-card .payment_detail {
    max-height: 520px;
    overflow-y: scroll;
    height: 100%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_right_sec .payment_history ion-card .payment_detail::-webkit-scrollbar-thumb {
    background: transparent;
    border: 1px solid transparent;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_right_sec .payment_history ion-card .payment_detail::-webkit-scrollbar-thumb {
    background: transparent;
    border: 1px solid transparent;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_right_sec .payment_history ion-card .payment_detail::-webkit-scrollbar-track {
    border: 1px solid transparent;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_right_sec .payment_history ion-card .payment_detail::-webkit-scrollbar-track {
    background: transparent;
    border: 1px solid transparent;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_right_sec .payment_history .ph_list .ph_left h4 {
    width: 150px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right .notifications {
    margin-inline: 0;
    margin: 0;
  }
}
@media only screen and (max-width: 1280px) {
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .top_sec {
    align-items: flex-start;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .top_sec .searchbar {
    width: 60.5% !important;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .top_sec .searchbar ngx-search .search_input ion-searchbar {
    padding-top: 0;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list {
    padding: 15px 10px 15px 10px;
    border-radius: 8px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_top p {
    font-size: 12px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_top p ion-icon {
    font-size: 16px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_mid h2 {
    font-size: 24px !important;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_mid .plan_list h3 {
    font-size: 24px !important;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card {
    padding: 15px 6px !important;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info {
    width: 70%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info ion-card-header {
    font-size: 12px !important;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info p.sales,
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info p.year {
    font-size: 10px !important;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info p.sales span,
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .left_info p.year span {
    font-size: 9px !important;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .right_info {
    width: 30%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col ion-card .sales_report .right_info .growth {
    font-size: 8px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .no_user ion-card {
    min-height: 210px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location ion-card {
    min-height: 210px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location ion-card .location_container ngx-chartjs {
    width: 62% !important;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right .notifications {
    max-height: 450px;
    min-height: 450px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right .bottom_right_sec .payment_history .grey_bg {
    min-height: 435px;
    max-height: 435px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right .bottom_right_sec .payment_history .grey_bg .payment_tab ion-segment.tabs_head {
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .webmodal {
    --height: 100% !important;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left {
    width: 100%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .top_sec .searchbar {
    width: 65%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .top_sec .searchbar ion-searchbar {
    --background:var(--ion-white-color);
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .top_sec .searchbar ion-searchbar .sc-ion-searchbar-ios {
    top: 0px;
    height: 50px;
    padding-inline-start: 0;
    text-indent: 38px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_bot a {
    margin: 0px 5px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats .dashboard_sales app-sales-status ion-grid ion-row ion-col {
    width: 100%;
    max-width: 50%;
    flex-basis: unset;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_left_sec {
    width: 100%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_left_sec .bottom_users .user_location ion-card {
    min-height: 345px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_left_sec .bottom_users .user_location ion-card .location_container ngx-chartjs {
    width: 70%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_right_sec {
    width: 100%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_right_sec .payment_history ion-card .payment_tab ion-segment {
    width: 30%;
    --background: transparent !important;
    margin-top: 15px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right {
    width: 100%;
    margin-bottom: 20px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right .notifications {
    margin-inline: 0;
    margin: 0;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right .notifications .notification_list {
    max-height: 326px;
    overflow-y: scroll;
    height: 100%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right .notifications .notification_list::-webkit-scrollbar-thumb {
    background: transparent;
    border: 1px solid transparent;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right .notifications .notification_list::-webkit-scrollbar-thumb {
    background: transparent;
    border: 1px solid transparent;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right .notifications .notification_list::-webkit-scrollbar-track {
    border: 1px solid transparent;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right .notifications .notification_list::-webkit-scrollbar-track {
    background: transparent;
    border: 1px solid transparent;
  }
  .add-plan-modal {
    --min-width: 70%;
  }
  .table_sec .filter_sec .table_filter .filter_item .status .select_status .custom_select ng-select {
    width: 190px !important;
  }
  .table_sec .filter_sec .table_filter .filter_item .search_bar .search_input ion-searchbar {
    width: 200px !important;
  }
}
@media only screen and (max-width: 767px) {
  ion-popover.color_popover {
    --width: 97% !important;
    --offset-x: 0px !important;
  }
  g2-smart-table.dataTable.no_data_found table tbody tr td {
    margin-top: 10px;
  }
  app-skeleton-text .custom_skeleton .table_sec .filter_sec {
    width: 100%;
  }
  app-skeleton-text .custom_skeleton .table_sec .filter_sec .table_filter .filter_item .select_status {
    width: 100%;
  }
  app-skeleton-text .custom_skeleton .table_sec .filter_sec .table_filter .filter_item .search_bar {
    width: 100%;
  }
  app-skeleton-text .custom_skeleton .custom-smart-table table thead tr th a ion-skeleton-text {
    margin: 0 auto;
  }
  .add-plan-modal {
    --border-radius: 0 !important;
  }
  .add-plan-modal app-manage-add-on ion-content .modal_body {
    padding: 15px 20px !important;
  }
  .add-plan-modal app-manage-add-on ion-content .modal_body ion-list {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    flex-wrap: wrap;
  }
  .add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field {
    width: 100%;
    padding: 5px 0;
  }
  .add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field .form_group {
    width: 100%;
  }
  .add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field .form_group a24-input a24-form-errors {
    bottom: -22px;
  }
  .add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item {
    --min-height: 35px;
    --padding-start: 0px !important;
  }
  .add-plan-modal app-manage-add-on ion-content .modal_body ion-list .field ion-item.dnl-item-invalid {
    padding-bottom: 17px;
  }
  .add-plan-modal app-manage-add-on ion-footer {
    padding: 15px 30px !important;
  }
  ngx-auth ion-content.login_pages .content_wrapper .card_bg {
    width: 72%;
    margin: 0 auto;
  }
  ngx-auth ion-content.login_pages .content_wrapper .card_bg ion-card-content {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
  .tooltip ion-icon {
    right: 5px;
    top: 45px;
  }
  ion-header ion-toolbar ion-buttons ngx-user-profile .user_profile .profile_info {
    display: none;
  }
  .table_sec .filter_sec {
    display: block;
  }
  .table_sec .filter_sec .table_filter .filter_item {
    width: 100%;
    display: block;
  }
  .table_sec .filter_sec .table_filter .filter_item .form_group {
    margin: 10px 0 !important;
  }
  .table_sec .filter_sec .table_filter .filter_item .form_group.select_status .custom_select ng-select {
    width: 100% !important;
  }
  .table_sec .filter_sec .table_filter .filter_item .form_group.search_bar ion-searchbar {
    width: 100% !important;
  }
  .table_sec .filter_sec .table_actions {
    width: 100%;
    justify-content: space-between;
  }
  .table_sec .filter_sec .table_actions .action_btn.print_btn {
    margin-left: auto;
  }
  .table_sec .filter_sec .table_actions .action_btn.setting_btn {
    margin-left: 15px;
  }
  app-subscriber-list .page_content ion-card,
  app-payment-report-list .page_content ion-card,
  app-user-list .page_content ion-card,
  app-pricing-list .page_content ion-card {
    background: transparent;
    margin: 0;
    padding: 20px 0px;
    overflow: visible;
    box-shadow: unset;
  }
  app-subscriber-list .page_content ion-card .page_content_wrapper .view_detailTable,
  app-payment-report-list .page_content ion-card .page_content_wrapper .view_detailTable,
  app-user-list .page_content ion-card .page_content_wrapper .view_detailTable,
  app-pricing-list .page_content ion-card .page_content_wrapper .view_detailTable {
    background: #fff;
    padding: 12px 0px;
    border-radius: 10px;
  }
  app-subscriber-list .page_content ion-card .page_content_wrapper .view_detailTable .no_data_found .custom-smart-table .table-responsive table tbody tr td,
  app-payment-report-list .page_content ion-card .page_content_wrapper .view_detailTable .no_data_found .custom-smart-table .table-responsive table tbody tr td,
  app-user-list .page_content ion-card .page_content_wrapper .view_detailTable .no_data_found .custom-smart-table .table-responsive table tbody tr td,
  app-pricing-list .page_content ion-card .page_content_wrapper .view_detailTable .no_data_found .custom-smart-table .table-responsive table tbody tr td {
    width: 100% !important;
  }
  ng2-smart-table .custom-smart-table .table-responsive {
    border: 0;
  }
  ng2-smart-table .custom-smart-table .table-responsive table thead {
    display: none;
  }
  ng2-smart-table .custom-smart-table .table-responsive table tbody tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    padding: 10px;
  }
  ng2-smart-table .custom-smart-table .table-responsive table tbody tr td {
    width: 50% !important;
    display: block;
    border: 0;
    padding: 10px 15px !important;
  }
  ng2-smart-table .custom-smart-table .table-responsive table tbody tr td .label-text {
    display: block !important;
    font-weight: 400;
    color: var(--ion-theme-blue-color);
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
  }
  ng2-smart-table .custom-smart-table .table-responsive table tbody tr td p {
    width: 102% !important;
  }
  ng2-smart-table .custom-smart-table .table-responsive table tbody tr td:last-child {
    width: 50% !important;
    display: block;
  }
  ng2-smart-table .custom-smart-table .table-responsive table tbody tr td:last-child .table_view {
    justify-content: flex-start;
  }
  ng2-smart-table .custom-smart-table .table-responsive table tbody tr td.right_text {
    text-align: left !important;
  }
  #dnl-footer,
  .dnl-footer-class {
    flex-direction: unset;
    display: block;
  }
  #dnl-footer #dnl-footer-pag,
  .dnl-footer-class #dnl-footer-pag {
    width: 100%;
  }
  #dnl-footer #dnl-footer-pag .pagination-bottom,
  .dnl-footer-class #dnl-footer-pag .pagination-bottom {
    width: 100%;
    box-shadow: unset;
  }
  #dnl-footer #dnl-footer-pag-length,
  .dnl-footer-class #dnl-footer-pag-length {
    display: none;
  }
  #dnl-footer #dnl-footer-row-option,
  .dnl-footer-class #dnl-footer-row-option {
    width: 100%;
    display: block;
  }
  #dnl-footer #dnl-footer-row-option .filter-selection,
  .dnl-footer-class #dnl-footer-row-option .filter-selection {
    justify-content: center;
    margin-top: 20px;
  }
  #dnl-footer #dnl-footer-row-option .filter-selection .filter-selection_name,
  .dnl-footer-class #dnl-footer-row-option .filter-selection .filter-selection_name {
    color: var(--ion-white-color);
  }
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group {
    display: block;
  }
  .webmodal .addUpdate_modal .modal_body ion-list ion-item .form_group ion-label {
    margin-bottom: 5px;
  }
  .webmodal .addUpdate_modal.user-new-component .modal_body .access_list {
    columns: 2;
  }
  .webmodal .addUpdate_modal.user-new-component .modal_body .check_list ion-list ion-item {
    width: 50%;
  }
  .webmodal .addUpdate_modal ion-list ion-item .form_group .a24-color-picker {
    width: 100% !important;
    padding: 11px 10px !important;
  }
  .webmodal .addUpdate_modal ion-list ion-item .form_group .a24-color-picker p {
    margin: 0 !important;
  }
  .webmodal .addUpdate_modal .modal_footer {
    padding: 16px 20px;
  }
  .webmodal .addUpdate_modal .user_toggle .toggle_box {
    padding: 40px 0px;
  }
  .webmodal .addUpdate_modal .user_toggle .toggle_box .active,
  .webmodal .addUpdate_modal .user_toggle .toggle_box .status_toggle {
    font-size: 10px;
  }
  app-subscriber-list .table_sec .filter_sec .table_actions {
    margin-left: auto;
    justify-content: flex-end;
  }
  .sass_page_content {
    margin: 100px auto 0;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left {
    width: 100%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .top_sec .date {
    width: 100%;
    margin-bottom: 10px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .top_sec .date .date_picker .select_datePic {
    max-width: 100% !important;
    border: unset;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .top_sec .searchbar {
    width: 100% !important;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card {
    margin: 0;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details {
    flex-wrap: wrap;
    padding: 15px 10px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list {
    width: 100% !important;
    border-radius: 6px;
    margin-bottom: 40px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_bot {
    width: 100%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats {
    margin: 0 0 20px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .dashboard_stats app-sales-status ion-grid ion-row ion-col {
    width: 100%;
    max-width: 100% !important;
    flex-basis: unset;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .no_user {
    width: 100%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location {
    width: 100%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location ion-card {
    min-height: 235px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location ion-card .location_container ngx-chartjs {
    width: 64% !important;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .bottom_sec .bottom_section_full .bottom_users .user_location .location_container {
    text-align: end;
    margin-top: 15px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right {
    width: 100%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right .bottom_right_sec {
    width: 100%;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right .bottom_right_sec .payment_history ion-card .payment_tab ion-segment {
    width: 60% !important;
    --background: transparent !important;
    margin-top: 10px;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_right .notifications {
    margin-inline: 0;
  }
}
@media only screen and (max-width: 520px) {
  .table_sec .filter_sec .table_actions .addNew_btn ion-button {
    --background: #fff !important;
    color: #018ede !important;
  }
  app-dashboard .sass_page_content .dashboard_section .dashboard_left .middle_sec ion-card .card_details .cards_list .card_bot {
    width: 100% !important;
  }
}

/* node_modules/@swimlane/ngx-datatable/assets/icons.css */
@font-face {
  font-family: "data-table";
  src: url("./media/data-table-DGQ4LQQR.eot");
  src:
    url("./media/data-table-DGQ4LQQR.eot?#iefix") format("embedded-opentype"),
    url("./media/data-table-2IZ2Q4SK.woff") format("woff"),
    url("./media/data-table-J6MZE774.ttf") format("truetype"),
    url("./media/data-table-AKMZFM4M.svg#data-table") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]::before {
  font-family: "data-table" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=datatable-icon-]::before,
[class*=" datatable-icon-"]::before {
  font-family: "data-table" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.datatable-icon-filter::before {
  content: "b";
}
.datatable-icon-collapse::before {
  content: "a";
}
.datatable-icon-expand::before {
  content: "c";
}
.datatable-icon-close::before {
  content: "d";
}
.datatable-icon-up::before {
  content: "e";
}
.datatable-icon-down::before {
  content: "f";
}
.datatable-icon-sort-unset::before {
  content: "c";
  opacity: 0.5;
}
.datatable-icon-sort::before {
  content: "g";
}
.datatable-icon-done::before {
  content: "h";
}
.datatable-icon-done-all::before {
  content: "i";
}
.datatable-icon-search::before {
  content: "j";
}
.datatable-icon-pin::before {
  content: "k";
}
.datatable-icon-add::before {
  content: "m";
}
.datatable-icon-left::before {
  content: "o";
}
.datatable-icon-right::before {
  content: "p";
}
.datatable-icon-skip::before {
  content: "q";
}
.datatable-icon-prev::before {
  content: "r";
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-IZP4PFG2.css.map */