/***BEGIN ProjectAdmins.css***/
.project-admins {
  display: inline-block; }
  .project-admins .success-message-bar,
  .project-admins .failure-message-bar {
    margin-bottom: 10px; }
  .project-admins .error-list {
    margin: 0; }
  .project-admins .empty-margin {
    margin-top: 15px; }
/***END ProjectAdmins.css***/

/***BEGIN ProjectOverview.css***/
.project-overview {
  padding-top: 8px;
  padding-left: 16px;
  width: 100%; }
  .project-overview h2,
  .project-overview h5 {
    margin: 0; }
  .project-overview p.note {
    color: rgba( 102, 102, 102 ,  1 );
    color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
    margin-top: 3px; }
  .project-overview .ms-Persona .ms-Persona-image,
  .project-overview .ms-Persona .ms-Persona-initials {
    border-radius: 0px; }
  .project-overview h5 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500; }
  .project-overview .inline-button {
    margin-left: 20px;
    vertical-align: baseline; }
    .project-overview .inline-button.saveDescription {
      vertical-align: bottom; }
  .project-overview .overview-fields {
    justify-content: space-between;
    width: 620px; }
  .project-overview .description-field .bolt-textfield-input {
    height: 110px; }
  .project-overview .project-name-field,
  .project-overview .description-field,
  .project-overview .processTemplateName,
  .project-overview .visibility-field {
    width: 400px; }
  .project-overview .processTemplateName {
    background-color: rgba( 244, 244, 244 ,  1 );
    background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
    padding: 5px; }
  .project-overview .userImage {
    padding-top: 65px; }
  .project-overview .saveBtn {
    margin-top: 30px; }
  .project-overview .imageSpinner {
    margin: 36px 36px 0 0; }
  .project-overview .image-container {
    position: relative; }
    .project-overview .image-container .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: none; }
  .project-overview .image-container:hover .overlay, .project-overview .image-container:focus .overlay {
    display: block;
    background: rgba(0, 0, 0, 0.30);
    background: var(--palette-black-alpha-30,rgba(0, 0, 0, 0.30));
    cursor: pointer;
    border-radius: 6px; }
  .project-overview .image-container:hover .editIcon, .project-overview .image-container:focus .editIcon {
    display: inline;
    cursor: pointer; }
  .project-overview .editIcon {
    display: none;
    position: absolute;
    top: calc(50% - 12px);
    right: calc(50% - 12px);
    margin: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgba( 255, 255, 255 ,  1 );
    color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
  .project-overview .delete-project {
    padding-bottom: 10px; }

.message-bar {
  margin: 8px 0;
  width: 620px; }

.overview-divider {
  width: 620px;
  height: 1px;
  margin: 32px 0px;
  background-color: rgba(0, 0, 0, 0.20);
  background-color: var(--palette-black-alpha-20,rgba(0, 0, 0, 0.20)); }

.rounded-corners {
  border-radius: 6px; }

.project-persona .vss-Persona-content {
  border-radius: 3px; }

.project-persona > img {
  object-fit: cover; }
/***END ProjectOverview.css***/

/***BEGIN ServicePicker.css***/
@media (min-width: 800px) {
  .servicePicker-ConfirmDialog .ms-Dialog-main {
    max-width: 500px; } }

.service-picker h2 {
  margin-top: 0; }

.service-picker .service-title {
  margin-bottom: 16px; }

.service-picker .overview {
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  padding: 15px; }
  .service-picker .overview .right {
    margin-left: 20px; }
    .service-picker .overview .right h3 {
      margin-bottom: 2px; }
    .service-picker .overview .right p {
      margin: 0; }

.service-picker .service-list {
  width: 600px; }
  .service-picker .service-list .service {
    padding: 12px 0 16px; }
    .service-picker .service-list .service .service-icon {
      margin: 0 16px 0 0;
      width: 40px; }
    .service-picker .service-list .service .right {
      margin-left: auto; }

.service-picker .ms-Persona .ms-Persona-image,
.service-picker .ms-Persona .ms-Persona-initials {
  border-radius: 10%; }

.servicePicker-ConfirmDialog .caution {
  margin-bottom: 10px; }
/***END ServicePicker.css***/