@import "../../../../assets/scss/variables";


//MODALS//

.confirmation-modal {

  &.mark-as-error {

    textarea {
      min-height: 84px;
      padding: 15px;
      font-size: 1.4rem;
      color: $text-color;
      background: $form-background;
      width: 90%;
      border: 1px solid black;
      border-radius: 0;
      outline: none;
      margin: 0 5% 25px 5%;

    }
  }


  &.edit-username {

    .form {

      flex-wrap: wrap;
      display: flex;
      //gap: 40px;
      gap: 10px;
      margin-bottom: 40px;
      justify-content: center;

      label {
        flex: 0 0 45%;
        display: flex;
        height: 50px;
        border: 1px solid black;

        span {
          flex: 1 0 0;
          display: flex;
          align-items: center;
          color: $text-color;
          font-size: 1.4rem;
          font-weight: $regular;
          padding-left: 10px;
        }

        input {
          background: $form-background;
          flex: 1 0 0;
          border: none;
          padding-left: 10px;
          color: $text-color;
          font-size: 1.2rem;
          font-weight: $bold;
        }

        &.old {
          border-color: var(--background-color-status-critical);

          span {
            background-color: var(--background-color-status-critical);
          }
        }

        &.new {
          border-color: var(--background-color-status-success);

          span {
            background-color: var(--background-color-status-success);
          }
        }
      }

    }

  }

}