/* Maintain gap below the top navbar, to be used along with .container-fluid class */
/* html{
  --mdc-outlined-text-field-outline-color: var(--grey-high)
} */
.container-fluid-header-gap {
  padding-top: 65px;
}
lib-dpw-navbar ~ .container-fluid-header-gap, lib-dpw-navbar ~ .view-container {
  padding-top: 125px;
}
._required, .required {
  position: relative;
  padding-left: 10px;
}
._required::before, .required::before {
  content: '* ';
  color: var(--error-medium);
  font-weight: 500;
  position: absolute;
  top: 2px;
  left: 2px;
}
._mandatory::after, .mandatory::after {
  content: ' *';
  color: var(--error-medium);
  font-weight: 500;
}

/* Button Styles */
.mat-mdc-button,.mat-mdc-fab,.mat-mdc-unelevated-button,.mat-mdc-icon-button,.mat-mdc-mini-fab,.mat-mdc-raised-button,.mat-mdc-outlined-button {
  font-family: var(--mawani-font) !important;
  /* font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  text-transform: uppercase;*/
  outline: none;
  line-height: var(--button-line-height);
  --mdc-filled-button-label-text-font: var(--mawani-font);
  --mdc-filled-button-label-text-size: var(--button-font-size);
  --mdc-filled-button-label-text-tracking: var(--button-letter-spacing);
  --mdc-filled-button-label-text-weight: var(--button-font-weight);
  --mdc-filled-button-label-text-transform: uppercase;
  --mdc-text-button-label-text-font: var(--mawani-font);
  --mdc-text-button-label-text-size: var(--button-font-size);
  --mdc-text-button-label-text-tracking: var(--button-letter-spacing);
  --mdc-text-button-label-text-weight: var(--button-font-weight);
  --mdc-text-button-label-text-transform: uppercase;
  --mdc-outlined-button-label-text-font: var(--mawani-font);
  --mdc-outlined-button-label-text-size: var(--button-font-size);
  --mdc-outlined-button-label-text-tracking: var(--button-letter-spacing);
  --mdc-outlined-button-label-text-weight: var(--button-font-weight);
  --mdc-outlined-button-label-text-transform: uppercase;
  --mdc-protected-button-label-text-font: var(--mawani-font);
  --mdc-protected-button-label-text-size: var(--button-font-size);
  --mdc-protected-button-label-text-tracking: var(--button-letter-spacing);
  --mdc-protected-button-label-text-weight: var(--button-font-weight);
  --mdc-protected-button-label-text-transform: uppercase;
  /* 
    height: var(--mdc-filled-button-container-height);
    border-radius: var(--mdc-filled-button-container-shape); */
    /* padding: 0 var(--mat-filled-button-horizontal-padding, 16px); */
}
.mat-mdc-button.disabled, .mat-mdc-button[disabled]{
  /* color: var(--disabled-high); */
  --mdc-filled-button-disabled-label-text-color: var(--disabled-high);
  /* background-color: var(--mdc-filled-button-disabled-container-color); */
}
.mat-mdc-button.mat-primary{
  background-color: var(--white);
  /* color: var(--primary-color-100); */
  --mdc-text-button-label-text-color: var(--primary-color-100);
}
.mat-mdc-button.mat-primary:hover{
  background-color: var(--primary-color-20);
  /* color: var(--primary-color-100); */
  --mdc-text-button-label-text-color: var(--primary-color-100);
}
.mat-mdc-button.mat-primary.disabled, .mat-button.mat-primary[disabled]{
  background-color: var(--white);
  /* color: var(--disabled-high); */
  --mdc-text-button-disabled-label-text-color: var(--disabled-high);
  pointer-events: none;
  cursor: auto;
}
.mat-mdc-button.mat-tertiary{
  background: transparent;
  /* color: var(--primary-color-100); */
  --mdc-text-button-label-text-color: var(--primary-color-100);
}
.mat-mdc-button.mat-tertiary:hover{
  background-color: var(--primary-color-20);
}
.mat-mdc-button.mat-tertiary.disabled:hover, .mat-button.mat-tertiary[disabled]:hover,
.mat-button.mat-tertiary.disabled, .mat-button.mat-tertiary[disabled]{
  background: transparent;
  /* color: var(--disabled-high); */
  --mdc-filled-button-disabled-label-text-color: var(--disabled-high);
  pointer-events: none;
  cursor: auto;
}
.mat-mdc-button.mat-tertiary.warning{
  color: var(--warning-dark);
}
.mat-mdc-button.mat-tertiary.warning:hover{
  background-color: var(--warning-light);
}
.mat-mdc-button.mat-tertiary.success{
  /* color: var(--success-dark); */
  --mdc-text-button-label-text-color: var(--success-dark);
}
.mat-mdc-button.mat-tertiary.success:hover{
  background-color: var(--success-light);
}
.mat-mdc-button.mat-tertiary.danger{
  /* color: var(--error-dark); */
  --mdc-text-button-label-text-color: var(--error-dark);
}
.mat-mdc-button.mat-tertiary.danger:hover{
  background-color: var(--error-light);
}
.mat-mdc-button.mat-danger{
  background-color: var(--white);
  /* color: var(--error-dark); */
  --mdc-text-button-label-text-color: var(--error-dark);
}
.mat-mdc-button.mat-danger:hover{
  background-color: var(--error-light);
  /* color: var(--error-dark); */
  --mdc-text-button-label-text-color: var(--error-dark);
}
.mat-mdc-button.mat-warn{
  background-color: var(--white);
  /* color: var(--warning-dark); */
  --mdc-text-button-label-text-color: var(--warning-dark);
}
.mat-mdc-button.mat-warn:hover{
  background-color: var(--warning-light);
  /* color: var(--warning-dark); */
  --mdc-text-button-label-text-color: var(--warning-dark);
}
.mat-mdc-button.mat-success{
  background-color: var(--white);
  /* color: var(--success-dark); */
  --mdc-text-button-label-text-color: var(--success-dark);
}
.mat-mdc-button.mat-success:hover{
  background-color: var(--success-light);
  /* color: var(--success-dark); */
  --mdc-text-button-label-text-color: var(--success-dark);
}
.mat-mdc-button.mat-primary .mat-mdc-button-ripple .mat-ripple-element {
  /* background-color: var(--primary-color-60); */
  --mat-text-button-ripple-color: var(--primary-color-60);
  opacity: 45%;
}
.mat-mdc-unelevated-button{
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 2px rgba(0, 0, 0, 0.24);
}
.mat-mdc-unelevated-button.mat-primary{
  /* background-color: var(--primary-color-100);
  color: var(--white); */
  --mdc-filled-button-container-color: var(--primary-color-100);
  --mdc-filled-button-label-text-color: var(--white);
}
.mat-mdc-unelevated-button.mat-primary:hover{
  /* background-color: var(--primary-color-20);
  color: var(--primary-color-100); */
  --mdc-filled-button-container-color: var(--primary-color-20);
  --mdc-filled-button-label-text-color: var(--primary-color-100);
}
.mat-mdc-unelevated-button.mat-primary.disabled, .mat-mdc-unelevated-button.mat-primary[disabled]{
  box-shadow: none;
  /* background-color: var(--disabled-low);
  color: var(--disabled-high); */
  --mdc-filled-button-disabled-container-color: var(--disabled-low);
  --mdc-filled-button-disabled-label-text-color: var(--disabled-high);
  pointer-events: none;
  cursor: auto;
}
.mat-mdc-unelevated-button.mat-danger, .mat-mdc-unelevated-button.mat-danger:hover{
  /* background-color: var(--error-dark);
  color: var(--white); */
  --mdc-filled-button-container-color: var(--error-dark);
  --mdc-filled-button-label-text-color: var(--white);
}
.mat-mdc-unelevated-button.mat-warn, .mat-mdc-unelevated-button.mat-warn:hover{
  /* background-color: var(--warning-dark);
  color: var(--white); */
  --mdc-filled-button-container-color: var(--warning-dark);
  --mdc-filled-button-label-text-color: var(--white);
}
.mat-mdc-unelevated-button.mat-success, .mat-mdc-unelevated-button.mat-success:hover{
  /* background-color: var(--success-dark);
  color: var(--white); */
  --mdc-filled-button-container-color: var(--success-dark);
  --mdc-filled-button-label-text-color: var(--white);
}
.mat-mdc-unelevated-button .mat-mdc-button-ripple .mat-ripple-element {
  /* background-color: var(--white); */
  --mat-filled-button-ripple-color: var(--white);
  opacity: 45%;
}
.mat-mdc-outlined-button.mat-primary{
  background-color: var(--white);
  /* color: var(--primary-color-100);
  border: 1px solid var(--primary-color-100); */
  --mdc-outlined-button-label-text-color: var(--primary-color-100);
  --mdc-outlined-button-outline-color: var(--primary-color-100);
}
.mat-mdc-outlined-button.mat-primary:hover{
  background-color: var(--primary-color-20);
  /* color: var(--primary-color-100);
  border: 1px solid var(--primary-color-100); */
  --mdc-outlined-button-label-text-color: var(--primary-color-100);
  --mdc-outlined-button-outline-color: var(--primary-color-100);
}
.mat-mdc-outlined-button.mat-primary.disabled, .mat-mdc-outlined-button.mat-primary[disabled]{
  background-color: var(--white);
  /* color: var(--disabled-high);
  border: 1px solid var(--disabled-high); */
  --mdc-outlined-button-disabled-outline-color: var(--disabled-high);
  --mdc-outlined-button-disabled-label-text-color: var(--disabled-high);
  pointer-events: none;
  cursor: auto;
}
.mat-mdc-outlined-button .mat-mdc-button-ripple .mat-ripple-element {
  /* background-color: var(--primary-color-60); */
  --mat-outlined-button-ripple-color: var(--primary-color-60);
  opacity: 45%;
}
.mat-mdc-outlined-button.mat-danger, .mat-mdc-outlined-button.mat-danger:hover{
  background-color: var(--white);
  /* color: var(--error-dark);
  border: 1px solid var(--error-dark); */
  --mdc-outlined-button-label-text-color: var(--error-dark);
  --mdc-outlined-button-outline-color: var(--error-dark);
}
.mat-mdc-outlined-button.mat-danger:hover{
  background-color: var(--error-light);
}
.mat-mdc-outlined-button.mat-danger .mat-mdc-button-ripple .mat-ripple-element {
  /* background-color: var(--error-light); */
  --mat-outlined-button-ripple-color: var(--error-light);
  opacity: 45%;
}
.mat-mdc-outlined-button.mat-warn, .mat-mdc-outlined-button.mat-warn:hover{
  background-color: var(--white);
  /* color: var(--warning-dark);
  border: 1px solid var(--warning-dark); */
  --mdc-outlined-button-label-text-color: var(--warning-dark);
  --mdc-outlined-button-outline-color: var(--warning-dark);
}
.mat-mdc-outlined-button.mat-warn .mat-mdc-button-ripple .mat-ripple-element {
  /* background-color: var(--warning-light); */
  --mat-outlined-button-ripple-color:  var(--warning-light);
  opacity: 45%;
}
.mat-mdc-outlined-button.mat-success, .mat-mdc-outlined-button.mat-success:hover{
  background-color: var(--white);
  /* color: var(--success-dark);
  border: 1px solid var(--success-dark); */
  --mdc-outlined-button-label-text-color: var(--success-dark);
  --mdc-outlined-button-outline-color: var(--success-dark);
}
.mat-mdc-outlined-button.mat-success .mat-mdc-button-ripple .mat-ripple-element {
  /* background-color: var(--success-light); */
  --mat-outlined-button-ripple-color: var(--success-light);
  opacity: 45%;
}
html .mat-mdc-icon-button.mat-mdc-button-disabled{
  /* color: var(--disabled-high) !important; */
  --mdc-icon-button-disabled-icon-color: var(--disabled-high);
}
html .mat-mdc-icon-button.mat-primary {
  /* color: var(--primary-color-100); */
  --mdc-icon-button-icon-color: var(--primary-color-100);
}
html .mat-mdc-icon-button.mat-primary.float {
  /* color: var(--white); */
  --mdc-icon-button-icon-color: var(--white);
  background-color: var(--primary-color-100);
}
html .mat-mdc-icon-button.mat-primary.float:hover {
  /* color: var(--white); */
  --mdc-icon-button-icon-color: var(--white);
  background-color: var(--primary-color-60);
}
.mat-mdc-button.mat-mdc-unelevated-button.mat-primary.float {
  /* color: var(--white); */
  --mdc-icon-button-icon-color: var(--white);
  background-color: var(--primary-color-100);
  border-radius: 100px;
}
.mat-mdc-button.mat-mdc-unelevated-button.mat-primary.float .mat-icon{
  margin-right: 1rem;
}
.mat-mdc-button.mat-mdc-unelevated-button.mat-primary.float:hover {
  /* color: var(--white); */
  --mdc-icon-button-icon-color: var(--white);
  background-color: var(--primary-color-60);
}

