input[type=text]:-webkit-autofill {
  -webkit-box-shadow: none !important;
}

input[type=text]:-webkit-autofill, *:focus {
  -webkit-box-shadow: none !important;
  outline: none !important;
}

textarea, input[type=text], *:focus {
  outline: none !important;
}

a.pgeBack mat-icon .material-icons {
  font-size: 15px;
}

a.pgeBack mat-icon {
  width: 15px;
  height: 16px;
  font-size: 18px;
}

a.pgeBack:hover {
  color: #795548;
  text-decoration: none;
}

span.spgeBack {
  float: right;
}

.SubHead {
  display: inline-block;
  width: 100%;
}

a.pgeBack {
  color: #000;
  text-decoration: none;
}

.dataTableScroll {
  overflow-x: scroll;
}

  .dataTableScroll .mat-mdc-cell, .dataTableScroll .mat-mdc-header-cell {
    flex: 1;
    overflow: visible !important;
    /*word-wrap: normal !important;*/
    min-width: 150px;
  }

  .dataTableScroll .mat-mdc-table {
    width: auto !important;
  }

h4.SubHead a:hover {
  text-decoration: none;
}

.projectAccounting button.smlBtnFilterArea {
  min-width: 1px;
  line-height: 22px;
  color: #fff;
  font-size: 18px;
}

.bizXPagination {
  text-align: right;
}

mat-cell.cdk-column-symptom {
  /*max-height: 50px;
    overflow: auto;*/
}

mat-cell.scrll-description-area {
  /* max-height: 50px;
    overflow-y: auto;*/
}

.projectAccounting .mat-mdc-row.sclick {
  cursor: pointer;
}

  .projectAccounting .mat-mdc-row.sclick:hover {
    background: #fbff92;
  }

.container-fluid div, .container-fluid table, div, .table {
  font-size: 12px;
}

.mat-mdc-cell {
  font-size: 12px;
}

.RitFilterArea i.fa, .RitFilterArea mat-icon {
  color: #fff;
}

.container-fluid .mat-mdc-button, .container-fluid .mat-mdc-fab, .container-fluid .mat-mdc-icon-button, .container-fluid .mat-mdc-mini-fab, .container-fluid .mat-mdc-raised-button, .mat-mdc-button, .mat-mdc-raised-button, .mat-mdc-icon-button {
  line-height: 30px !important;
  min-width: auto !important;
  font-size: 12px !important;
  margin: 4px 0px 4px 8px !important;
  /*font-weight: bold;*/
}

.mat-mdc-menu-panel .mat-mdc-menu-content, .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text, .mat-mdc-menu-panel .mat-mdc-menu-item {
  line-height: 30px;
  /*height: 30px;*/
  font-size: 12px;
}

.mat-mdc-menu-panel .mat-mdc-menu-item {
  min-height: 30px;
}

.tmeclr {
  width: 10px;
  height: 10px;
  display: inline-block;
  padding: 5px;
  margin-right: 6px;
  border-radius: 50%;
}

  .tmeclr.tm-1 {
    background: #9cdeec;
  }

  .tmeclr.tm-2 {
    background: #8072ef;
  }

  .tmeclr.tm-3 {
    background: #1b2330;
  }

.container-fluid mat-expansion-panel-header {
  font-size: 13px;
}

mat-expansion-panel-header mat-icon.material-icons {
  height: 20px;
  width: 24px;
  font-size: 18px;
}

mat-expansion-panel-header i.material-icons {
  font-size: 18px;
}

.container-fluid .mat-mdc-card {
  padding: 12px 24px;
}

.paddingZro .col-xs-12.col-md-8, .paddingZro .col-xs-12.col-md-4, .paddingZro .col-xs-12.col-md-8 {
  padding: 0 4px;
}

.container-fluid hr {
  border: 1px solid #d2d2d2;
  margin: 5px 0;
}

.wrap {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  word-wrap: break-word;
}

.emp-info-blk span {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  word-wrap: break-word;
}

.viw-stle-1 {
  color: #0D46B3;
}

.viw-stle-2 {
  color: #F01313;
}

.viw-stle-3 {
  color: #e12727;
}

.container-fluid div mat-icon.auto-drp-dwn {
  top: 5px;
  position: relative;
  color: #757575;
  cursor: pointer;
  font-size: 2.3em;
}

mat-form-field.auto-full-width {
  width: 64%;
}

.alert-red-btn button, .alert-green-btn button, .alert-amber-btn button {
  background: #fff;
}

.cust-validation.ng-touched.ng-invalid {
  border: 1px solid red;
}

