/** Automatically converted from _index.css **/
/***** Begin ServiceHooks Area *****/
/** Automatically converted from ServiceHooksStyles.css **/
.hooks-ui .form-input-combo-container {
  width: 400px;
}

.hooks-ui .form-input-input-container {
  width: 400px;
}

.hooks-ui .hooks-management-conent {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 0;
}

.hooks-ui .hooks-history-createdby-content {
  position: absolute;
  top: 50px;
}

.hooks-ui .hooks-history-dialog-content {
  position: absolute;
  top: 34px;
  left: 20px;
  right: 20px;
  bottom: 52px;
}

.hooks-ui .hooks-create-subscription-button {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}

.hooks-ui .hooks-create-subscription-button:focus-visible {
  outline: rgba( 16, 110, 190 ,  1 ) auto 1px;
  outline: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 ) auto 1px;
}

.hooks-ui .hooks-history-createdtag {
  padding-right: 5px;
  font-weight: bold;
  vertical-align: middle;
}

.hooks-ui .hooks-history-profile-image {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.hooks-ui .hooks-history-created-person {
  display: inline-block;
  padding-left: 5px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.hooks-ui .hooks-history-tracing-status {
  padding-left: 5px;
  padding-right: 20px;
  vertical-align: middle;
}

.hooks-ui .hooks-history-created-date {
  padding-left: 5px;
  padding-right: 20px;
  vertical-align: middle;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.hooks-ui .splitter.horizontal.hooks-notifications-splitter {
  position: absolute;
  top: 95px;
  bottom: 0;
  width: 100%;
  height: auto;
  display: block;
}

.hooks-ui .hooks-notifications-header-title {
  font-size: 18px;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 300;
  padding-top: 8px;
  padding-bottom: 30px;
}

.hooks-ui .hooks-notifications-list-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
}

.hooks-ui .hooks-notification-detail-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.hooks-ui .hooks-notification-pivot-control {
  height: 38px;
  border-top:  solid 1px;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding-top: 3px;
  border-bottom:  solid 1px;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  margin-bottom: 9px;
  font-size: 12px;
}

.hooks-ui .hooks-notification-detail-pivot-content {
  width: 100%;
  height: 90%;
  padding-left: 20px;
}

.hooks-ui .hooks-notification-test-pivot-content {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 20px;
  height: auto;
  top: 110px;
}

.hooks-ui .hooks-notification-pivot-control .selected {
  font-weight: bold;
}

.hooks-ui .hooks-notification-summary-outcome-div {
  padding-bottom: 14px;
}

.hooks-ui .hooks-notification-summary-outcome-text {
  vertical-align: middle;
  padding-left: 6px;
  font-weight: bold;
}

.hooks-ui .hooks-fill {
  width: 100%;
  height: 100%;
}

.hooks-ui .hooks-fill > textarea {
  font-family: Menlo, Consolas, Courier New, monospace;
  background-color: transparent;
  border: none;
  resize: none;
}

.hooks-ui .hooks-hide {
  display: none;
}

.hooks-ui .hooks-subscription-content {
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  bottom: 0;
}

.hooks-ui .hooks-subscriptions-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.hooks-ui .hooks-consumer-info-link {
  padding-top: 18px;
}

.hooks-ui .hooks-subscriptions-toolbar-container {
  margin: 0;
}

.hooks-ui .hooks-notifications-toolbar-container {
  margin: 0;
}

.hooks-ui .hooks-subscriptions-grid-container {
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  bottom: 0;
}

.hooks-ui .hooks-notifications-grid-container {
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
  bottom: 28px;
}

.hooks-ui .hooks-notifications-grid-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  height: 28px;
  padding-top: 10px;
}

.hooks-ui .hooks-notification-period-info {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-right: 20px;
}

.hooks-ui .hooks-subscriptions-grid {
  height: 100%;
}

.hooks-ui .hooks-history-grid {
  height: 100%;
}

.hooks-ui .hooks-notification-status-cell {
  display: inline-block;
}

.hooks-ui .hooks-notification-status-cell > span.icon {
  margin-right: 8px;
}

.hooks-ui .hooks-notification-status-cell .stat-count {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  padding: 0 4px;
  margin-right: 4px;
}

.hooks-ui .hooks-notification-status-cell .hooks-notification-none-attempted .stat-count {
  background-color: rgba( 166, 166, 166 ,  1 );
  background-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.hooks-ui .hooks-notification-status-cell .hooks-notification-success .stat-count {
  background-color: rgba( 16, 124, 16 ,  1 );
  background-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.hooks-ui .hooks-notification-status-cell .hooks-notification-failure .stat-count {
  background-color: rgba( 168, 0, 0 ,  1 );
  background-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.hooks-ui .hooks-wizard-page-title {
  padding-bottom: 2px;
  font-size: 32px;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 300;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.hooks-ui .hooks-wizard-page-subtitle {
  padding-bottom: 36px;
}

.hooks-ui .hooks-wizard-page-subtitle-trailing-link {
  margin-left: 6px;
}

.hooks-ui .hooks-wizard-consumer-left {
  position: absolute;
  top: 134px;
  left: 0;
  width: 38%;
  bottom: 53px;
  margin-left: 5px;
}

.hooks-ui .hooks-wizard-consumer-right {
  position: absolute;
  top: 134px;
  right: 0;
  width: 60%;
  padding: 0px 12px;
  bottom: 53px;
  overflow: auto;
}

.hooks-ui .hooks-wizard-consumer-divider {
  position: absolute;
  top: 134px;
  left: 39%;
  bottom: 53px;
  width: 2px;
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.hooks-ui .hooks-wizard-consumer-title {
  font-size: 18px;
}

.hooks-ui .hooks-wizard-consumer-description {
  padding-top: 8px;
}

.hooks-ui .hooks-wizard-consumer-section-header {
  font-weight: bold;
  padding-top: 16px;
}

.hooks-ui .hooks-subscription-label-above {
  position: relative;
  width: 100%;
  padding-bottom: 2px;
}

.hooks-ui .hooks-subscription-consumers-grid {
  width: 100%;
  height: 100%;
  font-size: 14px;
}

.hooks-ui .hooks-consumer-action-help-container {
  width: 400px;
  padding-top: 12px;
}

.hooks-ui .hooks-notification-summary-error-label {
  padding-top: 16px;
  font-weight: bold;
}

.hooks-ui .hooks-supported-list ul {
  list-style-type: disc;
  margin-top: 4px;
  margin-bottom: 0;
  padding-left: 16px;
}

.hooks-ui .hooks-owner-identity-image {
  width: 16px;
  height: 16px;
}

.hooks-ui .hooks-owner-identity-name {
  display: inline-block;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hooks-ui .hook-privacy-disclaimer-container {
  margin-top: 12px;
  width: 400px;
}

.hooks-ui .hook-privacy-disclaimer-container td {
  vertical-align: top;
}

/***** End ServiceHooks Area *****/