aswi2021codebakers-gitlab/src/assets/scss/_popup-form.scss @ 9d5c8063

.popup-form {

  h3 {
    margin-top: $grid-gutter-width / 2;
    text-align: center;
    font-size: 24px;
  }

  hr {
    background: #F2F2F2;
  }

  .p-dialog {
    .p-dialog-header, .p-dialog-content, .p-dialog-footer {
      background: $primary;
    }

    .p-dialog-header {
      justify-content: center;
      border-color: #F2F2F2;
    }

    .p-dialog-title {
      color: #F2F2F2;
      font-size: 28px;
    }

    .p-dialog-footer {
      border-color: #F2F2F2;
    }
  }

  .form-control, select {
    border-color: #F2F2F2;
    background-color: #F2F2F2;
  }

  .input-group-prepend span {
    padding-right: 18px;
    padding-left: 18px;
    border-color: $terciary;
    color: #F2F2F2;
    background: $terciary;
  }

  .p-button {
    border-color: #F2F2F2;
    background: $terciary;

    @include hover-focus() {
      color: $terciary;
      border-color: #F2F2F2;
      background: #F2F2F2;
    }
  }

  .popup-sensors-wrapper {
    justify-content: center;
  }

  .popup-sensor {
    margin: 0 10px;
  }

  .popup-buttons-wrapper {
    display: flex;
    justify-content: space-between;
  }
}