/* Card Styles */
.mat-mdc-card {
  /* background-color: var(--white);
  border: 1px solid var(--grey-medium); */
  box-sizing: border-box;
  /* border-radius: 4px;
  box-shadow: none !important; */
  font-family: var(--mawani-font) !important;
  --mdc-elevated-card-container-color: var(--white);
  --mdc-elevated-card-container-shape: 4px;
  --mdc-elevated-card-container-elevation: none;
  border: 1px solid var(--grey-medium) !important;
}
.mat-mdc-card.trans-card{
  /* background-color: transparent !important; */
  --mdc-elevated-card-container-color: transparent;
  border: none !important;
  padding: 0 !important;
}
.mat-mdc-card.greyCard{
  /* background-color: var(--grey-low); */
  --mdc-elevated-card-container-color: var(--grey-low);
  border: 1px solid var(--grey-medium) !important;
}
.mat-mdc-card.float{
  border: none;
  /* box-shadow: 0px 2px 4px rgb(0 0 0 / 14%), 0px 3px 4px rgb(0 0 0 / 12%), 0px 1px 4px rgb(0 0 0 / 20%) !important; */
  --mdc-elevated-card-container-elevation: 0px 2px 4px rgb(0 0 0 / 14%), 0px 3px 4px rgb(0 0 0 / 12%), 0px 1px 4px rgb(0 0 0 / 20%);
}
.mat-mdc-card-header-text {
  margin: 0 !important;
}
.mat-mdc-card-subtitle, .mat-mdc-card-content {
  font-size: var(--body2-font-size);
}

/* Checkbox Styles */
.mat-mdc-checkbox{
  font-family: var(--mawani-font) !important;
  --mdc-form-field-label-text-font: var(--mawani-font);
  --mdc-checkbox-state-layer-size: 18px;
}
.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,
.mat-mdc-checkbox-checked.mat-primary .mdc-checkbox__background {
  /* background-color: var(--primary-color-100); */

  --mdc-checkbox-selected-icon-color: var(--primary-color-100);
  --mdc-checkbox-selected-hover-icon-color: var(--primary-color-100);
  --mdc-checkbox-selected-focus-icon-color: var(--primary-color-100);

  --mdc-checkbox-selected-pressed-icon-color: var(--primary-color-100);
}

.mat-mdc-checkbox-disabled .mdc-checkbox__background {
  background-color: var(--white);
  /* border: 1px solid var(--disabled-medium); */
  --mdc-checkbox-disabled-unselected-icon-color:var(--disabled-medium);
}

.mat-mdc-checkbox-checked.mat-mdc-checkbox-disabled .mdc-checkbox__background,
.mat-mdc-checkbox-disabled .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background,
.mat-mdc-checkbox-disabled .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background {
  /* background-color: var(--disabled-medium); */
  border: none;
  --mdc-checkbox-disabled-selected-icon-color: var(--disabled-medium);
}
.mdc-checkbox__background {
  height: 16px !important;
  width: 16px !important;
}
.mat-mdc-checkbox .mdc-label {
  white-space: normal;
  font-size: var(--body2-font-size);
  font-weight: var( --body2-font-weight);
  line-height: var(--body2-line-height) !important;
  letter-spacing: var(--body2-letter-spacing);
}

.mat-mdc-checkbox.mat-primary .mdc-label,
.mat-mdc-radio-button, 
.mat-mdc-radio-button .mdc-label, 
.mat-radio-label-content {
  /* color: var(--black-low); */
  --mdc-form-field-label-text-color: var(--black-low);
  margin-bottom: 0;
}

.mat-primary.mat-mdc-checkbox-disabled .mdc-label, 
.mat-mdc-radio-button .mdc-radio--disabled+label{
  /* color: var(--disabled-high); */
  --mat-radio-disabled-label-color: var(--disabled-high);
}

.mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  background-color: transparent !important;
}

/* Radio Button Styles */
html .mat-mdc-radio-button{
  --mdc-radio-state-layer-size: 20px;
  font-family: var(--mawani-font) !important;
  --mdc-radio-disabled-selected-icon-color: var(--disabled-medium);
  --mdc-radio-disabled-unselected-icon-color: var(--disabled-medium);
  --mdc-radio-unselected-hover-icon-color: var(--black-low);
  --mdc-radio-unselected-icon-color: var(--black-low);
  --mdc-radio-unselected-pressed-icon-color: var(--black-low);
  --mdc-radio-selected-focus-icon-color: var(--primary-color-100);
  --mdc-radio-selected-hover-icon-color: var(--primary-color-100);
  --mdc-radio-selected-icon-color: var(--primary-color-100);
  --mdc-radio-selected-pressed-icon-color: var(--primary-color-100);
}
.mat-mdc-radio-button.mat-primary .mdc-radio__inner-circle,
.mat-mdc-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.mat-mdc-radio-button.mat-primary:active .mat-radio-persistent-ripple,
.mat-mdc-radio-button.mat-accent .mdc-radio__inner-circle,
.mat-mdc-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-mdc-radio-button.mat-accent.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.mat-mdc-radio-button.mat-accent:active .mat-radio-persistent-ripple,
.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before,
.mat-mdc-radio-button .mdc-radio .mdc-radio__background::before {
  /* background-color: var(--primary-color-100); */
  --mat-radio-ripple-color: var(--primary-color-100);
  --mat-radio-checked-ripple-color: var(--primary-color-100);
  --mdc-radio-selected-icon-color: var(--primary-color-100);
  --mdc-radio-selected-focus-icon-color: var(--primary-color-100);
  --mdc-radio-selected-hover-icon-color: var(--primary-color-100);
  --mdc-radio-selected-pressed-icon-color: var(--primary-color-100);
  
}
.mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked .mdc-radio__outer-circle,
.mat-mdc-radio-button.mat-accent.mat-mdc-radio-checked .mdc-radio__outer-circle{
  /* border-color: var(--primary-color-100); */
  --mdc-radio-selected-icon-color: var(--primary-color-100);
  --mdc-radio-selected-focus-icon-color: var(--primary-color-100);
  --mdc-radio-selected-hover-icon-color: var(--primary-color-100);
  --mdc-radio-selected-pressed-icon-color: var(--primary-color-100);
}
.mat-mdc-radio-button label{
  font-size: var(--body2-font-size);
  font-weight: var( --body2-font-weight);
  line-height: var(--body2-line-height) !important;
  letter-spacing: var(--body2-letter-spacing);
  margin:0px;
}
.mat-mdc-radio-button.mdc-radio--disabled .mdc-radio__inner-circle,
.mat-mdc-radio-button.mdc-radio--disabled .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-mdc-radio-button.mdc-radio--disabled.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.mat-mdc-radio-button.mdc-radio--disabled:active .mat-radio-persistent-ripple {
  background-color: var(--disabled-medium);
  pointer-events: none;
}
.mat-mdc-radio-button.mdc-radio--disabled.mat-mdc-radio-checked .mdc-radio__outer-circle{
  border-color: var(--disabled-medium);
  pointer-events: none;
}
.mat-mdc-radio-button ~ .mat-mdc-radio-button {
  margin-left: 10px;
}
@media (max-width: 768px){
  .mat-mdc-radio-button ~ .mat-mdc-radio-button {
    margin-left: 25px;
  }
}

/* Toggle Switches Style */
.mat-mdc-slide-toggle.mat-primary .mdc-switch:enabled .mdc-switch__track::before{
  /* background-color: var(--grey-high); */
  --mdc-switch-unselected-track-color: var(--grey-high);
  --mdc-switch-unselected-focus-track-color: var(--grey-high);
  --mdc-switch-unselected-hover-track-color: var(--grey-high);
  --mdc-switch-unselected-pressed-track-color: var(--grey-high);
}
.mat-mdc-slide-toggle.mat-primary .mdc-switch .mdc-switch__handle::after{
  /* box-shadow: 0 2px 2px rgba(0,0,0,0.24), 0 0px 2px rgba(0,0,0,0.12); */
  /* background-color: var(--white); */
  --mdc-switch-unselected-handle-color: var(--white);
  --mdc-switch-unselected-hover-handle-color: var(--white);
  --mdc-switch-unselected-focus-handle-color: var(--white);
  --mdc-switch-unselected-pressed-handle-color: var(--white);
}
.mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__shadow{
  --mdc-switch-handle-elevation-shadow: 0 2px 2px rgba(0,0,0,0.24), 0 0px 2px rgba(0,0,0,0.12);
}
.mat-mdc-slide-toggle.mat-primary.mat-mdc-slide-toggle-checked .mdc-switch:enabled .mdc-switch__track::after{
  /* background-color: var(--primary-color-40); */
  --mdc-switch-selected-track-color: var(--primary-color-40);
  --mdc-switch-selected-focus-track-color: var(--primary-color-40);
  --mdc-switch-selected-hover-track-color: var(--primary-color-40);
  --mdc-switch-selected-pressed-track-color: var(--primary-color-40);
}
.mat-mdc-slide-toggle .mdc-switch.mdc-switch--checked .mdc-switch__shadow{
  --mdc-switch-handle-elevation-shadow: 0 2px 2px rgba(0,0,0,0.24), 0 0px 2px rgba(0,0,0,0.12);
}
.mat-mdc-slide-toggle.mat-primary .mdc-switch.mdc-switch--checked .mdc-switch__handle::after{
  /* box-shadow: 0 2px 2px rgba(0,0,0,0.24), 0 0px 2px rgba(0,0,0,0.12); */
  /* background-color: var(--primary-color-100); */
  --mdc-switch-selected-handle-color: var(--primary-color-100);
  --mdc-switch-selected-hover-handle-color: var(--primary-color-100);
  --mdc-switch-selected-focus-handle-color: var(--primary-color-100);
  --mdc-switch-selected-pressed-handle-color: var(--primary-color-100);
}
.mat-mdc-slide-toggle.mat-primary .mdc-switch:disabled .mdc-switch__track::before,
.mat-mdc-slide-toggle.mat-primary .mdc-switch:disabled .mdc-switch__track::after,
.mat-mdc-slide-toggle.mat-primary .mdc-switch.mdc-switch--checked:disabled .mdc-switch__track::after{
  /* background-color: var(--disabled-low); */
  --mdc-switch-disabled-selected-track-color: var(--disabled-low);
  --mdc-switch-disabled-unselected-track-color: var(--disabled-low);
}
.mat-mdc-slide-toggle.mat-primary .mdc-switch.mdc-switch--checked:disabled .mdc-switch__handle::after,
.mat-mdc-slide-toggle.mat-primary.mat-checked .mdc-switch.mdc-switch--checked:disabled .mdc-switch__handle::after{
  box-shadow: 0 2px 2px rgba(0,0,0,0.24), 0 0px 2px rgba(0,0,0,0.12);
  /* background-color: var(--disabled-medium); */
  --mdc-switch-disabled-selected-handle-color: var(--disabled-medium);
}
.mdc-switch:disabled {
  opacity: 0.38;
}
.mdc-switch:disabled + .mdc-label {
  opacity: 0.38;
}

