adaptivecards-react/dist/adaptivecards.css

React.js Adaptive Cards Javascript library for HTML Clients

.ac-image.ac-selectable {
  cursor: pointer;
}

.ac-image.ac-selectable:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.ac-image.ac-selectable:active {
  background-color: rgba(0, 0, 0, 0.15);
}

.ac-media-poster.empty {
  height: 200px;
  background-color: #F2F2F2;
}

.ac-media-playButton {
  width: 56px;
  height: 56px;
  border: 1px solid #EEEEEE;
  border-radius: 28px;
  box-shadow: 0px 0px 10px #EEEEEE;
  background-color: rgba(255, 255, 255, 0.9);
  color: black;
  cursor: pointer;
}

.ac-media-playButton-arrow {
  color: black;
}

.ac-media-playButton:hover {
  background-color: white;
}

.ac-container.ac-selectable, .ac-columnSet.ac-selectable {
  padding: 0px;
  cursor: pointer;
}
.ac-container.ac-selectable:hover, .ac-columnSet.ac-selectable:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.ac-container.ac-selectable:active, .ac-columnSet.ac-selectable:active {
  background-color: rgba(0, 0, 0, 0.15) !important;
}

a.ac-anchor {
  text-decoration: none;
}

a.ac-anchor:link {
  color: #005A9E;
}

a.ac-anchor:visited {
  color: #005A9E;
}

a.ac-anchor:link:active {
  color: #004D84;
}

a.ac-anchor:visited:active {
  color: #004D84;
}

.ac-pushButton {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-family: "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 4px 10px 5px 10px;
  user-select: none;
  background-color: "white";
  color: #0079db;
  border: 1px solid #B2E0FF;
}
.ac-pushButton:hover {
  background-color: #0078D7;
  color: "white";
  border: 1px solid #73C1FD;
}
.ac-pushButton:active {
  background-color: #464B93;
  color: "white";
  border: 1px solid #464B93;
}
.ac-pushButton.subdued {
  color: #666666;
  border: 1px solid #EEEEEE;
}
.ac-pushButton.subdued:hover {
  background-color: #0078D7;
  color: "white";
  border: 1px solid #0078D7;
}
.ac-pushButton.expanded {
  background-color: #0078D7;
  color: "white";
  border: 1px solid #0078D7;
}
.ac-pushButton.expandable:after {
  font-family: "FabricMDL2Icons";
  font-size: 10px;
  font-weight: 900;
  content: "\e70d";
}
.ac-pushButton.expandable.expanded:after {
  content: "\e70e";
}
.ac-pushButton.style-positive {
  background-color: #0078D7;
  color: "white";
  border: 1px solid #0078D7;
}
.ac-pushButton.style-positive:hover {
  background-color: #006ABC;
  border: 1px solid #006ABC;
}
.ac-pushButton.style-positive:active {
  background-color: #006ABC;
  border: 1px solid #006ABC;
}
.ac-pushButton.style-destructive {
  background-color: #E50000;
  color: "white";
  border: 1px solid #E50000;
}
.ac-pushButton.style-destructive:hover {
  background-color: #BF0000;
  border: 1px solid #BF0000;
}
.ac-pushButton.style-destructive:active {
  background-color: #BF0000;
  border: 1px solid #BF0000;
}

.ac-input {
  font-family: "Segoe UI", sans-serif;
  font-size: 14px;
  color: black;
}
.ac-input.ac-textInput {
  resize: none;
}
.ac-input.ac-textInput.ac-multiline {
  height: 72px;
}
.ac-input.ac-textInput, .ac-input.ac-numberInput, .ac-input.ac-dateInput, .ac-input.ac-timeInput {
  height: 31px;
}
.ac-input.ac-textInput, .ac-input.ac-numberInput, .ac-input.ac-dateInput, .ac-input.ac-timeInput, .ac-input.ac-multichoiceInput {
  border: 1px solid #DDDDDD;
  padding: 4px 8px 4px 8px;
}
.ac-input.ac-textInput.ac-input-validation-failed, .ac-input.ac-numberInput.ac-input-validation-failed, .ac-input.ac-dateInput.ac-input-validation-failed, .ac-input.ac-timeInput.ac-input-validation-failed, .ac-input.ac-multichoiceInput.ac-choiceSetInput-compact.ac-input-validation-failed {
  border: 1px solid red !important;
}
.ac-input.ac-toggleInput.ac-input-validation-failed, .ac-input.ac-choiceSetInput-expanded.ac-input-validation-failed, .ac-input.ac-choiceSetInput-multiSelect.ac-input-validation-failed {
  outline: 1px solid red;
}

/* ac-inlineActionButton should set height to the same as ac-input.ac-textInput */
.ac-inlineActionButton {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-family: "Segoe UI", sans-serif;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  background-color: transparent;
  height: 31px;
}

.ac-inlineActionButton.textOnly {
  padding: 0 8px;
}

.ac-inlineActionButton.iconOnly {
  padding: 0;
}

.ac-inlineActionButton:hover {
  background-color: #EEEEEE;
}

.ac-inlineActionButton:active {
  background-color: #CCCCCC;
}

/* Applet styles */
.aaf-progress-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

@keyframes aaf-spinner-rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.aaf-spinner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border-width: 1.5px;
  border-style: solid;
  border-color: #0078d4 #c7e0f4 #c7e0f4 #c7e0f4;
  animation-name: aaf-spinner-rotate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);
}

.aaf-refreshButtonHost {
  border-top: 1px solid #F1F1F1;
}

/*# sourceMappingURL=adaptivecards.css.map */