body.no-scroll-body {
  overflow: hidden;
}

a {
  cursor: pointer;
}

/* .gmnoprint {
            right: 0px !important;
        } */

.swal2-title {
  font-size: 14px !important;
}

.pac-container {
  background-color: #fff;
  z-index: 20001 !important;
  position: fixed;
  display: inline-block;
  float: left;
}

button.marginLeft {
  margin-left: 10px;
}

.mat-card-header-text {
  margin: 0 5px;
}

.mat-card-header .mat-card-title {
  font-size: 12px;
}

.mat-card-subtitle {
  display: block;
  margin-bottom: 5px;
}

.mat-card-header .mat-card-title {
  margin-bottom: 9px;
}

.mat-card {
  padding: 0px;
}

.modal-backdrop {
  z-index: 100 !important;
}

.flatpickr-day.selected,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected.nextMonthDay {
  background: #0f33aa;
  color: #fff;
  border-color: #0f33aa;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  opacity: 1;
}

.mat-form-field-ripple {
  background-color: #0f33aa !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  border-color: #4e4d4d;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #4e4d4d;
}

.mat-tab-label .mat-tab-label-content {
  display: block;
}

.mat-tab-body-content {
  height: 100%;
  overflow: hidden;
}

.mat-expansion-panel-body {
  padding: 0 3px 12px;
}
.mat-checkbox-layout {
  padding-left: 0px !important;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3d0af5;
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #3d0af5;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}

.category-select-option {
  padding: 5px 10px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0f33aa;
  outline: 0;
}

.bootstrap-select:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) {
  width: 220px;
}

.service .bootstrap-select:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) {
  width: 180px !important;
}

.service .bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 20000 !important;
}

.service .dropdown-menu {
  bottom: 100% !important;
  top: unset !important;
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow,
.mat-form-field.mat-focused.mat-primary .mat-form-field-placeholder {
  color: #0f33aa;
}

.mat-step-header .mat-step-icon {
  background-color: #0f33aa;
  color: rgba(255, 255, 255, 0.87);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #0f33aa;
}

.mat-select-panel {
  border-radius: 4px;
}

mat-progress-bar.my-color .mat-progress-bar-fill::after {
  background-color: #0f33aa;
}

.mat-progress-bar-fill::after {
  background-color: #0f33aa;
}

button:focus {
  outline: none !important;
}

.mat-form-field-type-mat-select .mat-form-field-infix {
  width: 260px;
}

.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #0f33aa !important;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #0f33aa !important;
}

.mat-select-placeholder {
  color: #000;
}

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6) !important;
}

mat-form-field.mat-form-field {
  font-size: 12px;
}

.mat-form-field.mat-focused.mat-primary .mat-form-field-ripple {
  background-color: #0f33aa;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 6px 0;
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}

.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

.mat-select-panel .mat-option {
  font-size: 12px;
}

.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
}

.mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-form-field-type-mat-select .mat-form-field-underline {
  bottom: 0.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}

.mat-option-text {
  color: rgba(0, 0, 0, 0.87);
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #0f33aa !important;
}

.mat-primary .mat-input-element {
  caret-color: #0f33aa;
}

.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #0f33aa;
}

.mat-radio-button.mat-accent .mat-radio-outer-circle {
  border-color: #0f33aa;
}

.mat-radio-button .mat-radio-inner-circle {
  background-color: #0f33aa;
}

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: rgba(15, 51, 170, 0.2);
}

.mat-raised-button {
  box-shadow: none !important;
}

.mat-form-field-appearance-legacy .mat-form-field-ripple {
  height: 1px;
}

.mat-select-panel::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.mat-select-panel::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.mat-select-panel::-webkit-scrollbar-thumb {
  background-color: #0f33aa;
  border: 1px solid #0f33aa;
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #0f33aa;
}

.mat-cell {
  padding: 5px;
  font-size: 11px !important;
}

.modal {
  padding-left: 0px !important;
}

.mat-form-field-type-mat-select .mat-form-field-infix {
  width: 260px;
}

button:disabled {
  cursor: not-allowed;
}

.mat-form-field {
  font-size: 12px;
}

.material-icons {
  font-size: 18px;
}

.matsub {
  width: 90%;
}

.mat-form-field {
  font-size: 12px;
}

.mat-form-field {
  display: inline-block;
  position: relative;
  text-align: left;
}

.jobBill .mat-tab-label {
  min-width: 33.33%;
  padding: 0 5px;
  height: 40px;
}

.fullWidth .mat-form-field-type-mat-select .mat-form-field-infix {
  width: 200px !important;
}