/* Slider Styles */
.mat-mdc-slider.mat-primary .mdc-slider__track--inactive{
  /* background-color: var(--grey-high); */
  --mdc-slider-inactive-track-color: var(--grey-high);
}
.mat-mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive{
  --mdc-slider-disabled-inactive-track-color: var(--disabled-medium);
}
.mat-mdc-slider.mat-primary .mdc-slider__track--active_fill, 
.mat-mdc-slider.mat-primary .mdc-slider__thumb-knob, 
.mat-mdc-slider.mat-primary .mdc-slider__value-indicator-text{
  /* background-color: var(--primary-color-100);
  border-color: var(--primary-color-100); */
  --mdc-slider-handle-color: var(--primary-color-100);
  --mdc-slider-focus-handle-color: var(--primary-color-100);
  --mdc-slider-hover-handle-color: var(--primary-color-100);
  --mdc-slider-active-track-color: var(--primary-color-100);
}
.mat-mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{
  --mdc-slider-disabled-handle-color:  var(--disabled-medium);
  border-color: var(--white) !important;
  border-width: 6px;
}
/* .mat-mdc-slider.mat-primary .mdc-slider__thumb-knob{
  transform: scale(0.6);
} */
.mat-mdc-slider.mat-primary .mdc-slider__value-indicator-text{
  --mdc-slider-label-container-color: var(--primary-color-100);
  --mdc-slider-label-label-text-color: var(--white);
}
.mat-mdc-slider .mdc-slider__value-indicator{
  --mat-slider-value-indicator-opacity: 1;
  --mdc-slider-label-container-color: var(--primary-color-100);
}
.mat-mdc-slider.mat-primary .mdc-slider__value-indicator-text{
  top: -40px;
}

/* Chip Styles */
.mat-mdc-standard-chip .mdc-evolution-chip__text-label,
.mat-mdc-standard-chip{
  /* font-size: var(--caption-font-size);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height); */ 
  --mdc-chip-label-text-font: var(--mawani-font);
  --mdc-chip-label-text-line-height: var(--caption-line-height);
  --mdc-chip-label-text-size: var(--caption-font-size);
  --mdc-chip-label-text-weight: var(--caption-font-weight);
  --mdc-chip-label-text-tracking: var(--caption-letter-spacing);
  --mdc-chip-container-shape-radius: 100px;
  --mdc-chip-container-height: 32px;
}
.mat-mdc-chip .mdc-evolution-chip__text-label {
  display: flex;
  align-items: center;
}
.mat-mdc-standard-chip .mat-mdc-icon-button{
  /* height: 18px; */
  --mdc-icon-button-state-layer-size: 18px;
  --mdc-icon-button-icon-size: 18px;
  padding: 0;
}
.mat-mdc-standard-chip .mat-icon{
  font-size: 18px !important;
  height: 18px !important;
  width: 18px !important;
  line-height: 18px !important;
}
.mat-mdc-chip.mat-mdc-standard-chip::after{
  opacity: 0;
}
.mat-mdc-chip.mat-stroked-primary,
.mat-mdc-chip.mat-stroked-danger,
.mat-mdc-chip.mat-stroked-success,
.mat-mdc-chip.mat-stroked-warning
{
  border: 1px solid var(--mdc-chip-outline-color);
}
.mat-mdc-chip.mat-primary{
  /* background-color: var(--primary-color-20); */
  /* color: var(--primary-color-100); */
  --mdc-chip-elevated-container-color: var(--primary-color-20);
}
.mat-mdc-chip.mat-primary .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--primary-color-100);
}
.mat-mdc-chip.mat-primary:hover{
  /* background-color: var(--primary-color-40);
  color: var(--black-high); */
  --mdc-chip-elevated-container-color: var(--primary-color-40);
}
.mat-mdc-chip.mat-primary:hover .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--black-high);
}
.mat-mdc-chip.mat-stroked-primary{
  /* background-color: var(--white);
  color: var(--primary-color-100);
  border-color: var(--primary-color-100); */
  --mdc-chip-elevated-container-color: transparent;
  --mdc-chip-outline-color: var(--primary-color-100);
}
.mat-mdc-chip.mat-stroked-primary .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--primary-color-100);
}
.mat-mdc-chip.mat-stroked-primary:hover{
  /* background-color: var(--primary-color-20);
  color: var(--black-high);
  border-color: var(--primary-color-100); */
  --mdc-chip-elevated-container-color: var(--primary-color-20);
  --mdc-chip-outline-color: var(--primary-color-100);
}
.mat-mdc-chip.mat-stroked-primary:hover .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--black-high);
}
.mat-mdc-chip.mat-primary .mat-icon , 
.mat-mdc-chip.mat-stroked-primary .mat-icon{
  /* color: var(--primary-color-100); */
  --mat-icon-color: var(--primary-color-100);
}
.mat-mdc-chip.mat-danger{
  /* background-color: var(--error-light);
  color: var(--error-dark); */
  --mdc-chip-elevated-container-color: var(--error-light);
}
.mat-mdc-chip.mat-danger .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--error-dark);
}
.mat-mdc-chip.mat-danger:hover{
  /* background-color: var(--error-medium);
  color: var(--black-high); */
  --mdc-chip-elevated-container-color: var(--error-medium);
}
.mat-mdc-chip.mat-danger:hover .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--black-high);
}
.mat-mdc-chip.mat-stroked-danger{
  /* background-color: var(--white);
  color: var(--error-dark);
  border-color: var(--error-dark); */
  --mdc-chip-elevated-container-color: transparent;
  --mdc-chip-outline-color: var(--error-dark);
}
.mat-mdc-chip.mat-stroked-danger .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--error-dark);
}
.mat-mdc-chip.mat-stroked-danger:hover{
  /* background-color: var(--error-medium);
  color: var(--black-high);
  border-color: var(--error-dark); */
  --mdc-chip-elevated-container-color: var(--error-medium);
  --mdc-chip-outline-color: var(--error-dark);
}
.mat-mdc-chip.mat-stroked-danger:hover .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--black-high);
}
.mat-mdc-chip.mat-danger .mat-icon , 
.mat-mdc-chip.mat-stroked-danger .mat-icon{
  /* color: var(--error-dark); */
  --mat-icon-color:var(--error-dark);
}
.mat-mdc-chip.mat-success{
  /* background-color: var(--success-light);
  color: var(--success-dark); */
  --mdc-chip-elevated-container-color: var(--success-light);
}
.mat-mdc-chip.mat-success .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--success-dark);
}
.mat-mdc-chip.mat-success:hover{
  /* background-color: var(--success-medium);
  color: var(--black-high); */
  --mdc-chip-elevated-container-color: var(--success-medium);
}
.mat-mdc-chip.mat-success:hover .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--black-high);
}
.mat-mdc-chip.mat-stroked-success{
  /* background-color: var(--white);
  color: var(--success-dark);
  border-color: var(--success-dark); */
  --mdc-chip-elevated-container-color: transparent;
  --mdc-chip-outline-color: var(--success-dark);
}
.mat-mdc-chip.mat-stroked-success .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--success-dark);
}
.mat-mdc-chip.mat-stroked-success:hover{
  /* background-color: var(--success-medium);
  color: var(--black-high);
  border-color: var(--success-dark); */
  --mdc-chip-elevated-container-color: var(--success-medium);
  --mdc-chip-outline-color: var(--success-dark);
}
.mat-mdc-chip.mat-stroked-success:hover .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--black-high);
}
.mat-mdc-chip.mat-success .mat-icon , 
.mat-mdc-chip.mat-stroked-success .mat-icon{
  /* color: var(--success-dark); */
  --mat-icon-color: var(--success-dark);
}
.mat-mdc-chip.mat-warn{
  /* background-color: var(--warning-light);
  color: var(--warning-dark); */
  --mdc-chip-elevated-container-color: var(--warning-light);
}
.mat-mdc-chip.mat-warn .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--warning-dark);
}
.mat-mdc-chip.mat-warn:hover{
  /* background-color: var(--warning-medium);
  color: var(--black-high); */
  --mdc-chip-elevated-container-color: var(--warning-medium);
}
.mat-mdc-chip.mat-warn:hover .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--black-high);
}
.mat-mdc-chip.mat-stroked-warning{
  /* background-color: var(--white);
  color: var(--warning-dark);
  border-color: var(--warning-dark); */
  --mdc-chip-elevated-container-color: transparent;
  --mdc-chip-outline-color: var(--warning-dark);
}
.mat-mdc-chip.mat-stroked-warning .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--warning-dark);
}
.mat-mdc-chip.mat-stroked-warning:hover{
  /* background-color: var(--warning-medium);
  color: var(--black-high);
  border-color: var(--warning-dark); */
  --mdc-chip-elevated-container-color: var(--warning-medium);
  --mdc-chip-outline-color: var(--warning-dark);
}
.mat-mdc-chip.mat-stroked-warning:hover .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--black-high);
}
.mat-mdc-chip.mat-warn .mat-icon , 
.mat-mdc-chip.mat-stroked-warning .mat-icon{
  /* color: var(--warning-dark); */
  --mat-icon-color: var(--warning-dark);
}
.mat-mdc-chip.mat-gray{
  /* background-color: var(--grey-medium);
  color: var(--black-high); */
  --mdc-chip-elevated-container-color: var(--grey-medium);
}
.mat-mdc-chip.mat-gray .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--black-high);
}
.mat-mdc-chip.mat-gray:hover{
  /* background-color: var(--grey-high);
  color: var(--black-high); */
  --mdc-chip-elevated-container-color: var(--grey-high);
}
.mat-mdc-chip.mat-gray:hover .mdc-evolution-chip__text-label{
  --mdc-chip-label-text-color: var(--black-high);
}
.mat-mdc-chip.mat-gray .mat-icon{
  /* color: var(--black-high); */
  --mat-icon-color: var(--black-high);
}
.chip-text{
  font-weight: 400 !important;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mdc-evolution-chip__text-label{
  max-width: 376px;
}

/* Accordion/Expansion Panel Style */
.mat-accordion .mat-expansion-panel {
  box-shadow: unset !important;
  margin-bottom: 15px;
}
.mat-accordion .mat-expansion-panel-body{
  padding: 0;
}
.mat-accordion .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover{
  background: transparent;
}
.mat-expansion-panel .mat-expansion-panel-header{
  font-family: var(--mawani-font) !important;
  padding: 0;
}

/* table style starts here */
.mat-mdc-table,
.mat-mdc-row,
.mat-mdc-header-row{
  font-family: var(--mawani-font) !important;
  --mat-table-header-headline-font: var(--mawani-font);
  --mat-table-row-item-label-text-font: var(--mawani-font);
}
.mat-mdc-row .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper.mdc-text-field--no-label {
  padding: 0;
}
.mat-mdc-row .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  min-height: 47px;
  padding-bottom: 0;
  display: flex;
}
.table {
  margin: 0;
}
.table-bordered,.table-bordered td,.table-bordered th,
.table-bordered thead td,.table-bordered thead th,
.table thead th,.table tbody+tbody,
.table-bordered .mat-mdc-cell{
  /* border-color: var(--grey-medium) !important; */
  --mat-table-row-item-outline-color: var(--grey-medium);
}
.table-bordered  td:not(:first-child),.table-bordered  th:not(:first-child){
  border-left-width: 0px !important;
}
.table-bordered  td:not(:last-child),.table-bordered  th:not(:last-child){
    border-right-width: 0px !important;
}
table td.mat-mdc-cell,
table th.mat-mdc-header-cell,
table td.mat-mdc-footer-cell {
  padding: 0 10px;
  text-align: left;
  vertical-align: middle;
}
table td.mat-mdc-footer-cell{
  text-align: center;
}
th.mat-mdc-header-cell:first-of-type, td.mat-mdc-cell:first-of-type, td.mat-mdc-footer-cell:first-of-type {
  padding-left: 24px;
}
th.mat-mdc-header-cell:last-of-type, td.mat-mdc-cell:last-of-type, td.mat-mdc-footer-cell:last-of-type {
  padding-right: 24px;
}
.mat-mdc-table .table-element-detail{
  background-color: var(--grey-low);
}
.mat-mdc-header-row,
table th.mat-mdc-header-cell {
  /* font-family: var(--mawani-font) !important; */
  text-transform: capitalize;
  /* font-weight: var(--subtitle2-font-weight); */
  /* color: var(--black-high); */
  /* font-size: var(--subtitle2-font-size); */
  /* line-height: var(--subtitle2-line-height); */
  /* letter-spacing: var(--subtitle2-letter-spacing); */

  --mat-table-header-headline-weight: var(--subtitle2-font-weight);
  --mat-table-header-headline-color: var(--black-high);
  --mat-table-header-headline-size: var(--subtitle2-font-size);
  --mat-table-header-headline-line-height: var(--subtitle2-line-height);
  --mat-table-header-headline-tracking: var(--subtitle2-letter-spacing);
}
.mat-mdc-header-cell.table-filter-column .mat-mdc-input-element {
  outline: none;
}
.table-filter-column .mat-mdc-select-arrow {
  margin: 0 4px;
}
table .mat-sort-header-container button {
  font-family: var(--mawani-font) !important;
  letter-spacing: var(--subtitle2-letter-spacing);
  font-size: var(--subtitle2-font-size);
  text-align: left;
  text-transform: none;
}
.mat-mdc-row,
table .mat-mdc-cell {
  /* font-size: var(--body2-font-size);
  font-weight: var( --body2-font-weight);
  line-height: var(--body2-line-height);
  letter-spacing: var(--body2-letter-spacing);
  color: var(--black-low); */
  --mat-table-row-item-label-text-line-height: var(--body2-line-height);
  --mat-table-row-item-label-text-size: var(--body2-font-size);
  --mat-table-row-item-label-text-weight: var( --body2-font-weight);
  --mat-table-row-item-label-text-tracking: var(--body2-letter-spacing);
  --mat-table-row-item-label-text-color: var(--black-low);
}
table .mat-mdc-row:hover{
  background-color: var(--grey-low);
}
.tbl-header-row {
  background-color: var(--primary-color-100);
}
.mat-mdc-table .mat-mdc-text-field-wrapper:not(.mdc-text-field--disabled) {
  background: transparent;
}
.mat-mdc-table .mat-mdc-text-field-wrapper:not(.mdc-text-field--disabled):hover .mat-mdc-form-field-focus-overlay {
  background: transparent;
}
.mat-mdc-table .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  background: transparent;
}


