.user-details-container {

  font-family: "dinot-regular";

  .p-caption {
    color: black;
    font-weight: bold;
    font-family: "dinot-bold";
    padding-top: 25px;
  }
  .error-text {
    font-size: 14px;
    font-family: "dinot-regular";
    color: red;
  }

  .button {
    font-family: "dinot-bold";
    font-size: 16px;
  }
  .admin-access {
    font-family: "dinot-bold";
    font-size: 16px;
    font-weight: bold;
    height: 20px;
    margin-top: 30px;
    margin-bottom: 10px;

    .admin-toggle {
        padding-top: 5px;
        width: 30px;
        height: 20px;
        float: left;
    }
    .allow-admin-text {
      //margin-left: 15px;
      float: left;
    }
  }

  .field {
    height: 400px;

    .text-class {
      width: 260px;
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: 1px solid lightgray;
    }

    input.ng-invalid.ng-touched {
      width: 260px;
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: 2px solid red;
    }
    .email-field {
      .button {
        width: 260px;
      }
    }
  }
  .action-buttons {
    .button-containers {
      height: 35px;

    }

    .button {
      width: 260px;
      border-width: 2px;
    }
    .button:hover {
      color: white;
      border: none;
      //border-width: 2px;
    }
    .first-button {
      border-color: lightcoral;
      color: red;
    }
    .second-spacing {
      margin-top: 25px;
      margin-bottom: 7px;
    }
    .second-button {
      border-color: grey;
    }
    .third-button {
      font-family: "dinot-bold";
      font-size: 16px;
      color: white;
      background-color: #8dc63f;
      border: 1px solid white;
      width: 260px;
      height: 32px;
    }
    .third-button:hover {
      color: black;
      border: 2px solid #8dc63f;
      background-color: white;
    }
  }
}
.error-text {
  font-size: 14px;
  font-family: "dinot-regular";
}
.error-margin {
  width: 260px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid red;
}
