/* quiz styles */

.questions-container
{
    background-color: white;
    color: black;
}

.question-container
{
    background-color: white;
    color: black;
}

.question-section
{
    padding: 8px;
    /*display: inline;*/
}

.question-number
{
    font-weight: bold;
    /*vertical-align: top;*/
    /*display: inline-block;*/
}

.question-content
{
    /*vertical-align: top;*/
    display: block;
}

.question-content-row
{
    /*vertical-align: middle;*/
    display: block;
}

.bokeh-container
{
    display: inline-block;
    vertical-align: middle;
}

.answer-section
{
    background-color: #2c3034;
}

.answer-input
{
    background-color: white;
    color: black;
    display: inline-block;
    min-height: 2.25rem;
}

/* looks like focus but avoids triggering virtual keyboard on mobile devices */
.answer-input-fake-focus
{
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

/*
TODO not currently being used
.answer-input-correct
{
    border: 1px solid green;
    background-color: #198754;
}

.answer-input-incorrect
{
    border: 1px solid red;
    background-color: #ed6666;
}
*/

.multichoice-options-label
{

}

.multichoice-option-number
{
    vertical-align: top;
}

.multichoice-option-content
{

}

.keyboard-answer-prompt
{

}

/* contains submit answer buttons and marking result indicator */
.button-container
{
    display: inline;
}

.submit-answer-button
{
    vertical-align: middle;
}

.marking-result-container
{
    display: inline;
}

.answer-not-marked
{
    padding: 7px;
    color: #2c3034;
    font-size: 24pt;
    vertical-align: middle;
}

.answer-correct
{
    padding: 7px;
    color: green;
    font-size: 24pt;
    vertical-align: middle;
}

.answer-incorrect
{
    padding: 7px;
    color: red;
    font-size: 24pt;
    vertical-align: middle;
}

.error-message
{
    color: red;
    font-weight: bold;
}

.footer-section
{
    background-color: #2c3034;
    padding: 8px;
}

.multichoice-option
{
    border-style: solid;
    border-color: rgb(107,174,214);
    border-radius: 5px;
    border-width: 2px;
    margin: 4px;
    padding: 4px;
    cursor: pointer;
}

.multichoice-option-selected
{
    border-color: rgb(28,73,100); /* rgb(40,107,147); */
    border-width: 3px;
}
.multichoice-option-vertical
{
    display: block;
}

.multichoice-option-horizontal
{
    display: inline-block;
}

.lms_navigator_questions_panel
{

}

div.scrollable_region
{
    float:none;
    padding: 0px;
    overflow-x: hidden;
    overflow-y: auto;
}

/* mathlive - to hide the toggle unless on a touch-enabled device */
@media not (pointer: coarse) {
  math-field::part(virtual-keyboard-toggle) {
    display: none;
  }
}

/* hide toggle on touch-enabled device */
@media (pointer: coarse) {
  math-field::part(virtual-keyboard-toggle) {
    display: none;
  }
}

:root {
  --keyboard-scale: 1;
}

/* mathlive keyboard configuration */
body {
  /*--keycap-height: calc(16px * var(--keyboard-scale));
  --keycap-width: calc(10px * var(--keyboard-scale));
  --keycap-font-size: calc(24px * var(--keyboard-scale));
  --keycap-shift-font-size: 9px;*/
  /*--keycap-small-font-size: 9px;*/
  /*--keycap-extra-small-font-size: 9px;*/
  /*--keyboard-toolbar-font-size: calc(24px * var(--keyboard-scale));*/
  --keycap-gap: calc(4px * var(--keyboard-scale));
  --keyboard-zindex: 3000;
  --keycap-text: #0069a8;
  --box-placeholder-color: #6baed6;
  #--keyboard-toolbar-background: red;
  #--keyboard-border: blue;
  --keyboard-background: #1a1a1a;
  --keycap-background: white;
  --keycap-background-hover: #d8dfe3;
  --variant-panel-background: orange;
}

math-field {
    #--text-font-family: verdana;
    --caret-color: #0069a8;
}