/* Table to card responsive design styles starts here */
.mat-form-field-appearance-legacy .mat-placeholder-required{
  display: none;
}
.table-responsive-card .mobile-label {
  display: none;
}
@media (max-width: 768px) {
  .table-responsive-card table .mat-mdc-cell {
    /* font-size: var(--subtitle2-font-size); */
    --mat-table-row-item-label-text-size: var(--subtitle2-font-size);
  }
  .mat-form-field-appearance-legacy .mat-placeholder-required{
    display: block;
  }
  .table-responsive-card tr.editMode .mobile-label {
    width: 100%;
    display: block;
    font-weight: bold;
    float: none;
  }
  .table-responsive-card .mobile-label {
    width: 50%;
    display: block;
    font-weight: bold;
    float: left;
    margin-right: 10px;
  }
  .table-responsive-card tr.editMode .mobile-label-value-width {
    width: 100%;
  }
  .table-responsive-card .mobile-label-value-width {
    width: 50%;
  }
  .table-responsive-card tr.editMode .mat-mdc-form-field {
    width: 100%;
    float: none;
  }
  .table-responsive-card tr .mat-mdc-form-field {
    width: 50%;
    float: right;
  }
  .table-responsive-card table thead {
    display: none;
  }
  .table-responsive-card table tr {
    display: flex;
    flex-direction: column;
    padding: 15px;
    height: auto!important;
    margin-bottom: 5px;
    position: relative;
    margin-bottom: 16px !important;
    border: 1px solid var(--grey-medium) !important;
  }
  .table-responsive-card table tr.expanded_row{
    margin-top:-16px
  }
  .table-responsive-card table tr:last-child {
    margin-bottom: 0px !important;
  }
  .table-responsive-card table tr.editMode td {
    padding: 5px !important;
    border: 0px;
    display: block;
  }
  .table-responsive-card table tr td {
    padding: 5px 0px !important;
    display: flex;
    border: 0px;
    align-items: center;
  }
  .table-responsive-card table tr.editMode td:last-child {
    padding: 0px !important;
    border: 0px;
    display: flex;
    align-items: center;
  }
  .table-responsive-card table tr td>span,
  .table-responsive-card table tr td>label {
    width: 50%;
    word-break: break-word;
    text-align: left;
  }
  .table-responsive-card.view-table table tr td>span:not(.mobile-label),
  .table-responsive-card.view-table table tr td>label:not(.mobile-label) {
    text-align: right;
  }
  .mat-mdc-table.table-bordered {
    border: 0;
  }
  .mat-mdc-table tbody {
    background-color: var(--system-mawani);
  }
  .mat-mdc-table tbody .mat-mdc-row:not(.expanded_row) {
    background-color: var(--white);
  }
  .mat-mdc-table.mw-table-white-background tbody {
    background-color: var(--white);
  }
  .search-wrapper {
    position: relative;
    padding-bottom: 60px;
  }
  .search-wrapper .search-actions {
    position: absolute;
    right: 0;
    text-align: right;
    padding-right: 0;
    bottom: 0;
    margin-bottom: 20px;
  }
  .mobile-label {
    color: var(--black-high);
  }
  .table-row-actions {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .table-row-actions button.mat-mdc-icon-button{
    width: auto;
    height: auto;
    line-height: 1;
  }
  .action-sm-pt {
    padding-top: 40px !important;
  }
  .mat-mdc-form-field-infix {
    width: auto !important;
  }
  .table-responsive-card table.select-actions tr td.mat-column-expandAction,
  .table-responsive-card table.select-actions tr td.mat-column-select{
    min-height: 15px;
  }
  .table-responsive-card table.select-actions tr td.mat-column-expandAction span,
  .table-responsive-card table.select-actions tr td.mat-column-select .mat-mdc-checkbox{
    position: absolute;
  } 
  .table-responsive-card table.select-actions tr td.mat-column-expandAction span{
    left: 10px;
  }
  .table-responsive-card table.select-actions tr td.mat-column-select .mat-mdc-checkbox{
    left: 45px;
    top: 10px;
  }
}
th.actionColumn {
  width: 160px;
}
@media (max-width: 768px) {
  th.actionColumn {
    width: 100%;
  }
}
.mat-mdc-row, .mdc-data-table__content, .mat-mdc-select {
  -webkit-font-smoothing: unset !important;
}

/* Snackbar Style */
._snackbarStyle{
  max-width: 40vw!important;
  margin-top: 70px!important;
}
.mat-mdc-simple-snack-bar,
.mat-mdc-snack-bar-container .mdc-snackbar__label {
  /* font-family: var(--mawani-font) !important;
  font-size: var(--body2-font-size);
  line-height: var(--body2-line-height);
  font-weight: var(--body2-font-weight);*/
  letter-spacing: var(--body2-letter-spacing);  
  --mdc-snackbar-supporting-text-size: var(--body2-font-size);
  --mdc-snackbar-supporting-text-font: var(--mawani-font);
  --mdc-snackbar-supporting-text-weight: var(--body2-font-weight);
  --mdc-snackbar-supporting-text-line-height: var(--body2-line-height);
  padding: 0;
}
.mat-mdc-snack-bar-container,
.snackbar-primary{
  /* background: var(--primary-color-100);
  color: var(--white);
  box-shadow: 0px 3px 5px rgba(0,0,0,0.2), 0px 1px 18px rgba(0,0,0,0.12), 0px 6px 10px rgba(0,0,0,0.14); */
  --mdc-snackbar-container-color: var(--primary-color-100);
  --mdc-snackbar-supporting-text-color:  var(--white);
}
.mat-mdc-snack-bar-container .mdc-snackbar__surface{
  box-shadow: 0px 3px 5px rgba(0,0,0,0.2), 0px 1px 18px rgba(0,0,0,0.12), 0px 6px 10px rgba(0,0,0,0.14) !important;
  padding: 1rem;
}
.mat-mdc-snack-bar-container.snackbar-warning button,
.mat-mdc-snack-bar-container.snackbar-warning .mat-icon {
  /* color: var(--warning-dark) !important; */
  --mdc-snackbar-supporting-text-color: var(--warning-dark);
}
.mat-mdc-snack-bar-container.snackbar-warning {
  /* background: var(--warning-light);
  color: var(--warning-dark); */
  --mdc-snackbar-container-color: var(--warning-light);
  --mdc-snackbar-supporting-text-color:  var(--warning-dark);
}
.mat-mdc-snack-bar-container.snackbar-success button,
.mat-mdc-snack-bar-container.snackbar-success .mat-icon {
  /* color: var(--success-dark) !important;    */
  --mdc-snackbar-supporting-text-color: var(--success-dark);
}
.mat-mdc-snack-bar-container.snackbar-success {
  /* background: var(--success-light);
  color: var(--success-dark);    */
  --mdc-snackbar-container-color: var(--success-light);
  --mdc-snackbar-supporting-text-color: var(--success-dark);
}
.mat-mdc-snack-bar-container.snackbar-error button,
.mat-mdc-snack-bar-container.snackbar-error .mat-icon {
  /* color: var(--error-dark) !important;    */
  --mdc-snackbar-supporting-text-color: var(--error-dark);
}
.mat-mdc-snack-bar-container.snackbar-error {
  /* background: var(--error-light);
  color: var(--error-dark);    */
  --mdc-snackbar-container-color: var(--error-light);
  --mdc-snackbar-supporting-text-color: var(--error-dark);
}
.mat-mdc-snack-bar-container.snackbar-gray button,
.mat-mdc-snack-bar-container.snackbar-gray .mat-icon {
  /* color: var(--grey-high) !important;    */
  --mdc-snackbar-supporting-text-color: var(--grey-high);
}
.mat-mdc-snack-bar-container.snackbar-gray {
  /* background: var(--grey-low);
  color: var(--grey-high);    */
  --mdc-snackbar-container-color: var(--grey-low);
  --mdc-snackbar-supporting-text-color: var(--grey-high);
}
/* Alert Styles */
.alert-warning, .alertWarning{
  color:var(--warning-dark)!important;
  background-color: var(--warning-light)!important;
  border-color: var(--warning-medium)!important;
}
.alert-success, .alertSuccess{
  color:var(--success-dark)!important;
  background-color: var(--success-light)!important;
  border-color: var(--success-medium)!important;
}
.alert-danger, .alertDanger{
  color:var(--error-dark)!important;
  background-color: var(--error-light)!important;
  border-color: var(--error-medium)!important;
}

/* Toggle button styles */
.mat-button-toggle{
  font-family: var(--mawani-font) !important;
  --mat-standard-button-toggle-label-text-font: var(--mawani-font) !important;
}
.searchToggleBtns .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  --mat-standard-button-toggle-selected-state-text-color: var(--black-high);
  --mat-standard-button-toggle-selected-state-background-color: transparent;
}
.searchToggleBtns .mat-button-toggle-appearance-standard.mat-button-toggle-checked[color="primary"] {
  --mat-standard-button-toggle-selected-state-text-color: var(--white);
  --mat-standard-button-toggle-selected-state-background-color: var(--primary-color-100);
}
.mat-button-toggle-appearance-standard{
  /* color: var(--black-high); */
  --mat-standard-button-toggle-label-text-font: var(--mawani-font) !important;
  --mat-standard-button-toggle-text-color: var(--black-high);
}
.mat-button-toggle-group-appearance-standard{
  /* border: 1px solid var(--grey-medium); */
  --mat-standard-button-toggle-divider-color: var(--grey-medium);
}
.mat-button-toggle-appearance-standard[color="primary"]{
  /* background-color: var(--primary-color-100); */
  --mat-standard-button-toggle-background-color: var(--primary-color-100);
  --mat-standard-button-toggle-text-color: var(--white);
  /* color: var(--white); */
  /* border: solid 1px var(--primary-color-100); */
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard, .mat-button-toggle-disabled.mat-button-toggle-appearance-standard[color="primary"]{
  /* background-color: var(--disabled-low);
  color: var(--disabled-high); */
  pointer-events: none;
  cursor: auto;
  /* border: solid 1px var(--disabled-low); */
  --mat-standard-button-toggle-background-color: var(--disabled-low);
  --mat-standard-button-toggle-text-color: var(--disabled-high);
  --mat-standard-button-toggle-divider-color: var(--disabled-low);
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard{
  border: none !important;
}


/* Form Field Styles */
.mat-mdc-form-field{
  font-family: var(--mawani-font) !important;
  --mdc-outlined-text-field-outline-color: var(--grey-high);
  --mdc-form-field-label-text-font: var(--mawani-font);
  -webkit-font-smoothing: unset !important;
  letter-spacing: normal;
}
.mat-mdc-text-field-wrapper{
  background-color: var(--white);
  padding: 0 10.5px;
}
.mat-mdc-form-field .mdc-line-ripple::before{
  /* color: var(--grey-high);
  background-color: var(--grey-high) !important;  */
  /* border-bottom-color: var(--grey-high); */
  --mdc-filled-text-field-active-indicator-color: var(--grey-high);
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  --mdc-filled-text-field-focus-active-indicator-color: var(--primary-color-100);
}
.mat-focused .mdc-line-ripple--active::after{
  /* color: var(--primary-color-100);*/
  background-color: var(--primary-color-100) !important;
  /* border-bottom-color: var(--primary-color-100); */
  --mdc-filled-text-field-focus-active-indicator-color: var(--primary-color-100);
}
.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label{
  /* font-size: var(--body2-font-size);
  font-weight: var( --body2-font-weight); */
  line-height: var(--body2-line-height) !important;
  /* letter-spacing: var(--body2-letter-spacing); */
  --mat-form-field-outlined-label-text-populated-size: var(--body2-font-size);
  --mdc-outlined-text-field-label-text-font: var(--mawani-font) !important;
  --mdc-outlined-text-field-label-text-size: var(--body2-font-size);
  --mdc-outlined-text-field-label-text-weight: var( --body2-font-weight);
  --mdc-outlined-text-field-label-text-tracking:var(--body2-letter-spacing);
  
}
.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above{
  /* font-size: var(--caption-font-size);
  font-weight: var( --caption-font-weight); */
  line-height: var(--caption-line-height) !important;
  /* letter-spacing: var(--caption-letter-spacing); */
  --mdc-outlined-text-field-label-text-font: var(--mawani-font) !important;
  --mdc-outlined-text-field-label-text-size: var(--caption-font-size);
  --mdc-outlined-text-field-label-text-weight: var( --caption-font-weight);
  --mdc-outlined-text-field-label-text-tracking: var(--caption-letter-spacing);

}
.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mat-mdc-floating-label:not(.mdc-floating-label--float-above){
  --mat-mdc-form-field-label-transform: translateY(-50%) translateX(calc(1*(44px + var(--mat-mdc-form-field-label-offset-x, 0px))));
}
/* .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{
  font-size: var(--caption-font-size);
  font-weight: var( --caption-font-weight);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
} */

.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label,
.mat-mdc-form-field .mdc-text-field--filled.mdc-text-field--focused .mdc-floating-label, 
.mat-mdc-form-field .mdc-text-field--filled.mdc-text-field--focused .mdc-floating-label--float-above {
  /* font-size: var(--body2-font-size); */
  --mat-form-field-outlined-label-text-populated-size: var(--body2-font-size);
  padding-bottom: 1px;
}
.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label {
  left: 0px !important;
}
.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label.mdc-floating-label--float-above {
  left: 4px !important;
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{
  color: var(--grey-high);
  /* background-color: var(--white); */
  /* border-color: var(--grey-high); */
  --mdc-outlined-text-field-outline-color: var(--grey-high);
}
.mat-mdc-form-field .mat-mdc-icon-button,
.mat-mdc-form-field-icon-suffix .mat-icon,
.mat-mdc-form-field-icon-prefix .mat-icon{
  --mat-icon-color: var(--black-low);
}
.mdc-floating-label,
.mat-mdc-input-element:not([readonly=true]),
.mat-mdc-select-value-text,
.mat-mdc-select-arrow,
.mat-mdc-select, 
.mat-mdc-select-trigger{
  /* color: var(--black-low); */
  --mdc-outlined-text-field-label-text-color: var(--black-low);
  --mat-select-placeholder-text-color: var(--black-low);
  --mat-select-enabled-arrow-color: var(--black-low);
  --mat-select-enabled-trigger-text-color: var(--black-low) !important;
  --mdc-outlined-text-field-input-text-color: var(--black-low);
}
/* .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{} */
.mat-mdc-select-arrow-wrapper{
  display: table-cell !important;
  vertical-align: middle;
  height: unset !important;
}
.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow {
  /* color: var(--primary-color-100); */
  --mat-select-focused-arrow-color: var(--primary-color-100);
}
.mat-mdc-form-field-icon-prefix .mat-icon {
  padding-right: 0 !important;
}


.mat-mdc-input-element{
  line-height: 17px !important;  
}
.mat-mdc-form-field .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control.mat-mdc-input-element{
  display: flex;
  font-size: var(--body2-font-size);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing) !important;
  letter-spacing: var(--caption-letter-spacing) !important;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mdc-text-field__input[placeholder]:placeholder-shown {
  font-size: var(--body2-font-size);
  padding-bottom: 1px;
}

.mat-mdc-form-field.mat-focused .mat-mdc-icon-button,
.mat-mdc-form-field.mat-focused .mat-mdc-form-field-icon-suffix .mat-icon,
.mat-mdc-form-field.mat-focused .mat-mdc-form-field-icon-prefix .mat-icon,
.mat-form-field-appearance-outline.mat-focused .mdc-notched-outline > *,
.mat-mdc-form-field.mat-focused .mdc-floating-label{
  /* color: var(--primary-color-100); */
  --mat-icon-color: var(--primary-color-100);
  --mdc-outlined-text-field-focus-label-text-color: var(--primary-color-100);
  --mdc-outlined-text-field-outline-color: var(--primary-color-100);
  --mdc-outlined-text-field-focus-outline-color: var(--primary-color-100);
}
.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label {
  -webkit-font-smoothing: auto !important;
}
.mat-mdc-paginator-container .mdc-floating-label {
  /* color: var(--black-high); */
  --mat-select-enabled-trigger-text-color: var(--black-high);
}
.mat-focused .mat-mdc-input-element, .mat-focused .mat-mdc-select-value-text{
  /* color: var(--black-high); */
  --mdc-filled-text-field-input-text-color: var(--black-high);
  --mat-select-enabled-trigger-text-color: var(--black-high);
}
.mat-form-field-invalid .mdc-line-ripple::before{
  /* color: var(--error-medium);
  background-color: var(--error-medium) !important; */
  /* border-bottom-color: var(--error-medium); */
  --mdc-filled-text-field-error-active-indicator-color:  var(--error-medium);
}
.mat-form-field-invalid .mdc-line-ripple::after{
  --mdc-filled-text-field-error-focus-active-indicator-color:  var(--error-medium);
}
.mat-form-field-invalid .mat-mdc-form-field-icon-suffix .mat-icon,
.mat-form-field-invalid .mat-mdc-form-field-icon-prefix .mat-icon{
  --mat-icon-color: var(--error-medium);
}
.mat-form-field-invalid .mat-mdc-select-value-text,
.mat-mdc-form-field-error,
.mat-form-field-invalid .mdc-floating-label,
.mat-mdc-form-field.mat-form-field-invalid .mdc-floating-label{
  /* color: var(--error-medium); */
  --mdc-filled-text-field-error-label-text-color: var(--error-medium);
  --mat-select-enabled-trigger-text-color: var(--error-medium);
  --mat-form-field-error-text-color: var(--error-medium);
}
.mat-form-field-invalid .mdc-notched-outline > *{
  /* border-color: var(--error-medium); */
  --mdc-outlined-text-field-error-outline-color: var(--error-medium);
  --mdc-outlined-text-field-outline-width: 2px;
}
.disabledField .mdc-line-ripple::before,
.mat-form-field-disabled .mdc-line-ripple::before,
.disabledField .mdc-notched-outline > *,
.mat-form-field-disabled .mdc-notched-outline > *{
  /* color: var(--disabled-medium);*/
  background-color: var(--disabled-low); 
  /* border-color: var(--disabled-medium); */
  --mdc-filled-text-field-disabled-active-indicator-color: var(--disabled-medium);
  --mdc-outlined-text-field-disabled-outline-color: var(--disabled-medium);
}
.disabledField .mat-mdc-input-element,
.mat-form-field-disabled .mat-mdc-input-element,
.mat-mdc-input-element[readonly=true]{
  /* color: var(--disabled-high); */
  --mdc-filled-text-field-disabled-input-text-color: var(--disabled-high);
}
.disabledField .mat-mdc-form-field-icon-suffix .mat-icon,
.disabledField .mat-mdc-form-field-icon-prefix .mat-icon,
.mat-form-field-disabled .mat-mdc-form-field-icon-suffix .mat-icon,
.mat-form-field-disabled .mat-mdc-form-field-icon-prefix .mat-icon,
.mat-form-field-disabled .mat-mdc-form-field-required-marker::after ,
.mat-form-field-disabled .mat-mdc-form-field-required-marker::after ,
.mat-form-field-disabled ._required::before ,
.mat-form-field-disabled .required::before ,
.disabledField ._required::before,
.disabledField .required::before,
.disabledField .mdc-floating-label,
.disabledField .mat-mdc-select-value-text,
.disabledField .mat-mdc-select-arrow,
.mat-form-field-disabled .mdc-floating-label,
.mat-form-field-disabled .mat-mdc-select-value-text,
.mat-form-field-disabled .mat-mdc-select-arrow{
  /* color: var(--disabled-high) ; */
  --mat-icon-color: var(--disabled-high);
  --mdc-outlined-text-field-disabled-label-text-color: var(--disabled-high);
  --mat-select-disabled-trigger-text-color: var(--disabled-high);
  --mat-select-disabled-arrow-color: var(--disabled-high);
}
.mat-form-field-disabled .mat-mdc-icon-button,
.disabledField .mat-mdc-icon-button{
  color: var(--disabled-medium);
}
.mat-form-field-disabled .mat-mdc-form-field-infix{
  z-index: 2;
}
.mdc-line-ripple::after{
  background-color: inherit !important;
}
.mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field .mat-mdc-form-field-error{
  /* font-size: var(--caption-font-size);
  font-weight: var(--caption-font-weight);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing); */
  --mat-form-field-subscript-text-font: var(--mawani-font);
  --mat-form-field-subscript-text-line-height: var(--caption-line-height);
  --mat-form-field-subscript-text-size: var(--caption-font-size);
  --mat-form-field-subscript-text-tracking: var(--caption-letter-spacing);
  --mat-form-field-subscript-text-weight: var(--caption-font-weight);
}
.mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper {
  padding: 0 0.75em;
}
.mat-mdc-form-field-subscript-wrapper {
  -webkit-font-smoothing: unset !important;
}
.table-custom-fields .mdc-text-field--filled:not(.mdc-text-field--disabled){
  --mdc-filled-text-field-container-color: transparent;
}
.table-custom-fields .mat-mdc-form-field-focus-overlay{
  --mat-form-field-state-layer-color:  transparent;
}
.table-custom-fields .mdc-text-field--filled.mdc-text-field--disabled{
  --mdc-filled-text-field-container-color: transparent;
  --mdc-filled-text-field-disabled-container-color: transparent;
}
.table-custom-fields .mat-form-field-disabled .mat-mdc-form-field-subscript-wrapper,
.table-custom-fields .mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label,
.table-custom-fields .mdc-text-field--filled.mdc-text-field--disabled .mat-mdc-select-arrow-wrapper{
  display: none !important;
}
.table-custom-fields .mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before{
  border-width: 0px;
}
.table-custom-fields .mdc-text-field--filled.mdc-text-field--disabled .mat-mdc-form-field-infix{
  padding: 0px !important;
  display: flex;
  min-height: auto;
}
.table-custom-fields .mat-form-field-disabled .mat-mdc-select-trigger{
  color: var(--black-high);
}
/* .registration-page .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{
  margin-bottom: 10px;
} */
.mat-mdc-form-field-subscript-wrapper{
  min-height: 16px;
  margin-bottom: 10px;
}
.mat-mdc-form-field-bottom-align::before{
  display: none !important;
}
.mat-mdc-form-field-hint-wrapper, .mat-mdc-form-field-error-wrapper{
  position: unset !important;
}
.search-location .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{
  margin-bottom: 0px;
  min-height: 0px
}
.no-line .mat-mdc-input-element[readonly=true] {
  color: currentColor !important;
}
.no-line,
.no-line .mat-mdc-select-value-text,
.no-line .mat-mdc-input-element,
.no-line .mat-mdc-input-element:disabled, .no-line.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after{
  /* color: var(--black-high); */
  --mdc-outlined-text-field-disabled-input-text-color: var(--black-high);
  --mat-select-disabled-trigger-text-color: var(--black-high);
}
.no-line .mdc-floating-label,
.no-line .mdc-floating-label mat-label{
  color: var(--primary-color-100) !important;
  /* --mdc-outlined-text-field-disabled-input-text-color: var(--primary-color-100); */
  --mdc-outlined-text-field-disabled-label-text-color: var(--primary-color-100);
}
.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-form-field-required-marker::after,
.no-line .mdc-floating-label ._mandatory::after,
.no-line .mdc-floating-label .mandatory::after,
.no-line .mdc-floating-label mat-label ._required::before,
.no-line .mdc-floating-label mat-label .required::before{
  color: var(--error-medium) !important;
  --mdc-outlined-text-field-disabled-label-text-color: var(--error-medium);
  --mdc-outlined-text-field-label-text-color: var(--error-medium);
}
.no-line .mdc-floating-label .mat-mdc-form-field-required-marker::after,
.no-line .mdc-line-ripple::before {
  display: none !important;
}
.no-line .mdc-notched-outline > *{
  border: none;
  background-color: transparent;
}
.no-line .mdc-notched-outline__leading{
  width: 0px !important;
}
.no-line .mdc-notched-outline__notch{
  border:0 !important;
}
.no-line .mdc-floating-label, 
.no-line.mat-focused .mdc-floating-label{
  transform: translateX(1px) translateY(-2.2em) !important;
  /* font-size: var(--caption-font-size) !important; */
  --mat-form-field-outlined-label-text-populated-size: var(--caption-font-size) !important;
  z-index: 1000;
  top: 50% !important;
  left: 0 !important;
}
.no-line .mat-mdc-input-element{
  transform: translateY(1.5em) !important;
}
.no-line .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  left: 0px !important;
  --mat-form-field-container-height: 30px;
}
.no-line .mat-mdc-text-field-wrapper{
  padding: 0 !important;
  background-color: transparent;
}
.no-line input.mat-mdc-input-element{
  transform: translateY(0.4em) !important;
}
.no-line .mat-mdc-select-arrow-wrapper{
  display: none !important;
}
.no-line .mat-mdc-select-value {
  max-width: 100% !important;
  transform: translateY(0.4em) !important;
}
.no-line.mat-form-field-appearance-outline .mat-mdc-form-field-flex {
  padding: 0
}
.no-line {
  margin-top: 0.1rem !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0px 0px 0px 100px #fff inset;
}
.mat-mdc-option {
  /* color: var(--black-low) !important;
  font-size: var(--body2-font-size) !important;
  font-weight: var( --body2-font-weight) !important;
  line-height: var(--body2-line-height) !important;
  letter-spacing: var(--body2-letter-spacing) !important; */
  --mdc-list-list-item-label-text-color: var(--black-low);
  --mat-option-label-text-color: var(--black-low);
  --mat-option-label-text-line-height: var(--body2-line-height);
  --mat-option-label-text-size: var(--body2-font-size);
  --mat-option-label-text-tracking: var(--body2-letter-spacing);
  --mat-option-label-text-weight: var( --body2-font-weight);
  --mat-option-label-text-font: var(--mawani-font);
}
.mat-mdc-option.mat-mdc-option-active{
  /* background: var(--grey-low) !important; */
  --mat-option-focus-state-layer-color: var(--grey-low);
}
.mat-mdc-option.mdc-list-item--selected {
  --mdc-list-list-item-selected-container-color: var(--grey-low);
  background-color: var(--mdc-list-list-item-selected-container-color) !important;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  /* color:var(--black-low) !important;
  background: var(--grey-low); */
  --mat-option-label-text-color: var(--black-low);
  --mat-option-focus-state-layer-color: var(--grey-low);
  --mat-option-selected-state-label-text-color: var(--black-low);
}
.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  -webkit-font-smoothing: unset !important;
}
.mat-mdc-form-field, .mat-mdc-select {
  letter-spacing: normal !important;
}

/* Overlay Styles */
.cdk-global-overlay-wrapper, .cdk-overlay-pane {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  box-sizing: content-box;
  padding: 0px 0px 10px 0px;
}
@media (min-width : 768px){
  .cdk-overlay-pane {
    /* transform: translateX(-11px) !important; */
    max-height: 90vh;
  }
}
/* .mat-mdc-autocomplete-panel{
  left: 10px;
} */

/* Modal Styles */
.modal-header {
  border-bottom: none;
}
.modal-footer {
  border-top: none;
}
.modal-body-scroll {
  max-height: 100vh;
  overflow-y: auto;
}
.mdc-dialog__title::before{
  display: none !important;
}

/* Common Classes */
._fullWidth, .full-width {
  width: 100%;
}
._fullHeight, .full-height {
  height: 100%;
}
.mobileVisibleOnly, .mobile-visible-only {
  display: none !important;
}
.desktopVisibleOnly, .desktop-visible-only {
  display: initial !important;
}
@media (max-width: 768px) {
  ._fullWidthMobile, .full-width-mobile {
    width: 100% !important;
  }
  .mobileVisibleOnly, .mobile-visible-only {
    display: initial !important;
  }
  .desktopVisibleOnly, .desktop-visible-only {
    display: none !important;
  }
  .position-md-relative{
    position: unset;
  }
}
@media (min-width: 768px){
  ._fullWidthDesktop, .full-width-desktop {
    width: 100% !important;
  }
  .position-md-relative{
    position: relative;
  }
  .position-md-fixed{
    position: fixed;
  }
}
.mat-mdc-checkbox .mdc-form-field  {
  margin: 0;
}
.icon-font,
.mat-icon {
  font-size: 22px !important;
  height: 22px!important;
  width: 22px!important;
}
.mat-icon.icon-large{
  height: 56px;
  width: 56px!important;
  font-size: 56px!important;
}
.mat-icon.icon-small{
  height: 18px !important;
  width: 18px!important;
  font-size: 18px!important;
}
@media (min-width : 768px){
  .viewBtns button:not(:first-child), .view-buttons button:not(:first-child)  {
    margin-left: 24px;
  }
}
@media (max-width: 768px) {
  .viewBtns button, .view-buttons button {
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
._hide, .hide {
  display: none !important;
}
.cdk-overlay-container {
  z-index: 1051 !important;
}
.handCursor, .hand-cursor {
  cursor: pointer;
}
.mat-primary .mat-pseudo-checkbox-checked {
  /* background: var(--primary-color-100) !important; */
  --mat-full-pseudo-checkbox-selected-icon-color: var(--primary-color-100);
}

/* Style related to phone number field */
.countryCode.mat-form-field-appearance-outline .mdc-notched-outline__trailing, .country-code.mat-form-field-appearance-outline .mdc-notched-outline__trailing {
  border-radius: 0px;
}
.countryCode .mat-mdc-select-value, .country-code .mat-mdc-select-value {
  text-align: center;
}
.phoneNumber.mat-form-field-appearance-outline .mdc-notched-outline__leading, .phone-number.mat-form-field-appearance-outline .mdc-notched-outline__leading {
  border-radius: 0px;
}
.phoneNumber .mat-mdc-form-field-icon-prefix, .phone-number .mat-mdc-form-field-icon-prefix {
  margin: auto 5px auto 0;
  padding-top: 5px;
  width: 50px;
  text-align: center;
  top: 0em !important;
}
.phoneNumber .mat-mdc-form-field-infix, .phone-number .mat-mdc-form-field-infix {
  padding: calc(1em - 3px) 0 calc(1em + 3px) 0;
}
.mat-mdc-form-field-infix {
  width: auto !important;
}

/* Stepper Styles */
.mat-stepper-vertical,.mat-stepper-horizontal{
  /* font-family: var(--mawani-font) !important; */
  --mat-stepper-container-text-font: var(--mawani-font)
}
.mat-stepper-horizontal .mat-horizontal-stepper-header {
  height: 150px;
  width: 50% !important;
}
.mat-horizontal-stepper-header {
  pointer-events: none !important;
}
.mat-stepper-label-position-bottom
  .mat-horizontal-stepper-header
  .mat-step-label {
  padding: 5px 0 0 0;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header {
  padding: 24px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 32px !important;
  border-top-width: 3px !important;
}
.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  /* background-color: transparent; */
  --mat-stepper-header-hover-state-layer-color: transparent;
}
.last-edited-step-1
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(1),
.last-edited-step-1
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(3),
.last-edited-step-2
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(1),
.last-edited-step-2
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(3),
.last-edited-step-2
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(3),
.last-edited-step-2
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(5),
.last-edited-step-3
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(1),
.last-edited-step-3
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(3),
.last-edited-step-3
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(3),
.last-edited-step-3
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(5),
.last-edited-step-3
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(5),
.last-edited-step-3
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(7),
.last-edited-step-4
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(1),
.last-edited-step-4
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(3),
.last-edited-step-4
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(3),
.last-edited-step-4
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(5),
.last-edited-step-4
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(5),
.last-edited-step-4
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(7),
.last-edited-step-4
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(7),
.last-edited-step-4
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(9),
.last-edited-step-5
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(1),
.last-edited-step-5
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(3),
.last-edited-step-5
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(3),
.last-edited-step-5
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(5),
.last-edited-step-5
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(5),
.last-edited-step-5
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(7),
.last-edited-step-5
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(7),
.last-edited-step-5
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(9),
.last-edited-step-5
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(11),
.last-edited-step-5
  .mat-horizontal-stepper-header-container
  .mat-stepper-horizontal-line:nth-child(13) {
  /* border-top-color: var(--primary-color-100) !important; */
  --mat-stepper-line-color: var(--primary-color-100);
}
.mat-stepper-label-position-bottom
  .mat-horizontal-stepper-header:not(:first-child)::before,
.mat-stepper-label-position-bottom
  .mat-horizontal-stepper-header:not(:last-child)::after {
  top: 32px !important;
  border-top-width: 3px !important;
  width: calc(50% - 12px) !important;
}
.mat-step-icon {
  /* background-color: var(--primary-color-60) !important; */
  box-shadow: 0px 0px 0px 1px var(--primary-color-60) !important;
  border: 2px solid var(--primary-color-60) !important;
  height: 20px !important;
  width: 20px !important;
  --mat-stepper-header-icon-background-color: var(--primary-color-60);
}
.mat-step-icon-selected {
  /* background-color: var(--primary-color-100) !important; */
  box-shadow: 0px 0px 0px 1px var(--primary-color-100) !important;
  border: 2px solid var(--primary-color-100) !important;
  --mat-stepper-header-selected-state-icon-background-color: var(--primary-color-100);
}
.mat-step-icon-state-edit {
  /* background-color: var(--primary-color-100) !important; */
  box-shadow: 0px 0px 0px 1px var(--primary-color-100) !important;
  border: 2px solid var(--primary-color-100) !important;
  --mat-stepper-header-edit-state-icon-background-color: var(--primary-color-100);
}
.mat-step-icon-state-edit .mat-step-icon-content,
.mat-step-icon-state-number .mat-step-icon-content {
  display: none;
}
.mat-step-icon-state-done {
  /* background-color: var(--primary-color-100) !important; */
  box-shadow: 0px 0px 0px 1px var(--primary-color-100) !important;
  border: 2px solid var(--primary-color-100) !important;
  --mat-stepper-header-done-state-icon-background-color: var(--primary-color-100);
}
.mat-step-icon .mat-icon {
  font-size: 12px;
  height: 12px;
  width: 12px;
}
.mat-step-header .mat-step-icon-state-done {
  /* background-color: var(--primary-color-100) !important; */
  --mat-stepper-header-done-state-icon-background-color: var(--primary-color-100);
}
.mat-step-header .mat-step-icon-state-edit {
  /* background-color: var(--primary-color-100) !important; */
  --mat-stepper-header-edit-state-icon-background-color: var(--primary-color-100);
}
.mat-step-header .mat-step-icon-selected {
  /* background-color: var(--primary-color-100) !important; */
  --mat-stepper-header-selected-state-icon-background-color: var(--primary-color-100);
}

/* material Date time picker design overrides */
.ngx-mat-timepicker form .table .tbody tr td {
  border: none;
  padding: 0px;
  vertical-align: unset;
}
.ngx-mat-timepicker-spacer{
  display: flex;
}
.no-background .mat-mdc-dialog-container {
  background: none;
  box-shadow: none;
}
.no-background .mat-mdc-dialog-container .mdc-dialog__surface{
  --mdc-dialog-container-color: transparent;
  --mdc-dialog-container-elevation: none;
}
.mat-mdc-dialog-container .mdc-dialog__content {
  --mdc-dialog-supporting-text-color: var(--black-high);
}
.mat-mdc-dialog-actions{
  --mat-dialog-actions-padding: 0 24px 20px 24px;
}
.mat-mdc-dialog-title{
  --mat-dialog-headline-padding: 16px;
}
/* .mat-mdc-dialog-surface {
  padding-top: 24px;
} */

/* Responsive Custom Vertical Table Timeline View */
.customVerticalTimeline, .custom-vertical-timeline {
  display: flex;
  align-items: center;
  padding: 15px 0px;
  position: relative;
}
.customVerticalTimeline div, .custom-vertical-timeline div {
  display: flex;
  align-items: center;
}
.customVerticalTimeline .mobile-label, .custom-vertical-timeline .mobile-label {
  width: 100%;
  display: none;
}
.customVerticalTimeline::before, .custom-vertical-timeline::before {
  content: "";
  width:4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 54px;
  background-color: #c2c2c2;
}
.customVerticalTimeline:nth-child(2)::before, .custom-vertical-timeline:nth-child(2)::before {
  top: 33px;
}
.customVerticalTimeline:last-child::before, .custom-vertical-timeline:last-child::before {
  height: 17px;
}
.customVerticalTimeline .mat-icon, .custom-vertical-timeline .mat-icon {
  margin-left: 30px;
  color: var(--primary-color-100);
}
@media (max-width: 768px){
  .customVerticalTimelineMobileNoHeader, .custom-vertical-timeline-mobile-no-header {
    display: none;
  }
  .customVerticalTimeline .mat-icon, .custom-vertical-timeline .mat-icon {
    margin-left: 0px;
  }
  .customVerticalTimeline, .custom-vertical-timeline { 
    padding: 10px 0px;
  }
  .customVerticalTimeline label, .custom-vertical-timeline label {
    padding-left: 30px;
  }
  .customVerticalTimeline div, .custom-vertical-timeline div {
    display: block;
  }
  .customVerticalTimeline::before, .custom-vertical-timeline::before {
    left: 20px;
  }
  .customVerticalTimeline div:not(:last-child), .custom-vertical-timeline div:not(:last-child) {
    margin-bottom: 15px;
  }
  .customVerticalTimeline .mobile-label, .custom-vertical-timeline .mobile-label {
    font-weight: bold;
    display: inline;
  }
  .customVerticalTimeline div:first-child, .custom-vertical-timeline div:first-child {
    position: absolute;
    margin: 0;
    padding: 0;
    width: fit-content;
    top: 15px;
    left: 10px;
  }
}

/* Custom File Upload Button */
.fileTypeBtn, .file-type-button {
  position: relative;
  overflow: hidden;
}
.fileTypeBtn input , .file-type-button input {
  position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;   
    cursor: inherit;
    display: block;
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
}

/* Tab Styles */
.mat-mdc-tab,
.mat-mdc-tab-group, .mat-mdc-tab-link{
  font-family: var(--mawani-font) !important;
  --mat-tab-header-label-text-font: var(--mawani-font)
}
.mat-mdc-tab:hover .mdc-tab__text-label {
  --mat-tab-header-inactive-hover-label-text-color: var(--primary-color-100);
}
.mdc-tab__text-label{
  /* color: var(--primary-color-100); */
  text-transform: uppercase;
  /* font-size: var(--body2-font-size);
  font-weight: 600;
  letter-spacing: 0.1px; */
  font-family: var(--mawani-font) !important;
  --mat-tab-header-inactive-label-text-color: var(--primary-color-100);
  --mat-tab-header-label-text-size: var(--body2-font-size);
  --mat-tab-header-label-text-weight: 600;
  --mat-tab-header-label-text-tracking: 0.1px;
}
.mdc-tab--active{
  opacity: 1!important;
}
.mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline{
  --mat-tab-header-active-focus-indicator-color: var(--primary-color-100);
}
.mat-mdc-tab .mdc-tab-indicator__content--underline{
  --mdc-tab-indicator-active-indicator-color: var(--primary-color-100);
}
.cdk-accordion-item-header {
  cursor: default;
}
.mat-mdc-tab:not(.mdc-tab-indicator--active) .mdc-tab-indicator__content{
  opacity: 0.1 !important;
}

/* Notification Bar Styles */
.header-banner{
  box-shadow: 0px 1px 2px rgba(48, 48, 48, 0.24);
  background-color: var(--white);
  z-index: 1;
}

/* Table No Data Found Style */
.noDataFoundImg, .no-data-found-img {
  background-color: var(--grey-medium);
  margin-bottom: 15px;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  position: relative;
}
.noDataFoundImg img, .no-data-found-img img {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-16px, -5px);
  z-index:1;
}

/* Tooltip Style */
.mat-mdc-tooltip,
.mat-mdc-tooltip .mdc-tooltip__surface {
  --mdc-plain-tooltip-supporting-text-font: var(--mawani-font);
  --mdc-plain-tooltip-supporting-text-size: var(--caption-font-size);
  --mdc-plain-tooltip-supporting-text-weight: var(--caption-font-weight);
  --mdc-plain-tooltip-container-color: var(--black-low);
  word-break: break-word !important;
}

/*Table Sticky Header Styles */
@media (max-width : 768px){
  table th.mat-mdc-table-sticky {
    top: 40px !important;
  }
}
@media (min-width : 768px){
  table th.mat-mdc-table-sticky {
    top: 64px !important;
  }
}
table th.mat-mdc-table-sticky {
  box-shadow: inset 0 -1px var(--grey-medium)!important;
  border-bottom: 0px;
  top: -1px !important;
}
table.sticky-header th.mat-mdc-table-sticky {
  top: 65px !important;
}

.mat-divider {
  border-top-color: var(--grey-medium);
}
.mdc-list-item__primary-text,
.mat-expansion-panel-content,
.mat-mdc-radio-button,.mat-select,
.mat-mdc-list-item, .mat-mdc-list-option,.mat-mdc-list-base .mat-mdc-subheader, 
.mat-mdc-list-base[dense] .mat-mdc-subheader, .mat-mdc-option,
.mat-tree{
  font-family: var(--mawani-font) !important;
  --mat-expansion-container-text-font: var(--mawani-font);
  --mdc-form-field-label-text-font: var(--mawani-font);
  --mat-select-trigger-text-font: var(--mawani-font);
  --mdc-list-list-item-label-text-font: var(--mawani-font);
  --mat-tree-node-text-font: var(--mawani-font);
}
.mat-datepicker-content{
  /* box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
  border-radius: 4px; */
  --mat-datepicker-calendar-container-elevation-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
  --mat-datepicker-calendar-container-shape: 4px;
}
.mat-datepicker-content {
  box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
  background-color: #fff;
  color: #000000de}
.mat-calendar-body-selected {
  background-color: var(--primary-color-100);
  color: #fff;
}
.mat-calendar-body-cell-content {
  border: none !important;
}
.mat-calendar-body-disabled {
  cursor: not-allowed !important;
  pointer-events: none;
}
.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: var(--mat-datepicker-calendar-date-disabled-state-text-color);
  --mat-datepicker-calendar-date-disabled-state-text-color: var(--disabled-high);
}
.mat-mdc-paginator, .mat-mdc-paginator-page-size .mat-mdc-select-trigger {
  --mat-paginator-container-text-color: var(--black-high);
  --mat-paginator-container-text-font: var(--mawani-font);
  --mat-paginator-container-text-line-height: var(--body2-line-height);
  --mat-paginator-container-text-size: var(--body2-font-size);
  --mat-paginator-container-text-weight: var( --body2-font-weight);
  --mat-paginator-container-text-tracking: var(--body2-letter-spacing);

  --mat-select-enabled-trigger-text-color: var(--black-high);
  --mat-select-trigger-text-font: var(--mawani-font);
  --mat-select-trigger-text-line-height: var(--body2-line-height);
  --mat-select-trigger-text-size: var(--body2-font-size);
  --mat-select-trigger-text-weight: var( --body2-font-weight);
  --mat-select-trigger-text-tracking: var(--body2-letter-spacing);
}
.mat-mdc-select,.mat-mdc-select-trigger{
  display: flex !important;
  --mat-select-enabled-trigger-text-color: var(--black-high);
  --mat-select-trigger-text-font: var(--mawani-font);
  --mat-select-trigger-text-line-height: var(--body2-line-height);
  --mat-select-trigger-text-size: var(--body2-font-size);
  --mat-select-trigger-text-weight: var( --body2-font-weight);
  --mat-select-trigger-text-tracking: var(--body2-letter-spacing);
}
.mat-mdc-paginator .mat-mdc-select-value{
  color: inherit;
}
@media (min-width:768px){
  .mat-mdc-paginator-container{
    max-height: 56px;
  }  
}
@media (max-width: 768px) {
  .mat-mdc-paginator .mat-mdc-paginator-range-actions {
    width: 100%
  }
  .mat-mdc-paginator .mat-mdc-paginator-range-actions .mat-mdc-paginator-range-label {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .mat-mdc-paginator .mat-mdc-paginator-range-actions .mat-mdc-paginator-navigation-previous {
    position: absolute;
    left: 20px;
  }
  .mat-mdc-paginator .mat-mdc-paginator-range-actions .mat-mdc-paginator-navigation-next {
    position: absolute;
    right: 20px;
  }
  .mat-mdc-paginator.view-page .mat-mdc-paginator-range-actions .mat-mdc-paginator-navigation-first,
  .mat-mdc-paginator.view-page .mat-mdc-paginator-range-actions .mat-mdc-paginator-navigation-last {
    display: none;
  }
  .mat-mdc-select-trigger {
    height: auto;
  }
  .mat-mdc-select-trigger .mat-mdc-select-value-text {
    white-space: break-spaces;
  }
  .mat-mdc-paginator-page-size {
    display: none !important;
  }
}
.mat-mdc-paginator .bordered{
  border-left-width: 1px;
  border-style: solid;
  border-color: var(--grey-medium);
  border-top: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}
.mat-mdc-paginator.bordered{
  border-left-width: 1px;
  border-style: solid;
  border-color: var(--grey-medium);
  border-top: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}
.mat-mdc-paginator-container .mat-mdc-form-field .mat-mdc-select-value{
  display: flex;
  width: fit-content;
  max-width: fit-content;
}
.mat-mdc-paginator-container .mat-mdc-form-field .mdc-line-ripple {
  height: 0px;
  display: none;
}
.mat-mdc-paginator-container .mat-mdc-form-field .mat-mdc-select-arrow{
  /* color: var(--black-high); */
  --mat-select-enabled-arrow-color: var(--black-high);
  margin: 0 7px;
}
.mat-mdc-paginator-icon{
  /* width: 24px !important; */
  --mdc-icon-button-icon-size: 24px;
}
.mat-mdc-form-field.mat-mdc-paginator-page-size-select{
  /* font-size: 10px; */
  --mat-form-field-container-text-size: 10px;
}
.mat-mdc-paginator-container .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading, 
.mat-mdc-paginator-container .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__notch, 
.mat-mdc-paginator-container .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__trailing{
  --mdc-outlined-text-field-focus-outline-width: 0px;
}
.mat-mdc-paginator-container .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__leading, 
.mat-mdc-paginator-container .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch, 
.mat-mdc-paginator-container .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing{
  --mdc-outlined-text-field-outline-width: 0px;
}
.mat-mdc-list-base .mat-mdc-list-item, 
.mat-mdc-list-base .mat-mdc-list-option,
.mat-mdc-list-base .mdc-list-item__primary-text{
  /* height: 40px !important;
  font-size: var(--body2-font-size); */
  --mdc-list-list-item-one-line-container-height: 40px;
  --mdc-list-list-item-label-text-size: var(--body2-font-size);
  --mat-list-list-item-leading-icon-start-space:5px;
  --mat-list-list-item-leading-icon-end-space:5px;
  
}
.mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__content, 
.mat-mdc-list-base .mat-mdc-list-option .mdc-list-item__content,
.mat-mdc-list-base .mat-mdc-list-option .mdc-list-item__content .mdc-list-item__primary-text{
  height: auto !important;
}
.mdc-list-item__primary-text,
.mat-badge-content,
.mat-expansion-panel-header,
.mat-mdc-list-base .mat-mdc-subheader,
.mat-mdc-list-item {
  /* font-family: var(--mawani-font) !important; */
  --mdc-list-list-item-label-text-font: var(--mawani-font);
}
.mat-mdc-list-base .mat-mdc-subheader{
  font-size: var(--caption-font-size);
  font-weight: var(--caption-font-weight);
  line-height: var(--caption-line-height) !important;
  letter-spacing: var(--caption-letter-spacing);
  padding: 8px 0 12px 0px !important;
}
.mat-mdc-list-item::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: none !important;
  opacity: none !important;
  z-index: 1;
}
.mat-mdc-list-item.active {
  /* background-color: var(--primary-color-10); */
  border-color: var(--primary-color-100);
  --mdc-list-list-item-focus-state-layer-color: var(--primary-color-10);
  --mdc-list-list-item-hover-state-layer-color: var(--primary-color-10);
}
.mdc-list-item--with-leading-icon.active .mdc-list-item__start,
.mat-mdc-list-item.active .mdc-list-item__content .mat-icon{
  /* color: var(--primary-color-100) !important; */
  --mdc-list-list-item-leading-icon-color: var(--primary-color-100);
}
.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-item .mdc-list-item__content .mat-icon{
  /* color: var(--primary-color-50) !important; */
  --mdc-list-list-item-leading-icon-color: var(--primary-color-50);
  min-width: 20px;
  --mdc-list-list-item-leading-icon-size: 20px;
}
.mat-mdc-list-item .mdc-list-item__content .mat-mdc-list-item-line,
.mat-mdc-list-item .mdc-list-item__content .mdc-list-item__primary-text{
  /* font-weight: var(--body2-font-weight) !important;
  color: var(--primary-color-50) !important; */
  --mdc-list-list-item-label-text-color: var(--primary-color-50);
  --mdc-list-list-item-label-text-weight: var(--body2-font-weight);
}
.mat-mdc-list-item.active .mdc-list-item__content .mat-mdc-list-item-line,
.mat-mdc-list-item.active .mdc-list-item__content .mdc-list-item__primary-text{
  /* font-weight: var(--subtitle2-font-weight) !important;
  color: var(--primary-color-100) !important; */
  --mdc-list-list-item-label-text-color: var(--primary-color-100);
  --mdc-list-list-item-label-text-weight: var(--subtitle2-font-weight);
}
.mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__content{
  padding: 0 3px !important;
}
.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{
  --mat-form-field-container-height: 47px;
}
.mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  /* border-top: 0.554em solid transparent !important; */
  --mat-form-field-container-vertical-padding:10px;
  --mat-form-field-container-height: 47px;
  display: flex;
}
.mat-mdc-form-field{
  font-size: var(--body2-font-size);
}
.mat-button-toggle-appearance-standard {
  box-sizing: border-box;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 18px !important;
  padding: 11px !important;
}
.stickyFooter, .sticky-footer {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color:var(--white);
  width: 100%;
  margin-bottom: 0 !important;
  padding: 10px !important;
  box-shadow: 0px -1px 4px rgb(0 0 0 / 14%);
  z-index: 101;
}
@media (min-width: 768px) {
  .mat-mdc-select-panel {
    min-width: calc(100%) !important;
  }
}
.mat-mdc-select-panel {
  position: relative;
  top: 0;
  background-color: var(--white);
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2), 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 9px 12px rgba(0, 0, 0, 0.14) !important;
  border-radius: 4px;
  padding: 0 !important;
}
.sidenavTitle, .side-nav-title {
  font-size: var(--subtitle1-font-size);
  font-weight: var(--subtitle1-font-weight) !important;
  line-height: var(--subtitle1-line-height) !important;
  letter-spacing: var(--subtitle1-letter-spacing);
  color: var(--primary-color-100);
}
.mat-drawer-container{
  background-color: var(--system-mawani);
  color: var(--black-high);
  overflow: unset !important;
}
.mat-drawer-content{
  overflow: unset !important;
}
.customScrollBar::-webkit-scrollbar, .custom-scrollbar::-webkit-scrollbar {
  width: 18px;
  height: 18px;
  background-color: inherit;
}
.customScrollBar::-webkit-scrollbar-thumb, .custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--grey-high);
  border: 6px solid transparent;
  border-radius: 10px;
  background-clip: padding-box;
  outline: none;
  cursor: pointer;
}
.lib-location-dropdown .dropdown-item{
  white-space: normal !important;
}
.text-black-high-deep{
  color: var(--black-high) !important;
}
.mat-mdc-menu-item:not([disabled="true"]) {
  /* color: var(--black-low); */
  --mat-menu-item-label-text-color: var(--black-low);
}
.mat-mdc-menu-item:not([disabled="true"])[color="danger"] {
  /* color: var(--error-dark); */
  --mat-menu-item-label-text-color: var(--error-dark);
}
.mat-mdc-menu-item:not([disabled="true"])[color="warning"] {
  /* color: var(--warning-dark); */
  --mat-menu-item-label-text-color: var(--warning-dark);
}
.mat-mdc-menu-item:not([disabled="true"])[color="success"] {
  /* color: var(--success-dark); */
  --mat-menu-item-label-text-color: var(--success-dark);
}
.mat-mdc-menu-item[disabled="true"] {
  /* color: var(--disabled-high); */
  --mat-menu-item-label-text-color: var(--disabled-high);
}
.more-actions-menu .mat-mdc-menu-content .mat-mdc-menu-item{
  height: 36px;
  padding: 0px 24px !important;
}
.more-actions-menu .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text{
  text-transform: uppercase;
}
.more-actions-menu .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text,
.more-actions-menu .mat-mdc-menu-content .mat-mdc-menu-item, 
.footer-more-actions-menu .mat-mdc-menu-content .mat-mdc-menu-item {
  /* letter-spacing: 1.25px;
  font-family: var(--mawani-font);
  font-weight: var(--button-font-weight);
  line-height: var(--button-line-height);
  font-size: var(--button-font-size); */

  --mat-menu-item-label-text-font: var(--mawani-font);
  --mat-menu-item-label-text-weight: var(--button-font-weight);
  --mat-menu-item-label-text-line-height: var(--button-line-height);
  --mat-menu-item-label-text-size: var(--button-font-size);
  --mat-menu-item-label-text-tracking: 1.25px
}
.more-actions-menu .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.mat-mdc-menu-content .mat-mdc-menu-item:not(:last-of-type){
  margin-bottom: 16px;
}
.mat-mdc-menu-item .mat-icon {
  margin-right: 12px;
}
.mat-mdc-menu-content:not(:empty) {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.hr-mat-menu {
  height: 1px !important;
  background: var(--grey-medium);
  margin: 0 24px 16px 24px;
}
.lib-navbar {
  min-height: 64px;
}
@media (max-width:768px){
  .notification-modal {
      width: 95% !important;
  }
}
.lib-megaMenu{
  max-height: calc(100vh - 70px);
  overflow: auto;
  box-shadow: 0 5px 8px rgb(0 0 0 / 30%);
}
.sidenavTitle,
.left-nav-container mat-nav-list.header-section .mainLabel .mdc-list-item__content .mat-mdc-list-item-line, 
.left-nav-container mat-nav-list.header-section .mainLabel .mdc-list-item__content .mdc-list-item__primary-text{
  /* line-height: var(--subtitle1-line-height);
  letter-spacing: var(--subtitle1-letter-spacing); */
  display: flex;
  --mdc-list-list-item-label-text-line-height: var(--subtitle1-line-height);
  --mdc-list-list-item-label-text-tracking: var(--subtitle1-letter-spacing);
}
/* CompanySearch popup modal */
.search-results-table.show > div{
  max-height: 400px;
  height: unset !important;
}
.nav-container{
  z-index: 1;
}
@media (max-width:768px){
  .position-xs-absolute{
    position: absolute;
  }
  .pl-xs-32{
    padding-left: 32px !important;
  }
}
.h-fill-available{
  height: -webkit-fill-available;
}
.mat-mdc-table-card {
  height: 64px;  
}
@media (min-width: 768px) {
  .mat-mdc-table-card{
    border-bottom: 0 !important;
  }
}
.mat-expansion-panel {
  padding: 12px 24px;  
}
.mat-expansion-panel.mat-expanded {
  padding-top: 0;
  padding-bottom: 24px;
}
.mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  /* color: var(--primary-color-100); */
  align-items: center;
  --mat-expansion-header-text-color: var(--primary-color-100);
}
.mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title .mat-icon {
  margin-right: 12px;
} 
.mat-expansion-panel .mat-expansion-panel-content {
  font: var(--mawani-font);
}
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background: transparent !important;
}
@media (max-width: 768px) {
  .mat-expansion-panel{
    padding: 12px 16px;
  }
}
.lib-notificationIcon, .lib-notificationIcon a{
  pointer-events:none;
  cursor: not-allowed !important;
}
.footer-section .mat-mdc-list-item.mainLabel {
  display: none !important;
}

