@import '../../../styles/base';

.question-card {
}

.question-card__body {
  text-align: left;
  margin-left: calc(1rem + 20px);
  margin-bottom: .5rem;
}

.submit-button {
  background: #2C3E50;
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
  padding-top: .75em;
  padding-bottom: .75em;
  width: calc(100% - 1rem - 20px);
  display: block;
  margin-right: 0;
  margin-left: auto;
  margin-bottom: 2rem;
}

.submit-button.is-disabled, .submit-button.is-disabled:hover  {
  background: #888;
  opacity: .8;
  cursor: default;
}

.submit-button:hover {
  background: #3c4e60;
}

.question-card__solution {
  padding: .75rem 1rem;
  margin-bottom: 1.5rem;
  background: #fafafa;
  border: 1px solid #555;
  text-align: left;
}

.question-card__question-border {
  width: 10%;
  height: 1.5px;
  background: rgba(#333, .3);
  margin-bottom: 1.25em;
}

fieldset {
  border: none;
}

.question-card button:focus {
  outline-style: dashed;
  outline-width: 3px;
  outline-offset: 0.5rem;
  outline-color: $app-red-dark;
}

// .question-card table tbody,
// .question-card table thead,
// .question-card table tfoot {
//   border-color: black;
// }

.question-card__synthetic_division table .divisor-col,
.question-card__synthetic_division table tbody tr:nth-child(2) td:first-child {
  border-right-color: black;
}

.question-card__synthetic_division table .quotient-row td:not(:first-child){
  border-top: 1px solid black;
}

.question-card:not(.question-card__synthetic_division) table .quotient-row td:not(:first-child){
  border-bottom: 1px solid black !important;
}

.question-card table tr:not(:nth-child(3)) .quotient-row td:not(:first-child){
  border-top: 1px solid black !important;
}