.asterik-mark {
  color: red;
}

.alrt-success {
  background: #28a745;
}

.alrt-info {
  background: #17a2b8;
}

snack-bar-container.alrt-warning-info {
  background: #ffc107;
  max-width: 100%;
}

@supports (-ms-ime-align:auto) {
  /*TODO(mdc-migration): The following rule targets internal classes of input that may no longer apply for the MDC version.*/
  .mat-input-container {
    width: 180px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .LftPaginationArea {
    float: left;
  }
}

h4.SubHead.SGsubHead {
  font-weight: 500;
}

.container-fluid .SGPages div {
  font-size: 12px;
}

.container-fluid .SGPages button.blu-btn {
  font-size: 12px;
}

.container-fluid .SGPages button.org-btn {
  font-size: 12px;
}
/*TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/
.mat-mdc-select .mat-select-value-text {
  white-space: normal;
}

.logoloaderDiv {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}
/*table th.mat-mdc-header-cell, table td.mat-mdc-cell, table td.mat-mdc-footer-cell {
    padding-left: 24px;
}*/
.tableListViewHeader {
  display: inline-block;
  width: 100%;
}
/*    .tableListViewHeader .RitFilterArea mat-form-field{
        color:#fff;
    }*/

/*Project Accunting
Praveen Start 08-11-2023*/

.container.projectAccounting {
  max-width: 100%;
  padding: 0;
}

.projectAccounting mat-card-title {
  margin-bottom: 15px;
}

.myWarnAlert.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  background: #e14545;
  border-radius: 0;
}

.mySucessAlert.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  background: #43b352;
  border-radius: 0;
}
/*Project Accunting
Praveen Start 08-11-2023*/

.projectAccounting .mat-expansion-indicator::after {
  color: white;
}

/*Radio button CSS*/

.projectAccounting mat-radio-button label {
  font-weight: 400 !important;
  margin-bottom: 0;
}

.projectAccounting .mdc-radio {
  padding: 0px 7px 0px 0px !important;
}

.projectAccounting .mat-mdc-radio-button .mdc-form-field {
  font-size: 12px;
  padding-right: 20px;
}

/*Radio button CSS*/

.projectAccounting .amount {
  text-align: right;
}

/*CSS for action button*/
.projectAccounting .tableAction-button, .tableAction-button {
  margin: 0px !important;
  padding: 0px !important;
  height: 31px !important;
  width: 33px !important;
}

/*CSS for action button*/

.mat-mdc-option .mdc-list-item__primary-text {
  font-size: 12px !important;
  min-height: 30px !important;
}

.mdc-data-table__header-cell {
  padding: 0px 10px 0px 10px !important;
}

.projectAccounting .mat-mdc-row, .mat-mdc-row {
  height: 35px !important;
}

input {
  font-size: 12px !important;
}

/*CSS for SnackBar*/
.warnOurClass.mat-mdc-snack-bar-container .mdc-linear-progress__bar-inner {
  border-color: #ff4242;
}

.sucessOurClass.mat-mdc-snack-bar-container .mdc-linear-progress__bar-inner {
  border-color: #128929;
}

.sucessOurClass.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  background: #1caf1c;
  border-radius: 0;
}

.warnOurClass.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  background: #f01212;
  border-radius: 0;
}
/*CSS for SnackBar*/

/*CSS for Choose File*/

.projectAccounting .file-upload-chosen {
  color: transparent;
  float: left;
  width: 84px;
}

/*CSS for Choose File*/

/*CSS for show-more or show-less icon*/
.projectAccounting .show-more-icon {
  color: #0086CB;
}

  .projectAccounting .show-more-icon:hover {
    color: #102d70;
  }
/*CSS for show-more or show-less icon*/

/*Dialog Styles*/
.mat-mdc-dialog-container .mdc-dialog__content {
  color: black !important;
}

.mdc-dialog .mdc-dialog__content {
  padding: 0px !important;
  font-size: 12px !important;
  overflow-x: hidden !important;
}

.dialog-container {
  padding: 10px !important;
}

.dialog-actions button:hover {
  color: red !important;
}

.dialog-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 16px !important;
  padding: 0px !important;
  border-bottom: 1px solid black !important;
  margin-bottom: 15px !important;
}

  .dialog-title::before {
    content: none !important;
    height: 35px !important
  }
/*Dialog Styles*/

.no-scroll {
  overflow: hidden !important;
}

.dashboard-icon {
  font-size: 36px;
}

.home-icon {
  font-size: 46px;
}