.publish-container-component .publisher-create-header {
  font-size: 20px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding: 20px 0px 15px 0px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 218, 218, 218 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.publish-container-component .publisher-create-header .publisher-create-header-subtext {
  font-size: 12px;
  margin-top: 10px;
}

.publish-container-component .change-directory-section, .publish-container-component .logged-in-details-section {
  margin-bottom: 20px;
  margin-top: 10px;
}

.publish-container-component .change-directory-section strong, .publish-container-component .logged-in-details-section strong {
  font-weight: 600;
}

.publish-container-component .login-details-container {
  margin-top: 20px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.publish-container-component .login-details-container button.info-icon {
  padding-left: 0px;
  margin-left: 0px;
  height: 19px;
}

.publish-container-component .login-details-container .directory-section {
  margin-top: 15px;
}

.publish-container-component .login-details-container .directory-section-label {
  padding-bottom: 5px;
}

.publish-container-component .accept-agreement-checkbox {
  padding-left: 5px;
}

.publish-container-component .login-details-container > * {
  margin-right: 8px;
}

.publish-container-component .section-title {
  font-size: 16px;
  font-weight: 600;
}

.publish-container-component .accept-confirm-section {
  margin-top: 20px;
}

.publish-container-component .publisher-action-button {
  margin-top: 15px;
  margin-bottom: 25px;
}

.publish-container-component .publisher-action-button .create-publisher-button {
  margin-right: 10px;
}

.publish-container-component .creating-publisher-spinner {
  margin-left: 10px;
  margin-top: 5px;
  display: inline-block;
}

.publish-container-component .agreement-label {
  margin-left: 5px;
}

.publish-container-component .agreement-not-accepted-error {
  font-size: 12px;
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  padding-top: 5px;
}

.publish-container-component .create-publisher-server-error {
  margin-top: 10px;
}

.publish-container-component .create-publisher-server-error .ms-MessageBar-icon, .publish-container-component .create-publisher-server-error .ms-MessageBar-text {
  margin-bottom: 0px;
  margin-top: 7px;
}

.publish-container-component .invisibleButton {
  display: none;
}