::ng-deep .company-search-popup  .modal-body {
  max-height: 65vh;
}

::ng-deep .company-search-popup  div.search-results-table > div:first-child {
  max-height: unset !important;
  overflow-y: unset !important;
}
.mat-calendar-body-cell:hover .mat-calendar-body-cell-content,
.mat-calendar-body-cell-content:hover {
  /* background-color: var(--disabled-low) !important; */
  --mat-datepicker-calendar-date-hover-state-background-color:var(--disabled-low);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--disabled-low);
}

.mat-calendar-body-selected {
  /* background-color: var(--primary-color-100) !important; */
  --mat-datepicker-calendar-date-selected-state-background-color: var(--primary-color-100);
} 
.mat-datetimepicker-check-icon {
  font-size: 22px;
}

@media (max-width: 768px) {
  .nav-container {
    height: calc(100vh - 24px) !important;
    z-index: 102;
  } 
}
.details-text-label{
  word-break: break-word;
}
@media (min-height: 768px) {
  .notification-container.custom-scrollbar{
    max-height: 600px !important;
  }
}
.lib-roleMenu li{
  text-align:center !important;
}
.mat-mdc-progress-spinner.mat-primary{
  --mdc-circular-progress-active-indicator-color: var(--primary-color-100);
}
.lib-notificationIcon.panel-open{
  background-color: var(--lib-white, #E8ECEF) !important;
}
.lib-notificationIcon.panel-open:not(.disabled) a svg{
  fill: var(--lib-navbar-primary, #0E387C) !important;
}
.navbar-toggler{
  background-color: var(--lib-white, transparent);
}