.sd-form {
  width: 100%;
  font-size: 12px;

  &.sd-form-with-information {
    width: calc(100% - 30px);
  }

  .sd-input,
  .sd-select {
    font-size: 14px;
    &::-webkit-input-placeholder {
      font-size: 12px !important;
    }
    &::-moz-placeholder {
      font-size: 12px !important;
    }
    &:-ms-input-placeholder {
      font-size: 12px !important;
    }
    &::placeholder {
      font-size: 12px !important;
    }
  }

  @media (max-width: 768px) {
    font-size: 10px;
  }

  &.sd-form-sm {
    font-size: 10px;
  }

  &.sd-form-xs {
    font-size: 8px;
  }

  &.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: .7em 0;
  }

  &.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    color: #333;
  }

  &.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    color: #333;
  }

  .mat-form-field-required-marker {
    color: #FF4081;
  }

  &.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  &.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(0.9);
    color: #333;
  }
}

.sd-information {
  display: inline-block;
  text-align: center;
  margin: auto;
  width: 30px;
}

sd-grid-control {
  .mat-form-field-wrapper {
    padding-bottom: 0;
  }
}

.cdk-overlay-container {
  .mat-option {
    font-size: 12px;
  }
}

.swal2-popup .swal2-content .swal2-html-container{
  line-height: 1.7;
  color: #7c7c7e;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month {
  opacity: 1;
  cursor: pointer;
}

.daterangepicker {
  z-index: 99999;
}