@use '../abstracts/variables' as SRC;

.AccessRequirementList {
  color: SRC.$gray-regular;

  &__instruction {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 15px;
    padding-bottom: 20px;
  }

  &__access {
    margin-top: -10px;
  }

  &__title {
    font-size: 23px;
    font-weight: bold;
  }

  &__file {
    margin-right: 10px;
    color: #bbbbbc;
  }

  .requirement-container {
    display: flex;
    align-items: center;
    margin: 1rem 0 4rem;
  }

  &__register-text-link {
    color: SRC.$primary-action-color;
  }

  &__file-icon-container {
    padding-left: 25px;
  }

  &__signin {
    button {
      padding-left: 0px;
    }
  }

  .button-container {
    &.hide {
      visibility: hidden;
    }
  }
  .sign-in-btn_access-requirement {
    margin-left: -7px;
  }

  .view-terms-button {
    margin-left: 10px;
  }

  .update-request-button {
    margin-left: 10px;
  }

  .accept-button-container {
    align-content: center;
    justify-content: center;
    display: inline;
    margin-right: 2rem;
  }

  .accept-button {
    background-color: SRC.$primary-action-color;
    padding: 10px 70px 10px 70px;
    color: white;
  }

  .not-accept-button-container {
    margin-top: 15px;
    margin-bottom: 15px;
    align-content: center;
    justify-content: center;
    text-align: center;
    color: SRC.$primary-action-color;
    display: inline;
  }

  .get-access-requirement-button {
    margin-left: 10px;
    background-color: SRC.$primary-action-color;
    color: white;
  }
  .check-mark-container {
    &.orange {
      background-color: orange;
    }
    &.green {
      background-color: rgb(39, 167, 69);
    }
    color: white;
    border-radius: 50%;
    margin-right: 15px;
    margin-left: 20px;
    padding: 15px;
    height: 15px;
    width: 15px;
    display: flex;
    align-self: baseline;
    align-items: center;
    text-align: center;
    justify-content: center;
  }
  .AcceptRequirementsMarkdown {
    padding-right: 15px;
  }
}


.bootstrap-4-backport {
  &.AccessRequirementList {
    .terms-of-use-content {
      flex-grow: 1;
    }
    .modal-dialog {
      .modal-content {
        padding: 0;
        .modal-header {
          padding: 10px
        }
      }
      .access-requirement-list-alert.alert{
        margin-top: 0
      }
    }
    &.cancel-modal {
      .modal-dialog {
        transform: none;
        min-height: calc(100% - 3.5rem);
      }
    }
    .LoginComponent {
      width: 350px
    }

    .access-request-form2 {
      .form-group {
        margin-bottom: 2rem;
      }
      .btn-light-primary-base {
        margin-top: 0.5rem;
      }
      .list-items {
        display: flex;
        align-items: center;
        .account-level-icon svg {
          width: 30px;
          height: auto;
        }
        .clear-x {
          padding: 0;
          margin-left: 1rem;
          .styled-svg-wrapper {
            display: inline-block;
            line-height: 1rem;
          }
        }
      }
      .requester-label {
        margin-bottom: 0.5rem;
        display: inline-block;
      }
      .SRC-userCard {
        svg {
          margin-top: 8px;
        }
      }
      .radiogroup {
        flex: auto;
        text-align: right;
        > div {
          display: inline-block;
          margin: 0;
          margin-left: 1rem;
        }
        label {
          margin-bottom: 0;
        }
      }
      .user-fullname {
        font-weight: bold;
        color: SRC.$gray-regular
      }
    }
  }
}