﻿.ask-a-question-button {
  bottom: 0;
  display: flex;
  justify-content: center;
  padding: 8px 10px;
  position: fixed;
  right: 10%;
  width: 200px;
  z-index: 1000; }
  .ask-a-question-button img {
    height: 40px;
    margin-left: 5px; }
  .ask-a-question-button span {
    margin-top: auto;
    margin-bottom: auto; }
  @media screen and (max-width: 767px) {
    .ask-a-question-button {
      display: none; } }

.ask-a-question-button:enabled:hover {
  -webkit-box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.15); }

.ask-a-question {
  background: white;
  border-style: solid;
  border-width: 2px;
  margin: auto;
  max-height: 100%;
  max-width: 600px;
  overflow-y: auto;
  padding: 20px;
  position: relative; }
  .ask-a-question .ask-a-question-form-outcome {
    display: flex;
    flex-direction: column;
    margin-top: 12px; }
    .ask-a-question .ask-a-question-form-outcome button {
      margin-top: 12px; }
  .ask-a-question .ask-a-question-main-close-button {
    background: white;
    border-radius: 30px;
    font-size: 20px;
    font-weight: bold;
    height: 30px;
    padding: 0px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px; }
  .ask-a-question .ask-a-question-close-button {
    display: block; }
  .ask-a-question button {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    padding: 8px 10px; }
  .ask-a-question .error-asterix {
    color: #d01e1e;
    margin-left: 3px; }
  .ask-a-question form, .ask-a-question .submit-button-container {
    display: flex;
    flex-direction: column; }
  .ask-a-question .input-container {
    display: flex;
    flex-direction: column;
    margin-top: 12px; }
  .ask-a-question input, .ask-a-question textarea {
    border: none;
    background: #d1d1d1;
    padding: 10px; }
  .ask-a-question .submit-button-container {
    margin-top: 20px; }
    .ask-a-question .submit-button-container button {
      display: block; }
      .ask-a-question .submit-button-container button:disabled {
        background: #d1d1d1 !important;
        color: #aaaaaa !important; }
      .ask-a-question .submit-button-container button div, .ask-a-question .submit-button-container button img {
        padding: 0; }
      .ask-a-question .submit-button-container button .submit-spinner {
        height: 24px; }
        .ask-a-question .submit-button-container button .submit-spinner img {
          height: 100%;
          margin-right: 5px;
          animation: rotation 2s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
    .ask-a-question .submit-button-container label {
      margin-top: 5px; }
  .ask-a-question textarea {
    height: 200px; }
