/*********************************************************
 * sdeditor.css
 * CSS-stylesheets for sdeditor jQuery-plugin
 * Petri Salmela
 * Petri Sallasmaa
 * 31.03.2013
 ********************************************************/
 @charset "UTF-8";
 .sdelement {
     max-width: 60em;
 }
.sdeditorwrapper {
    z-index: 1;
}


/**
 * Container for actual structured derivation
 */
.sdeditorwrapper[data-elementmode="review"] .sdeditor-container {
    padding-bottom: 1em;
}


/**
 * Derivation part
 */
.sdeditorwrapper[data-elementmode="edit"] div.sdeditor,
.sdeditorwrapper[data-elementmode="author"] div.sdeditor {
    background-color: white;
}
.sdeditorwrapper div.sdeditor {
    font-family: serif;
    border: 1px solid white;
}
.sdeditorwrapper[data-elementmode="edit"] div.sdeditor,
.sdeditorwrapper[data-elementmode="author"] div.sdeditor {
    min-width: 200px;
}
.sdeditorwapper[data-elementmode="view"] div.sdeditor {
    padding: 0.1em 0.4em;
}


/**
 * Derivation steps
 */
.sdeditorwrapper .sdeditor-derivationstep {
    position: relative;
    margin-bottom: 0;
    padding: 0 0 0.5em 0;
    margin: 0;
}
.sdeditorwrapper[data-elementmode$="view"] .sdeditor[data-verbosemode="types"] .sdeditor-derivationstep {
    padding-top: 1.8em;
}
.sdeditorwrapper[data-elementmode$="view"] .sdeditor[data-verbosemode="types"] .sdeditor-derivationstep.sdeditor-derivationstep-comment {
    padding-top: 0;
}
.sdeditorwrapper .sdeditor-caption,
.sdeditorwrapper .sdeditor-derivationstep.sdeditor-derivationstep-assumption,
.sdeditorwrapper .sdeditor-derivationstep.sdeditor-derivationstep-declaration,
.sdeditorwrapper .sdeditor-derivationstep.sdeditor-derivationstep-definition {
    background-color: #f4fbea;
}
.sdeditorwrapper .sdeditor-derivationstep.sdeditor-derivationstep-comment {
    background-color: rgb(255,240,227);
}
.sdeditorwrapper[data-elementmode="edit"] .sdeditor-derivationstep.sdeditor-derivationstep-comment .mq-editable-field.mq-text-mode,
.sdeditorwrapper[data-elementmode="author"] .sdeditor-derivationstep.sdeditor-derivationstep-comment .mq-editable-field.mq-text-mode {
    background-color: rgba(255, 255, 255, 0.5);
}
.sdeditorwrapper[data-elementmode="edit"] .sdeditor-derivationstep.sdeditor-derivationstep-comment td.sdcomment,
.sdeditorwrapper[data-elementmode="author"] .sdeditor-derivationstep.sdeditor-derivationstep-comment td.sdcomment {
    padding: 0 0.5em;
}
.sdeditorwrapper[data-elementmode$="view"] .sdeditor-derivationstep.sdeditor-derivationstep-comment td.sdcomment {
    padding: 0.7em 0.5em 0.2em;
}
.sdeditorwrapper .sdeditor-derivationstep:nth-last-child(2) {
    border-bottom: none;
}

/**
 * Derivation steps etc.
 */
.sdeditorwrapper[data-elementmode="edit"] .sdeditor-removestep-button,
.sdeditorwrapper[data-elementmode="author"] .sdeditor-removestep-button {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    bottom: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    transition: opacity 0.3s;
}
.sdeditorwrapper .sdeditor-derivationstep:hover .sdeditor-removestep-button {
    opacity: 1;
}
.sdeditorwrapper[data-elementmode="edit"] .sdeditor-removestep-button svg,
.sdeditorwrapper[data-elementmode="author"] .sdeditor-removestep-button svg {
    height: 20px;
    width: 20px;
}
.sdeditorwrapper[data-elementmode="edit"] .sdeditor-removestep-button svg path,
.sdeditorwrapper[data-elementmode="author"] .sdeditor-removestep-button svg path {
    fill: #a00;
}

/**
 * Derivationstep controlbars
 */
.sdeditor-derivationstep-draghandle {display: none!important;}
.sdeditor-derivationstep-controlwrapper {
    position: relative;
    top: -8px;
    height: 0;
    border-top: 3px solid transparent;
    background-color: transparent;
    margin: 0.7em 0;
}
.sdeditor-derivationstep-lastadd .sdeditor-derivationstep-controlwrapper {
    margin: 0.7em 0;
    top: 0;
}
.sdeditor-derivationstep-controlwrapper:focus-within {
     border-top: 3px dashed var(--ffwbase-middle, #666);
     border-top: 3px dashed var(--emath-extraspot2, #666);
 }
.sdeditorwrapper[data-elementmode="edit"] .sdeditor-derivationstep:focus-within,
.sdeditorwrapper[data-elementmode="author"] .sdeditor-derivationstep:focus-within {
    /* background-color: var(--ffwbase-lightest, #fafafa); */
    /* box-shadow: 0 0 3px var(--ffwbase-midlight, #888); */
    outline: 1px dotted var(--emath-maindark, black);
}
.sdeditorwrapper[data-elementmode="edit"] .sdeditor-derivationstep:hover,
.sdeditorwrapper[data-elementmode="author"] .sdeditor-derivationstep:hover {
    /* box-shadow: 0 0 8px var(--ffwbase-midlight, #888); */
    outline: 1px dotted var(--emath-maindark, black);
}
.sdelement-derivationstep-controlbar {
    display: none;
    flex-flow: row nowrap;
    align-items: center;
    border-radius: 0.3em;
    background-color: var(--ffwbase-lightest, white);
    box-shadow: 0 0 1px var(--ffwbase-midlight, #888);
    position: absolute;
    top: 0;
    right: 0.5em;
    margin-top: -1.1em;
    z-index: 2;
}
.sdeditor-derivationstep-lastadd .sdelement-derivationstep-controlbar,
.sdeditor-derivationstep:focus-within .sdelement-derivationstep-controlbar,
.sdeditor-derivationstep:hover .sdelement-derivationstep-controlbar {
    display: flex;
}
.sdelement-derivationstep-controlbar .sdelement-derivationstep-controlitem,
.sdelement-subderivation-controlbar .sdelement-subderivation-controlitem {
    padding: 0.4em 0.4em;
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}
.sdelement-derivationstep-controlbar .sdelement-derivationstep-controlitem svg,
.sdelement-subderivation-controlbar .sdelement-subderivation-controlitem svg {
    height: 1.1em;
    width: auto;
}
.sdelement-derivationstep-controlbar .sdelement-derivationstep-controlitem svg .mini-icon-foreground,
.sdelement-subderivation-controlbar .sdelement-subderivation-controlitem svg .mini-icon-foreground {
    fill: var(--ffwbase-middle, #666);
}
.sdelement-derivationstep-controlbar .sdelement-derivationstep-controlbutton:hover svg .mini-icon-foreground,
.sdelement-subderivation-controlbar .sdelement-subderivation-controlbutton:hover svg .mini-icon-foreground {
    fill: var(--emath-maindark, #222);
}


.sdelement-subderivation-controlwrapper {
    position: relative;
    top: -13px;
    height: 0;
    border-top: 3px solid transparent;
    background-color: transparent;
    margin: 0 0 0.5em 0;
}

.sdelement-subderivation-controlwrapper:focus {
    border-top: 3px dashed var(--emath-extraspot2, #666);
}

.sdeditorwrapper[data-elementmode="edit"] .subderivation:focus-within,
.sdeditorwrapper[data-elementmode="author"] .subderivation:focus-within {
    background-color: var(--ffwbase-lightest, #fafafa);
    box-shadow: 0 0 3px var(--ffwbase-midlight, #888);
}

.sdelement-subderivation-controlbar {
    display: none;
    flex-flow: row nowrap;
    align-items: center;
    border-radius: 0.3em;
    background-color: var(--ffwbase-lightest, white);
    box-shadow: 0 0 1px var(--ffwbase-midlight, #888);
    position: absolute;
    top: 0;
    right: 0.5em;
    margin-top: -0.7em;
    z-index: 2;
}

.subderivation:hover > .sdelement-subderivation-controlwrapper > .sdelement-subderivation-controlbar,
.subderivation > .sdelement-subderivation-controlwrapper:focus > .sdelement-subderivation-controlbar {
    display: flex;
}


/**
 * Layout table of the derivation steps
 */
.sdeditorwrapper table.sdlayouttable {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border: none;
}

.sdeditorwrapper table.sdlayouttable tr,
.sdeditorwrapper table.sdlayouttable td {
    border: none;
}
.sdeditorwrapper table.sdlayouttable tr {
    position: relative;
}
.sdeditorwrapper .sdlayouttable > tbody > tr > td {
    vertical-align: middle;
    text-align: left;
    padding: 3px;
	padding-right: 0;
}
.sdeditorwrapper[data-elementmode="view"] table.sdlayouttable > tbody > tr > td {
    padding: 0.3em 0.1em;
}
.sdeditorwrapper[data-elementmode="view"] table.sdlayouttable > tbody > tr.sdsubderivationrow > td {
    padding: 0;
}
.sdeditorwrapper .sdlayouttable > tbody > tr > td.sdnoteplace {
    min-width: 1.7em;
	width: 2.0em;
    vertical-align: middle;
}
.sdeditorwrapper .sdlayouttable > tbody > tr > td.sdnoteplace:empty {
    min-width: 0;
}
.sdeditorwrapper .sdlayouttable > tbody > tr > td.sdelement-typecolumn {
    width: 6em;
    text-align: right;
    white-space: nowrap;
}
.sdeditorwrapper .sdlayouttable > tbody > tr > td.sdelement-leftcolumn {
    width: 3em;
    text-align: center;
    white-space: nowrap;
}
.sdeditorwrapper .sdlayouttable > tbody > tr > td.sdelement-leftcolumn.sdelement-qed {
    font-size: 80%;
}
.sdeditorwrapper .sdlayouttable > tbody > tr > td.sdelement-typecolumn + td.sdelement-leftcolumn {
    text-align: center;
}

.sdeditorwrapper .sdlayouttable > tbody > tr > td.sdelement-typecolumn {
    width: 0;
    position: relative;
}
.sdeditorwrapper .sdlayouttable > tbody > tr > td.sdelement-typecolumn .sdelement-fieldtype {
    display: block;
    position: absolute;
    top: -0.9em;
    background: transparent;
    padding: 0 0.3em 0 0;
    font-family: "Open Sans", sans-serif;
    font-size: 80%;
    color: var(--emath-extralink, rgb(119, 119, 119));
}


.sdlayouttable > tbody > tr.sd-spacer td {
    padding-top: 1rem;
}

/**
 * SD-type selector (calculation / task)
 */
.sdelement-typeselect {
   display: flex;
   flex-direction: row;
   margin: 0 1em;
   justify-content: center;
   background: #f2f2f2;
   font-size: 80%;
}
.sdelement-typeselect-item {
   margin: 0.2em 0.5em;
   background: #f2f2f2;
   padding: 0.2em 1em;
   border: 1px dashed #999;
   font-family: Helvetica, Arial, sans-serif;
   color: #555;
   cursor: pointer;
   flex-grow: 1;
   text-align: center;
}
.sdelement-typeselect-item:hover {
   background: #f8f8f8;
}


/********************************************************
 * Subderivation
 */
.sdeditorwrapper .sdlayouttable .subderivation {
    transition: max-height 0.5s ease-out 0s;
    -webkit-transition: max-height 0.5s ease-out 0s;
}
.sdeditorwrapper.sdmqrendered .sdlayouttable .subderivation.sdsubhidden {
    max-height: 0;
    overflow-y: hidden;
    display: none;
    padding: 0;
}
.subderivation.sdsubhidden > .sdlayouttable.subdertable {
    visibility: hidden;
}
.sdeditorwrapper .subderivation.autogeneratedsubderivation {
    background: var(--emath-extralinklighter, #f2f8f8);
}
.sdeditorwrapper .subderivation.autogeneratedsubderivation .sdelement-leftcolumn.sdelement-qed .sdmath,
.sdeditorwrapper .subderivation.autogeneratedsubderivation .sdelement-leftcolumn.sdelement-bullet .sdmath {
    display: none;
}
tr.sdsubderivationrow:has(div.subderivation.autogeneratedsubderivation) ~ tr[data-dtype="fact"] .sdelement-leftcolumn.sdsubldots .sdmath {
    display: none;
}
tr.sdsubderivationrow:has(div.subderivation:not(.autogeneratedsubderivation)) ~ tr[data-dtype="fact"] .sdelement-leftcolumn.sdsubldots .sdmath {
    display: inline;
}
/********************************************************
 * Subderivation toggle
 */
td.sdmotivation .sdelement-fieldwrapper {
    margin-right: 1em;
}
.sdelement-subderivtoggle .sdelement-subderivtogglebutton svg {
    width: 1.1em;
    height: auto;
    vertical-align: middle;
}
.sdelement-subderivtoggle .sdelement-subderivtogglebutton svg .mini-icon-foreground {
    fill: var(--emath-extralinklight, #5b96a0);
    stroke: var(--emath-extralinklight, #5b96a0);
    stroke-width: 1px;
}
.sdelement-subderivtoggle:hover .sdelement-subderivtogglebutton svg .mini-icon-foreground {
    fill: var(--emath-extralink, #327c89);
    stroke: var(--emath-extralink, #327c89);
    stroke-width: 1px;
}
.sdeditorwrapper .sdlayouttable .subderivation {
    border-left: 2px solid var(--emath-extralinklight, #5b96a0);
    margin-left: -9px;
    padding: 0;
}
td.sdmotivation.sdsubempty .sdelement-subderivtoggle .sdelement-subderivtogglebutton svg .mini-icon-foreground {
    fill: var(--emath-extralight2, #eee);
    stroke-width: 0;
    stroke: none;
}
td.sdmotivation.sdsubempty .sdelement-subderivtoggle:hover .sdelement-subderivtogglebutton svg .mini-icon-foreground {
    fill: var(--emath-extralink, #327c89);
    stroke-width: 0;
    stroke: none;
}
.sdeditorwrapper .sdeditor-derivationstep-fact > .sdlayouttable > tbody > tr.sdsubderivationrow > td.sdsubderivation > .subderivation {
    border-left: 4px solid transparent;
}
.sdelement-subderivation-autogenerated-notification {
    font-size: 80%;
    font-style: italic;
    text-align: center;
    margin: 0;
    padding: 0.2em 0;
    color: var(--emath-extralink, #327c89);
    background: var(--emath-extralinklighter, #f2f8f8);
}




/**
 * Step-by-step
 */
.sdeditorwrapper .sdlayouttable tr.sdstepbystephidden {
    display: none;
}
.sdeditorwrapper div.sdeditor-afterbar {
    margin-left: 4em;
	margin-top: 0;
    opacity: 0;
    transition: opacity 0.3s 0s;
}
.sdeditorwrapper .sdeditor-afterbar .sdeditor-stepbutton {
    padding: 0.3em 1.5em;
}
.sdeditorwrapper div.sdeditor-afterbar:hover {
    opacity: 1;
    transition: opacity 0.3s 2s;
}

.sdelement-stepbystepmode .sdeditor-container:focus {
    box-shadow: 0 0 6px #ffa;
    background-color: rgba(255,255,200,0.1);
}

/**
 * Fields
 */
.sdeditorwrapper .sdlayouttable .sdelement-fieldwrapper {
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: baseline;
    min-width: 0;
}

.sdeditorwrapper[data-elementmode="view"] .sdrelation .sdelement-fieldwrapper,
.sdeditorwrapper .sdrelation .mq-editable-field {
    justify-content: center;
}
.sdeditorwrapper .sdelement-explanation-and-field {
    display: flex;
    align-items: center;
    min-height: 1.7em;
}

.sdlayouttable[data-tasktype="prove"] > tbody > tr > .sdanswer .sdelement-explanation-and-field,
.sdlayouttable[data-tasktype="derivation"] > tbody > tr > .sdanswer .sdelement-explanation-and-field {
    display: none;
}

.sdlayouttable[data-tasktype="derivation"] > tbody > tr.sd-vdashrow {
    display: none;
}

.sdeditorwrapper .sdlayouttable .sdelement-fieldwrapper > .mq-editable-field {
    flex-grow: 1;
    flex-shrink: 1;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    min-height: 2em;
    display: flex;
    align-items: center;
}
.sdeditorwrapper .sdlayouttable .sdelement-explanation-and-field > .sdelement-explanation {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 0.5em;
    margin-left: 0.5em;
    white-space: nowrap;
}
.sdeditorwrapper .sdlayouttable .sdelement-explanation-and-field > .sdelement-explanation:empty {
    margin-right: 0em;
    margin-left: 0em;
}

.sdeditorwrapper .sdlayouttable .sdelement-fieldtype {
    color: #777;
}

.sdeditor[data-firsttypeonly="true"] .sdeditor-derivationstep.sdeditor-derivationstep-assumption + .sdeditor-derivationstep.sdeditor-derivationstep-assumption > .sdlayouttable > tbody > tr > td.sdelement-typecolumn .sdelement-fieldtype,
.sdeditor[data-firsttypeonly="true"] .sdeditor-derivationstep.sdeditor-derivationstep-fact + .sdeditor-derivationstep.sdeditor-derivationstep-fact > .sdlayouttable > tbody > tr > td.sdelement-typecolumn .sdelement-fieldtype,
.sdeditor[data-firsttypeonly="true"] .sdeditor-derivationstep.sdeditor-derivationstep-declaration + .sdeditor-derivationstep.sdeditor-derivationstep-declaration > .sdlayouttable > tbody > tr > td.sdelement-typecolumn .sdelement-fieldtype,
.sdeditor[data-firsttypeonly="true"] .sdeditor-derivationstep.sdeditor-derivationstep-definition + .sdeditor-derivationstep.sdeditor-derivationstep-definition > .sdlayouttable > tbody > tr > td.sdelement-typecolumn .sdelement-fieldtype {
    display: none;
}
.sdeditorwrapper .sdlayouttable tr td.sdmotivation span.sdmathtext::before {
    content: "{";
    padding-right: 0.3em;
}
.sdeditorwrapper .sdlayouttable tr td.sdmotivation span.sdmathtext::after {
    content: "}";
    visibility: visible;
    padding-left: 0.3em;
}
.sdeditorwrapper .sdlayouttable tr td.sdmotivation span.sdmathtext:empty::before,
.sdeditorwrapper .sdlayouttable tr td.sdmotivation span.sdmathtext:empty::after {
    display: none;
}
.sdeditorwrapper .sdeditor[data-explanation="true"] .sdlayouttable tr[data-dtype="fact"] > td.sdmotivation .sdelement-fieldwrapper > span.sdmathtext::before,
.sdeditorwrapper .sdeditor[data-explanation="true"] .sdlayouttable tr[data-dtype="fact"] > td.sdmotivation .sdelement-fieldwrapper > span.sdmathtext::after {
    visibility: hidden;
    display: none;
}
.sdeditorwrapper[data-elementmode="edit"] .sdlayouttable tr td.sdmotivation span.sdmathtext::after,
.sdeditorwrapper[data-elementmode="author"] .sdlayouttable tr td.sdmotivation span.sdmathtext::after {
    visibility: visible;
}

/**
 * Field mode switcher
 */
.sdelement-fieldmode {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    margin-right: 1em;
}
[data-level="basic"] .sdelement-fieldmode {display: none;}
.sdelement-fieldwrapper .sdelement-fieldmode {
    position: absolute;
    right: 0;
    bottom: 0;
}
.sdelement-fieldmode-switch {
    font-size: 65%;
    font-family: helvetica, Arial;
    color: #e0e0e0;
    margin-top: -1.5em;
    cursor: pointer;
}
td:hover > .sdelement-fieldmode .sdelement-fieldmode-switch,
.sdelement-fieldwrapper:hover > .sdelement-fieldmode .sdelement-fieldmode-switch {
    color: #999;
}


.sdelement-optionalJustification {
    text-align: center;
}
.sdelement-optionalJustification .sdelement-optionalJustification-button {
    display: inline;
    font-size: 80%;
    opacity: 0.5;
}
.sdelement-optionalJustification:hover .sdelement-optionalJustification-button {
    opacity: 1;
}




/**
 * Styling for MathQuill fields.
 */
 .sdeditorwrapper .sdlayouttable tr td textarea {
     width: 1px;
     height: 1px;
     resize: none;
     overflow: hidden;
 }
.sdeditorwrapper[data-elementmode="edit"] .mq-editable-field.mq-text-mode {
    background-color: white;
}
.sdeditorwrapper div.sdeditor .mathquill-editable {
    border: 1px solid #ccc;
    border: none;
    padding: 0.2em 0.5em;
    display: inline-block;
    white-space: normal;
    overflow: visible;
}
.sdeditorwrapper div.sdeditor .sdlayouttable .mathquill-textbox {
    font-family: serif;
    background-color: transparent;
}
.sdeditorwrapper div.sdeditor .sdlayouttable .mathquill-textbox .mathquill-rendered-math,
.sdeditorwrapper div.sdeditor .sdlayouttable tr td.sdelement-leftcolumn .mathquill-editable {
    display: inline-block;
    white-space: nowrap;
}
.sdeditorwrapper div.sdeditor .mathquill-editable span.cursor {
    border: none;
    border-left: 1px solid #00a;
    margin: 0;
    margin-left: -1px;
    width: 0;
    overflow: hidden;
    display: inline;
    box-shadow: 0 0 0 0.5px #00a;
}

.sdeditorwrapper div.sdeditor .mathquill-editable.mathquill-textbox span.cursor {
    border-left: 1px solid #a00;
	box-shadow: 0 0 0 0.5px #a00;
}

.sdeditorwrapper div.sdeditor .mathquill-editable.mathquill-textbox .mathquill-rendered-math span.cursor {
    border-left: 1px solid #00a;
	box-shadow: 0 0 0 0.5px #00a;
}

.sdeditorwrapper div.sdeditor .sdempty .mathquill-editable span.cursor {
	display: inline-block;
	margin-bottom: -0.25em;
}

.sdeditorwrapper[data-elementmode="edit"] td.sdelement-invalidfield:not(.currentFocus) .sdelement-fieldwrapper,
.sdeditorwrapper[data-elementmode="author"] td.sdelement-invalidfield:not(.currentFocus) .sdelement-fieldwrapper {
    box-shadow: 0 1px 0 0 var(--ffwwarning, #a00);
}

.sdeditorwrapper td.sdelement-invalidfield:not(.currentFocus) .sdelement-fieldwrapper .mq-textarea::before {
    color: var(--ffwwarning, #a00);
}

.sdeditorwrapper .mathquill-editable .hasCursori {
    background-color: rgba(255,255,255,0.4);
    border-radius: 0.3em;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2),
                inset -1px -1px 2px rgba(255,255,255,0.2),
                1px 1px 1px #a00, -1px -1px 1px #a00,
                1px -1px 1px #a00, -1px 1px 1px #a00;
}
.sdeditorwrapper td.sdempty .mathquill-editable {
    background-color: rgba(200,200,255,0.6);
    border-radius: 0.5em;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2),
                inset -1px -1px 2px rgba(255,255,255,0.2);
}
.sdeditorwrapper td.currentFocus .mathquill-editable.mathquill-textbox {
    background-color: rgba(255,255,255,0.4);
    border-radius: 0.5em;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2),
                inset -1px -1px 2px rgba(255,255,255,0.2),
                1px 1px 1px #a00, -1px -1px 1px #a00,
                1px -1px 1px #a00, -1px 1px 1px #a00;
}
.sdeditorwrapper td.currentFocus .mathquill-editable.mathquill-rendered-math {
    background-color: rgba(255,255,255,0.4);
    border-radius: 0.5em;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2),
                inset -1px -1px 2px rgba(255,255,255,0.2),
                1px 1px 1px #00a, -1px -1px 1px #00a,
                1px -1px 1px #00a, -1px 1px 1px #00a;
}
.sdeditorwrapper[data-elementmode="view"] .sdmath.mathquill-editable {
	background-color: white;
	border-radius: 0.5em;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2),
				inset -1px -1px 2px rgba(255,255,255,0.2),
				1px 1px 1px #00a, -1px -1px 1px #00a,
				1px -1px 1px #00a, -1px 1px 1px #00a;
}
.sdeditorwrapper[data-elementmode="view"] .sdmathtext.mathquill-editable.mathquill-textbox {
	background-color: white;
	border-radius: 0.5em;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2),
				inset -1px -1px 2px rgba(255,255,255,0.2),
				1px 1px 1px #a00, -1px -1px 1px #a00,
				1px -1px 1px #a00, -1px 1px 1px #a00;
}
.sdeditorwrapper[data-elementmode="review"] .sdmath[data-sdreadonly="false"],
.sdeditorwrapper[data-elementmode="review"] .sdmathtext[data-sdreadonly="false"] {
	background-color: rgba(170,170,170,0.05);
	padding: 0.1em 0.5em;
	border-radius: 0.2em;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2),
				inset -1px -1px 2px rgba(255,255,255,0.2),
				0 0 1px 1px #777;
}
.sdeditorwrapper td.sdelement-leftcolumn + td > .mathquill-editable {
    min-width: 8em;
}
.sdelement .sdmath.mq-focused,
.sdelement td.sdempty > .mq-editable-field.mq-math-mode:not(.mq-focused),
.sdelement .mq-editable-field.mq-math-mode {
    background-color: #f5fcff;
}
.sdelement td:not([data-color]) > .sdmath.mq-focused,
.sdelement td.sdempty > .mq-editable-field.mq-math-mode:not(.mq-focused),
.sdelement td:not([data-color]) > .mq-editable-field.mq-math-mode {
    color: #000044;
}
.sdelement .mq-editable-field.mq-text-mode .mq-root-block > .mq-math-mode {
    background-color: #f2faff;
}
.sdelement td:not([data-color]) .mq-editable-field.mq-text-mode .mq-root-block > .mq-math-mode {
    color: #000044;
}
.sdelement .sdmath > .mq-root-block,
.sdelement .sdmathtext > .mq-root-block {
    width: auto;
    overflow-x: auto;
    scrollbar-width: thin;
    box-sizing: border-box;
    max-width: 100%;
}
.sdelement .mq-editable-field {
    border: none;
    padding: 0.2em 0.3em;
    display: inline-block;
    white-space: normal;
    overflow: visible;
    cursor: text;
    border-radius: 4px 0 0 4px;
}
.sdelement .sdmotivation .mq-editable-field,
.sdelement .sdrelation .mq-editable-field {
    border-radius: 4px;
}
.sdelement .sdeditor-caption {
    margin: 0;
    padding: 0.2em 1em;
}
.sdelement .sdelement-caption > .mq-editable-field,
.sdelement td.sdelement-leftcolumn + td > .mq-editable-field {
    min-width: 8em;
    box-sizing: border-box;
    width: calc(100% - 0.5em);
    padding-right: 2em;
}
.sdelement .sdelement-caption .sdmathtext.mq-editable-field,
.sdelement .sdmotivation .sdmathtext.mq-editable-field {
    white-space: nowrap;
}
.sdelement .sdelement-caption .sdmathtext.mq-editable-field .mq-root-block,
.sdelement .sdmotivation .sdmathtext.mq-editable-field .mq-root-block,
.sdelement .sdlayouttable .sdelement-fieldwrapper .sdmathtext.mq-editable-field .mq-root-block {
    white-space: normal;
}
.sdelement .sdmath.mq-focused {
    box-shadow: none;
}
.sdelement .sdmathtext.mq-focused {
    background-color: rgba(255,255,255,0.4);
    box-shadow: none;
}
.sdelement .sdmarkings-available .sdmarkings-note div.mq-editable-field {
    display: block;
    min-height: 2em;
    background-color: rgba(255,255,255,0.7);
    border: 1px solid #ddd;
}
.sdelement .sdmarkings-available .sdmarkings-note div.mq-editable-field.mq-focused {
    box-shadow: 0 0 2px red;
}
.mq-editable-field .mq-cursor {
    display: none;
}
.mq-editable-field.mq-focused .mq-cursor {
    display: inline-block;
}


/**
 * Hide tooltips
 */
.sdelement[data-showtooltips="false"] .sdelement-caption > .ffwidget-tooltip-bottom,
.sdelement[data-showtooltips="false"] .sdelement-fieldwrapper > .ffwidget-tooltip-bottomleft,
.sdelement[data-showtooltips="false"] .sdelement-fieldwrapper > .ffwidget-tooltip-right,
.sdelement[data-showtooltips="false"] .sdelement-fieldwrapper > .ffwidget-tooltip-left {
    display: none!important;
}





/***********************************************************************************************
 * Buttonbar
 */
.sdeditor-buttonbar {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
}
div.sdeditorwrapper[data-elementmode="view"] div.sdeditor-buttonbar .ffmenubar-buttonrow,
div.sdeditorwrapper[data-elementmode="review"] div.sdeditor-buttonbar .ffmenubar-buttonrow {
    display: none;
}

.sdeditor-buttonbar ul.ffmenubar-buttonrow {
    padding: 0;
}

div.sdeditor-buttonbar ul.sdeditor-buttonlist {
    display: flex;
    flex-flow: row nowrap;
    list-style: none;
    margin: 0;
    padding: 0 0 0 2px;
    flex-shrink: 1;
    flex-grow: 0;
    transition: margin-top 0.5s ease-in-out;
    -webkit-transition: margin-top 0.5s;
}
div.sdeditor-buttonbar ul.sdeditor-buttonlist li {
    margin: 1px;
    padding: 0;
    display: none;
}
div.sdeditor-buttonbar ul.sdeditor-buttonlist li .sdeditor-buttonicon {
    height: 20px;
}
div.sdeditor-buttonbar ul.sdeditor-buttonlist li .sdeditor-buttonicon svg {
    height: 20px;
    width: auto;
}
div.sdeditor-buttonbar ul.sdeditor-buttonlist li .sdeditor-buttontext {
    font-size: 60%;
    padding: 0 2px;
    line-height:1.5em;
}
div.sdeditor-buttonbar li:hover svg.sdicon-add path {
    fill: #070;
}
div.sdeditor-buttonbar li:hover svg.sdicon-remove path {
    fill: #a00;
}

/**
 * Make menu buttons background white in case they will overlap.
 */
.sdeditorwrapper .sdeditor-buttonbar li.ffmenubar-buttonrow-item.ffwidget-button {
    background-color: white;
}


/**
 * Undo / Redo and other buttons activity status
 * TODO: Is this still valid?
 */
div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-undo,
div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-redo {
    display: block;
}
div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-undo svg path,
div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-redo svg path {
    fill: #aaa;
}
[data-undoredo~="undo"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-undo svg path,
[data-undoredo~="redo"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-redo svg path {
    fill: black;
}
[data-undoredo~="undo"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-undo:hover svg path {
    fill: gold;
}
[data-undoredo~="redo"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-redo:hover svg path {
    fill: #050;
}

[data-focusonelem~="sdtask"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addass,
[data-focusonelem~="sdtask"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addobs,
[data-focusonelem~="sdtask"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-adddef,
[data-focusonelem~="sdtask"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-adddec,
[data-focusonelem~="sdtask"][data-focuselemtype~="removabletask"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removetask,
[data-focusonelem~="sdtask"][data-focuselemtype~="hasnoderivmot"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addderivationmotivation,
[data-focusonelem~="sdassumption"]:not([data-focuselemtype~="dsassumption"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addass,
[data-focusonelem~="sdassumption"]:not([data-focuselemtype~="dsassumption"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addobs,
[data-focusonelem~="sdassumption"]:not([data-focuselemtype~="dsassumption"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-adddef,
[data-focusonelem~="sdassumption"]:not([data-focuselemtype~="dsassumption"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-adddec,
[data-focusonelem~="sdassumption"]:not([data-focuselemtype~="dsassumption"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removeass,
[data-focusonelem~="sdmotivation"][data-focuselemtype~="obsmotivation"]:not([data-focuselemtype~="dstepobservation"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removeobs,
[data-focusonelem~="sddefinition"][data-focuselemtype~="obsdeclaration"]:not([data-focuselemtype~="dstepobservation"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removeobs,
[data-focusonelem~="sdobservation"]:not([data-focuselemtype~="dstepobservation"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addobs,
[data-focusonelem~="sdobservation"]:not([data-focuselemtype~="dstepobservation"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-adddef,
[data-focusonelem~="sdobservation"]:not([data-focuselemtype~="dstepobservation"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-adddec,
[data-focusonelem~="sddefinition"]:not([data-focuselemtype~="dstepobservation"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addobs,
[data-focusonelem~="sddefinition"]:not([data-focuselemtype~="dstepobservation"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-adddef,
[data-focusonelem~="sddefinition"]:not([data-focuselemtype~="dstepobservation"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-adddec,
[data-focusonelem~="sdterm"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addstep,
[data-focusonelem~="sdterm"][data-focuselemtype~="firstterm"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addtask,
[data-focusonelem~="sdterm"][data-focuselemtype~="lastterm"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addsubcalc,
[data-focusonelem~="sdterm"][data-focuselemtype~="lastterm"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addsubderiv,
[data-focusonelem~="sdanswer"][data-focuselemtype~="insubder"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addsubcalc,
[data-focusonelem~="sdanswer"][data-focuselemtype~="insubder"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addsubderiv,
[data-focusonelem~="sdrelation"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removestep,
[data-focusonelem~="sdterm"]:not([data-focuselemtype~="firstterm"]):not([data-focuselemtype~="firstcalcterm"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removestep,
[data-focusonelem~="sdmotivation"]:not([data-focuselemtype~="obsmotivation"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removestep,
[data-focusonelem~="sdmotivation"][data-focuselemtype~="derivmotivation"]:not([data-focuselemtype~="derivmotivwithcalc"]) div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addcalc,
[data-focusonelem~="sdmotivation"][data-focuselemtype~="derivmotivation"][data-focuselemtype~="derivmotivwithcalc"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removecalc,
[data-focusonelem~="sdmotivation"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addsubcalc,
[data-focusonelem~="sdmotivation"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addsubderiv,
[data-focusonelem~="sdmotivation"][data-focuselemtype~="hassubder"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removesubderiv,
[data-focusonelem~="sdterm"][data-focuselemtype~="firstterm"][data-focuselemtype~="insubder"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removesubderiv,
[data-focusonelem~="sdtask"][data-focuselemtype~="insubder"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removesubderiv,
[data-focusonelem~="sdmotivation"][data-focuselemtype~="derivmotivation"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removederivationmotivation,
.sdeditor-dstepmode.sdeditor-nodsteps div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addstepcalc,
.sdeditor-dstepmode.sdeditor-nodsteps div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addsteptask,
.sdeditor-dstepmode.sdeditor-nodsteps div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addstepassumption,
.sdeditor-dstepmode.sdeditor-nodsteps div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addstepfact,
.sdeditor-dstepmode.sdeditor-nodsteps div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addstepdefinition,
.sdeditor-dstepmode.sdeditor-nodsteps div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addstepdeclaration,
.sdeditor-dstepmode[data-focuselemtype~="dstep"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addstepcalc,
.sdeditor-dstepmode[data-focuselemtype~="dstep"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addsteptask,
.sdeditor-dstepmode[data-focuselemtype~="dstep"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addstepassumption,
.sdeditor-dstepmode[data-focuselemtype~="dstep"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addstepfact,
.sdeditor-dstepmode[data-focuselemtype~="dstep"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addstepdefinition,
.sdeditor-dstepmode[data-focuselemtype~="dstep"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-addstepdeclaration,
.sdeditor-dstepmode[data-focuselemtype~="dstepremove"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removedstep,
.sdeditor-dstepmode[data-focuselemtype~="dstepremove"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removesteptask,
.sdeditor-dstepmode[data-focuselemtype~="dstepremove"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removestepassumption,
.sdeditor-dstepmode[data-focuselemtype~="dstepremove"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removestepfact,
.sdeditor-dstepmode[data-focuselemtype~="dstepremove"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removestepdefinition
{
    display: block;
}
.sdeditor-dstepmode div.sdeditor-buttonbar ul.sdeditor-buttonlist {
    margin: 0;
    padding: 0 6px;
    border-left: 1px solid #eee;
    border-right: 1px solid #aaa;
}
.sdeditor-dstepmode div.sdeditor-buttonbar ul.sdeditor-buttonlist:first-child {
    padding-left: 0;
    border-left: none;
}
.sdeditor-dstepmode div.sdeditor-buttonbar ul.sdeditor-buttonlist:last-child {
    padding-right: 0;
    border-right: none;
}
div.sdeditor-buttonbar ul.sdeditor-buttonlist[data-buttonset="dstepadd"] li,
div.sdeditor-buttonbar ul.sdeditor-buttonlist[data-buttonset="dstepremove"] li {
    display: block;
}
.sdeditor-dstepmode div.sdeditor-buttonbar ul.sdeditor-buttonlist {
    display: none;
}
.sdeditor-dstepmode div.sdeditor-buttonbar ul.sdeditor-buttonlist[data-buttonset="undoredo"],
.sdeditor-dstepmode[data-focuselemtype~="sditems"] div.sdeditor-buttonbar ul.sdeditor-buttonlist[data-buttonset="edit"],
.sdeditor-dstepmode[data-focuselemtype~="checkercalc"] div.sdeditor-buttonbar ul.sdeditor-buttonlist[data-buttonset="Checker"],
.sdeditor-dstepmode[data-focuselemtype~="dstepadd"] div.sdeditor-buttonbar ul.sdeditor-buttonlist[data-buttonset="dstepadd"],
.sdeditor-dstepmode[data-focuselemtype~="dstepremove"] div.sdeditor-buttonbar ul.sdeditor-buttonlist[data-buttonset="dstepremove"] {
    display: flex;
}
[data-focusonelem~="sdmotivation"][data-focuselemtype~="derivmotivation"] div.sdeditor-buttonbar ul.sdeditor-buttonlist li.sdeditor-removestep
{
    display: none;
}
div.sdeditor-buttonbar ul.sdeditor-buttonlist li a {
    display: block;
    width: 30px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #777;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: black;
    text-shadow: 1px 1px 1px white;
    box-shadow: -1px -1px 1px #aaa, 1px 1px 1px #fff;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(155,155,155,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(155,155,155,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(155,155,155,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(155,155,155,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(155,155,155,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(155,155,155,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a69b9b9b',GradientType=0 ); /* IE6-9 */
}
div.sdeditor-buttonbar ul.sdeditor-buttonlist li a > span {
    display: block;
    height: 20px;
}
div.sdeditor-buttonbar ul.sdeditor-buttonlist li a:hover > span {
    background-color: rgba(255,255,255,0.4);
}

/**
 * Plugin menu
 * TODO: Is this still valid?
 */
.sdeditorwrapper .sdeditor-mainmenu .ffmenubar-dropmenu {
    justify-content: flex-end;
}
.sdeditorwrapper[data-elementmode="view"] .sdeditor-mainmenu .sdeditor-buttonbar,
.sdeditorwrapper[data-elementmode="review"] .sdeditor-mainmenu .sdeditor-buttonbar {
    background: none;
}
.sdeditorwrapper[data-elementmode="view"] .sdeditor-mainmenu .ffmenubar-dropmenu,
.sdeditorwrapper[data-elementmode="review"] .sdeditor-mainmenu .ffmenubar-dropmenu {
    opacity: 0;
    transition: opacity 0.3s linear 0.3s;
}
.sdeditorwrapper[data-elementmode="view"]:hover .sdeditor-mainmenu .ffmenubar-dropmenu,
.sdeditorwrapper[data-elementmode="review"]:hover .sdeditor-mainmenu .ffmenubar-dropmenu,
.sdeditorwrapper[data-elementmode="view"]:not(.sdelement-stepbystepmode):focus-within .sdeditor-mainmenu .ffmenubar-dropmenu,
.sdeditorwrapper[data-elementmode="review"]:not(.sdelement-stepbystepmode):focus-within .sdeditor-mainmenu .ffmenubar-dropmenu {
    opacity: 1;
}
.sdeditorwrapper .sdeditor-menubar {
    list-style: none;
    margin: 0;
    padding: 0;
    color: black;
    /* font-family: sans-serif; */
    /* font-weight: bold; */
    /* text-shadow: 1px 1px 1px rgba(255,255,255,0.5); */
    border: 1px solid #666;
    background: rgb(250,250,250);
    opacity: 0;
    -webkit-transition: opacity 0.3s linear 0.3s;
    -ms-transition: opacity 0.3s linear 0.3s;
    transition: opacity 0.3s linear 0.3s;
}
.sdeditorwrapper .sdeditor-menubar:empty {
    display: none;
}
.sdeditorwrapper:hover .sdeditor-menubar {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.sdeditorwrapper[data-elementmode="edit"] .sdeditor-mainmenuwrapper {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: white;
}
.sdeditorwrapper[data-elementmode="edit"] .sdeditor-menubar {
    opacity: 1;
}
.sdeditorwrapper[data-elementmode="edit"] .sdeditor-mainmenu {
    opacity: 1;
    z-index: 1;
    box-shadow: -2px -2px 12px rgba(0,0,0,0.1);
    transition: margin-top 0.5s linear 0s, max-height 1s linear 0.5s;
    margin-top: 0;
    max-height: 300px;
}
.sdeditorwrapper[data-elementmode="edit"]:not(:focus-within) .sdeditor-mainmenu {
    box-shadow: none;
    transition: margin-top 3s linear 1.7s, max-height 1s linear 0.7s;
}
.sdeditorwrapper[data-elementmode="edit"]:focus-within .sdeditor-mainmenu {
    display: block;
}
.sdeditorwrapper .sdeditor-menubar.sdeditor-plugins-empty {
    display: none;
}
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem {
    display: inline-block;
    position: relative;
    padding: 0;
    cursor: pointer;
    color: black;
    font-family: sans-serif;
}
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem > div {
    padding: 0.2em 0.4em;
}
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem > div:focus,
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem > div:hover {
    box-shadow: inset 1px 0 0 #555, inset -1px 0 0 #eee;
    background-color: #ccc;
}
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem ul {
    display: none;
    position: absolute;
    left: 0;
    margin: 0;
    margin-top: 0px;
    font-weight: normal;
    text-shadow: none;
    background-color: white;
    border: 1px solid #666;
    box-shadow: 8px 8px 28px rgba(0,0,0,0.2);
    list-style: none;
    padding: 0;
    z-index: 2;
    max-height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
}
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem ul::-webkit-scrollbar {
    -webkit-appearance: none;
}
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem ul::-webkit-scrollbar:vertical {
    width: 11px;
}
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem ul::-webkit-scrollbar:horizontal {
    height: 11px;
}
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem ul::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0,0,0,0.5);
}
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem ul::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem > div:focus + ul {
    display: block;
}
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem ul li {
    padding: 0.3em 0.5em;
    cursor: pointer;
    white-space: nowrap;
}
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem ul li.sdelement-plugin-separator {
    border-top: 1px solid #888;
}
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem ul li:hover {
    background-color: #ddd;
    color: black;
}
.sdeditorwrapper .sdeditor-menubar .sdeditor-menuitem ul li svg {
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
}
.sdeditorwrapper .sdmanualreviewbox[data-marktype="warning"] .sdwarning,
.sdeditorwrapper .manualreview .checkmark.sdwarning {
    color: red;
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note span.sdmark.sdwarning:hover,
.sdeditorwrapper .sdmarkings-available .sdmarkings-note[data-marktype="warning"] .sdmark.sdwarning {
    color: red;
}
.sdeditor-derivationstep-fact:has(.checkmark.sdnote) ~ .sdeditor-derivationstep .checkmark .mini-icon-foreground,
.elementlist-elementblock:has(.sdeditor-derivationstep-fact .checkmark.sdnote) ~ .elementlist-elementblock .sdeditor-derivationstep .checkmark .mini-icon-foreground,
.elementlist-elementblock:has(.sdeditor-derivationstep-fact .checkmark.sdnote) ~ .elementlist-elementblock .sdmarkings-generalnote .sdcheckmark .mini-icon-foreground,
.sdeditor-derivationstep-fact:has(.sdsubderivationrow .checkmark.sdnote) tr[data-dtype="fact"] .checkmark.sdcorrect .mini-icon-foreground {
    fill: gold;
}
.elementlist-elementblock:has(.sdeditor-derivationstep-fact .checkmark.sdnote) ~ .elementlist-elementblock .sdmarkings-generalnote[data-marktype="correct"] .sdcheckcomment {
    visibility: hidden;
}





/**************************************************
 * Drag'n'drop icon
 */
.sdeditorwrapper div.sdeditor-dragicon {
    display: none;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    background-color: white;
    border-radius: 3px;
    border: 1px solid black;
    cursor: move;
}



/***************************************
 * Hints / Localization
 ***************************************/
.sdeditorwrapper[data-elementmode="edit"] td.sdanswer.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sdanswer.sdempty > span.empty > span.textarea:before {content: "answer"; color: #999; font-size: 80%; font-family: sans-serif;}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdanswer.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdanswer.sdempty > span.empty > span.textarea:before {content: "answer";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdanswer.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdanswer.sdempty > span.empty > span.textarea:before {content: "vastaus";}

.sdeditorwrapper[data-elementmode="edit"] td.sdtask.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sdtask.sdempty > span.empty > span.textarea:before {content: "question"; color: #999; font-size: 80%; font-family: sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdtask.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdtask.sdempty > span.empty > span.textarea:before {content: "question";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdtask.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdtask.sdempty > span.empty > span.textarea:before {content: "kysymys/tehtävä";}

.sdeditorwrapper[data-elementmode="edit"] td.sdassumption.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sdassumption.sdempty > span.empty > span.textarea:before {content: "assumption"; color: #999; font-size: 80%; font-family: sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdassumption.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdassumption.sdempty > span.empty > span.textarea:before {content: "assumption";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdassumption.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdassumption.sdempty > span.empty > span.textarea:before {content: "oletus";}

.sdeditorwrapper[data-elementmode="edit"] td.sddefinition.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sddefinition.sdempty > span.empty > span.textarea:before {content: "definition"; color: #999; font-size: 80%; font-family: sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sddefinition.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sddefinition.sdempty > span.empty > span.textarea:before {content: "definition";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sddefinition.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sddefinition.sdempty > span.empty > span.textarea:before {content: "määritelmä";}

.sdeditorwrapper[data-elementmode="edit"] td.sdmotivation.sdempty > span.empty > span.textarea::before,
.sdeditorwrapper[data-elementmode="author"] td.sdmotivation.sdempty > span.empty > span.textarea::before {content: "justification"; color: #999; font-size: 80%; font-family: sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdmotivation.sdempty > span.empty > span.textarea::before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdmotivation.sdempty > span.empty > span.textarea::before {content: "justification";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdmotivation.sdempty > span.empty > span.textarea::before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdmotivation.sdempty > span.empty > span.textarea::before {content: "perustelu"; }

.sdeditorwrapper[data-elementmode="edit"] td.sdobservation.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sdobservation.sdempty > span.empty > span.textarea:before {content: "observation"; color: #999; font-size: 80%; font-family: sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdobservation.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdobservation.sdempty > span.empty > span.textarea:before {content: "observation";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdobservation.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdobservation.sdempty > span.empty > span.textarea:before {content: "havainto";}

.sdeditorwrapper[data-elementmode="edit"] td.sdterm.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sdterm.sdempty > span.empty > span.textarea:before {content: "expression"; color: #999; font-size: 80%; font-family: sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdterm.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdterm.sdempty > span.empty > span.textarea:before {content: "expression";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdterm.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdterm.sdempty > span.empty > span.textarea:before {content: "lauseke";}

.sdeditorwrapper[data-elementmode="edit"] td.sdrelation.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sdrelation.sdempty > span.empty > span.textarea:before {content: ""; color: #999; font-size: 80%; font-family: sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdrelation.sd.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdrelation.sd.sdempty > span.empty > span.textarea:before {content: "";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdrelation.sd.sdempty > span.empty > span.textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdrelation.sd.sdempty > span.empty > span.textarea:before {content: "";}




.sdeditorwrapper[data-elementmode="edit"] .sdelement-caption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"] .sdelement-caption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Write caption here"; color: #ccc; font-size: 73%; font-family: GlacialIndifference, sans-serif;}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] .sdelement-caption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] .sdelement-caption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Write caption here";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="sv"] .sdelement-caption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="sv"] .sdelement-caption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Skriv en rubrik här";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] .sdelement-caption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] .sdelement-caption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Kirjoita kuvaus tähän";}

.sdeditorwrapper[data-elementmode="edit"] td.sdanswer.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sdanswer.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Write the answer here"; color: #ccc; font-size: 73%; font-family: GlacialIndifference, sans-serif;}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdanswer.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdanswer.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Write the answer here";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="sv"] td.sdanswer.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="sv"] td.sdanswer.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Skriv svaret här";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdanswer.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdanswer.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Kirjoita vastauksesi tähän";}

.sdeditorwrapper[data-elementmode="edit"] td.sdtask.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sdtask.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Write the task here"; color: #ccc; font-size: 73%; font-family: GlacialIndifference, sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdtask.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdtask.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Write the task here";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="sv"] td.sdtask.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="sv"] td.sdtask.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Skriv uppgiften här";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdtask.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdtask.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Kirjoita tehtävä tähän";}

.sdeditorwrapper[data-elementmode="edit"] td.sdassumption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sdassumption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Write an assumption here"; color: #ccc; font-size: 73%; font-family: GlacialIndifference, sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdassumption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdassumption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Write an assumption here";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="sv"] td.sdassumption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="sv"] td.sdassumption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Skriv ett antagande här";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdassumption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdassumption.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Kirjoita oletus tähän";}

.sdeditorwrapper[data-elementmode="edit"] td.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Introduce new variable or function here"; color: #ccc; font-size: 73%; font-family: GlacialIndifference, sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Introduce new variable or function here";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="sv"] td.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="sv"] td.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Introducera en ny variabel eller funktion här";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Esittele uusi muuttuja tai funktio tässä";}

.sdeditorwrapper[data-elementmode="edit"] td.sdobservation.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sdobservation.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Define the value here"; color: #ccc; font-size: 73%; font-family: GlacialIndifference, sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdobservation.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdobservation.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Define the value here";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="sv"] td.sdobservation.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="sv"] td.sdobservation.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Definiera värdet här";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdobservation.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdobservation.sddefinition.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Määrittele arvo tässä";}

.sdeditorwrapper[data-elementmode="edit"] td.sdmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before,
.sdeditorwrapper[data-elementmode="author"] td.sdmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before {content: "Add verbal explanation here"; color: #ccc; font-size: 73%; font-family: GlacialIndifference, sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before {content: "Add verbal explanation here";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="sv"] td.sdmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="sv"] td.sdmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before {content: "Skriv förklaring här";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before {content: "Lisää tähän sanallinen selitys"; }

.sdeditorwrapper[data-elementmode="edit"] td.sdmotivation.sdobsmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before,
.sdeditorwrapper[data-elementmode="author"] td.sdmotivation.sdobsmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before {content: "Add verbal explanation here"; color: #ccc; font-size: 73%; font-family: GlacialIndifference, sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdmotivation.sdobsmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdmotivation.sdobsmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before {content: "Add verbal explanation here";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="sv"] td.sdmotivation.sdobsmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="sv"] td.sdmotivation.sdobsmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before {content: "Skriv förklaring här";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdmotivation.sdobsmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdmotivation.sdobsmotivation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea::before {content: "Lisää tähän sanallinen selitys"; }

.sdeditorwrapper[data-elementmode="edit"] td.sdobservation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sdobservation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Write a consequence here"; color: #ccc; font-size: 73%; font-family: GlacialIndifference, sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdobservation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdobservation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Write a consequence here";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="sv"] td.sdobservation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="sv"] td.sdobservation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Skriv en konsekvens här";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdobservation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdobservation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Kirjoita tähän johtopäätös";}

.sdeditorwrapper[data-elementmode="edit"] td.sdterm.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sdterm.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Write math expression here"; color: #ccc; font-size: 73%; font-family: GlacialIndifference, sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdterm.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdterm.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Write math expression here";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="sv"] td.sdterm.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="sv"] td.sdterm.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Skriv ett matematiskt uttryck här";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdterm.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdterm.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Kirjoita tähän matemaattinen lauseke";}

.sdeditorwrapper[data-elementmode="edit"] td.sdterm.sdempty[data-loc$="_term_0"] .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sdterm.sdempty[data-loc$="_term_0"] .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Write math expression here"; color: #ccc; font-size: 73%; font-family: GlacialIndifference, sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"]  td.sdterm.sdempty[data-loc$="_term_0"] .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"]  td.sdterm.sdempty[data-loc$="_term_0"] .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Write math expression here";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="sv"]  td.sdterm.sdempty[data-loc$="_term_0"] .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="sv"]  td.sdterm.sdempty[data-loc$="_term_0"] .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Skriv ett matematiskt uttryck här";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdterm.sdempty[data-loc$="_term_0"] .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdterm.sdempty[data-loc$="_term_0"] .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "Kirjoita tähän matemaattinen lauseke";}

.sdlayouttable .sdmath-button {
    flex-grow: 0;
    background: none;
    border: none;
    display: flex;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 2rem;
}

.sdlayouttable .sdmath-button:hover {
    background-color: var(--ffwbase-lighter);
}
.sdlayouttable .sdmath-button:focus {
    /* A fallback style for browsers that don't support :focus-visible */
    outline: 2px solid #959ca3;
}

.sdlayouttable .sdmath-button:focus:not(:focus-visible) {
    /* Remove the focus indicator on mouse-focus for browsers that do support :focus-visible */
    outline: none;
}

.sdlayouttable .sdmath-button:focus-visible {
    /* For keyboard-focus on browsers that do support :focus-visible */
    outline:2px solid #959ca3;
}
.sdlayouttable .sdmath-button[disabled] {
    cursor: default;
    background: none;
}
.sdelement-subderivtoggle .sdelement-subderivtoggle-show {
    display: none;
}
.sdsubhidden .sdelement-subderivtoggle .sdelement-subderivtoggle-show {
    display: block;
}
.sdsubhidden .sdelement-subderivtoggle .sdelement-subderivtoggle-hide {
    display: none;
}

.sdlayouttable .sdmath-button-wrapper {
    flex-grow: 0;
    display: flex;
    align-self: stretch;
    align-items: center;
    border-radius: 0 4px 4px 0;
    background-color: #f5fcff;
}
.sdlayouttable .mathtext .sdmath-button-wrapper {
    background-color:#fff;
}
.sdfield.currentFocus .sdmath-button-wrapper {
    border-left: 1px solid #d5d7da;
    background-color: #f4f5f6;
}
.sdlayouttable .sdmath-button-wrapper .sdmath-button:last-child {
    border-radius: 0 4px 4px 0;
}
.sdlayouttable .sdtask-button-wrapper,
.sdlayouttable .sdmot-button-wrapper {
    flex-grow: 0;
    display: flex;
    align-self: stretch;
    align-items: center;
    border-radius: 4px;
    width: 2.5rem;
    justify-content: flex-end;
}
.sdlayouttable .sdtask-button-wrapper {
    margin-right: -2.5rem;
}
.sdlayouttable.task .sdelement-explanation-and-field {
    padding-right: 2.5rem;
}
.sdlayouttable .sdtask-button-wrapper .sdmath-button:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.sdlayouttable .sdtask-button-wrapper .sdmath-button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.sdlayouttable .sdmot-button-wrapper .sdmath-button {
    border-radius: 4px;
}
.sdlayouttable .sdmath-button .mini-icon {
    height: 1.1rem;
    width: auto;
}
.sdlayouttable .sdmath-button .mini-icon-foreground {
    fill: var(--ffwbase-middle);
}
.sdlayouttable .sdmath-button:hover .mini-icon-foreground {
    fill: var(--ffwbase-dark);
}
.sdlayouttable .sdmath-button[disabled] .mini-icon-foreground {
    fill: #bfc3c8;
}
.sdlayouttable .sdmath-button.delete[data-action="backspace"] .mini-icon-trashbin {
    display: none;
}
.sdlayouttable .sdmath-button.delete[data-action="remove"] .mini-icon-clear {
    display: none;
}
.sdeditorwrapper[data-elementmode="view"] .sdlayouttable .sdmath-button.task-context-menu {
    /* display: none; */
}
.sdeditorwrapper[data-elementmode="edit"] td.sdfield .sdelement-fieldwrapper,
.sdeditorwrapper[data-elementmode="author"] td.sdfield .sdelement-fieldwrapper {
    border-radius: 4px;
    box-shadow: 0 0 1px 1px #d5d7da;
}
.sdeditorwrapper[data-elementmode="edit"] td.sdfield[data-readonly="true"] .sdelement-fieldwrapper,
.sdeditorwrapper[data-elementmode="author"] td.sdfield[data-readonly="true"] .sdelement-fieldwrapper {
    box-shadow: none;
}
.sdeditorwrapper[data-elementmode="edit"] td.sdmotivation .sdelement-fieldwrapper,
.sdeditorwrapper[data-elementmode="author"] td.sdmotivation .sdelement-fieldwrapper {
    border-radius: 4px;
}
.sdeditorwrapper[data-elementmode="edit"] td.sdfield.currentFocus .sdelement-fieldwrapper {
    box-shadow: 0 0 2px 2px #68b4df;
}
.sdeditorwrapper[data-elementmode="edit"] td.sdfield.currentFocus .sdelement-fieldwrapper.mathtext,
.sdeditorwrapper[data-elementmode="edit"] td.sdmotivation.currentFocus .sdelement-fieldwrapper.mathtext {
    box-shadow: 0 0 2px 2px #959ca3
}

.sdeditorwrapper[data-elementmode="edit"] td.sdrelation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"] td.sdrelation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "="; color: #ccc; font-size: 73%; font-family: GlacialIndifference, sans-serif; }
.sdeditorwrapper[data-elementmode="edit"][data-uilang="en"] td.sdrelation.sd.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="en"] td.sdrelation.sd.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "=";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="sv"] td.sdrelation.sd.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="sv"] td.sdrelation.sd.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "=";}
.sdeditorwrapper[data-elementmode="edit"][data-uilang="fi"] td.sdrelation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before,
.sdeditorwrapper[data-elementmode="author"][data-uilang="fi"] td.sdrelation.sdempty .mq-editable-field:not(.mq-focused) > .mq-textarea:before {content: "=";}

/***************************************
 * Hints / Localization end
 ***************************************/


/***************************************************
 * Review / markings
 */
.sdeditorwrapper[data-elementmode="review"] table.sdlayouttable > tbody > tr > td.sdnoteplace {
    padding: 5px 5px 5px 5px;
}
.sdeditor .manualreview {
    position: relative;
}
.sdeditor .subderivation .manualreview {
    position: absolute;
    left: -1.9em;
    top: 0.3em;
}
.sdeditor .manualreview .checkmark {
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
}
.sdeditor .subderivation .manualreview .checkcomment {
    top: -1em;
    right: auto;
    left: 2em;
}
.sdeditor .autogeneratedsubderivation .manualreview .checkcomment {
    top: 1.5em;
}
.sdeditor .manualreview.checkvisible .checkmark {
    background-color: rgba(200,200,200,0.5);
    box-shadow: -1px -1px 1px rgba(0,0,0,0.5),
                 1px  1px 1px rgba(255,255,255,0.8),
          inset  1px  1px 1px rgba(0,0,0,0.5),
          inset -1px -1px 1px rgba(255,255,255,0.9);
}
.sdeditorwrapper .sdmanualreviewwrapper {
    position: relative;
    height: 1.5em;
    width: 2.5em;
}
.sdeditorwrapper .sdmanualreviewbox {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    white-space: nowrap;
}
.sdeditorwrapper .sdmanualreviewbox.sdmarkboxopen {
    border-radius: 4px;
    border: 1px solid #666;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.sdeditorwrapper .sdmanualreviewbox input,
.sdeditorwrapper .sdmanualreviewbox button {
    display: none;
}
.sdeditorwrapper .sdmanualreviewbox.sdmarkboxopen input,
.sdeditorwrapper .sdmanualreviewbox.sdmarkboxopen button {
    display: inline-block;
}
.sdeditorwrapper .sdmanualreviewbox[data-marktype="empty"] input {
    visibility: hidden;
}

.sdeditorwrapper .sdmanualreviewbox .sdcorrect,
.sdeditorwrapper .sdmanualreviewbox .sdwrong,
.sdeditorwrapper .sdmanualreviewbox .sdnote,
.sdeditorwrapper .sdmanualreviewbox .sdempty {
    color: #777;
}
.sdeditorwrapper .sdmanualreviewbox .sdcorrect svg path.mini-icon-foreground,
.sdeditorwrapper .sdmanualreviewbox .sdwrong svg path.mini-icon-foreground,
.sdeditorwrapper .sdmanualreviewbox .sdnote svg path.mini-icon-foreground,
.sdeditorwrapper .sdmanualreviewbox .sdempty svg path.mini-icon-foreground {
    fill: #777;
}
.sdeditorwrapper .sdmanualreviewbox svg,
.sdeditorwrapper .sdmarkings-generalnote svg,
.sdeditorwrapper .manualreview svg {
    height: 1.5em;
    width: auto;
}
.sdeditorwrapper .sdmarkings-generalnote svg {
    height: 2.5em;
}
.sdeditorwrapper .sdmarkings-generalnote[data-marktype="correct"] .sdcheckmark,
.sdeditorwrapper .sdmanualreviewbox[data-marktype="correct"] .sdcorrect,
.sdeditorwrapper .manualreview .checkmark.sdcorrect {
    color: var(--ffwcorrect-normal, green);
}
.sdeditorwrapper .sdmarkings-generalnote[data-marktype="correct"] .sdcheckmark svg path.mini-icon-foreground,
.sdeditorwrapper .sdmanualreviewbox[data-marktype="correct"] .sdcorrect svg path.mini-icon-foreground,
.sdeditorwrapper .manualreview .checkmark.sdcorrect svg path.mini-icon-foreground {
    fill: var(--ffwcorrect-normal, green);
}
.sdeditorwrapper .sdmarkings-generalnote[data-marktype="wrong"] .sdcheckmark,
.sdeditorwrapper .sdmanualreviewbox[data-marktype="wrong"] .sdwrong,
.sdeditorwrapper .manualreview .checkmark.sdwrong {
    color: var(--ffwwrong-normal, #a00);
}
.sdeditorwrapper .sdmarkings-generalnote[data-marktype="wrong"] .sdcheckmark svg path.mini-icon-foreground,
.sdeditorwrapper .sdmanualreviewbox[data-marktype="wrong"] .sdwrong svg path.mini-icon-foreground,
.sdeditorwrapper .manualreview .checkmark.sdwrong svg path.mini-icon-foreground {
    fill: var(--ffwwrong-normal, #a00);
}
.sdeditorwrapper .sdmarkings-generalnote[data-marktype="note"] .sdcheckmark,
.sdeditorwrapper .sdmanualreviewbox[data-marktype="note"] .sdnote,
.sdeditorwrapper .manualreview .checkmark.sdnote {
    color: var(--ffwwrong-normal, #a00);
}
.sdeditorwrapper .sdmarkings-generalnote[data-marktype="note"] .sdcheckmark svg path.mini-icon-foreground,
.sdeditorwrapper .sdmanualreviewbox[data-marktype="note"] .sdnote svg path.mini-icon-foreground,
.sdeditorwrapper .manualreview .checkmark.sdnote svg path.mini-icon-foreground {
    fill: var(--ffwwrong-normal, #a00);
}
.sdeditorwrapper .sdmarkings-generalnote[data-marktype="empty"] .sdcheckmark,
.sdeditorwrapper .sdmanualreviewbox[data-marktype="empty"] .sdempty {
    color: black;
}
.sdeditor .manualreview .checkcomment {
    display: none;
    padding: 0.5em;
    background-color: var(--ffwnote, #ffa);
    border: 1px solid var(--ffwbase-midlight, black);
    box-shadow: 5px 5px 5px var(--ffwbase-light-transp, rgba(0,0,0,0.5));
    position: absolute;
    right: 2em;
    top: 0;
    min-width: 10em;
    z-index: 2;
}
.sdeditorwrapper .sdmanualreviewbox .sdcorrectionmarks span.sdmark {
    display: none;
    text-shadow: 1px 1px 2px #777;
    font-weight: bold;
    text-align: center;
    width: 1.8em;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    min-width: 1em;
    width: auto;
}
.sdeditorwrapper .sdmanualreviewbox .sdcorrectionmarks span.sdmark:hover {
    border: 1px solid #777;
    box-shadow: 0 0 2px #eee;
    border: 1px solid black;
}
.sdeditorwrapper .sdmanualreviewbox[data-marktype="correct"] span.sdcorrect,
.sdeditorwrapper .sdmanualreviewbox[data-marktype="wrong"] span.sdwrong,
.sdeditorwrapper .sdmanualreviewbox[data-marktype="note"] span.sdnote,
.sdeditorwrapper .sdmanualreviewbox[data-marktype="empty"] span.sdempty {
    display: inline-block;
}
.sdeditorwrapper .sdmanualreviewbox.sdmarkboxopen .sdcorrectionmarks span.sdmark {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}
.sdeditorwrapper .sdmanualreviewbox svg {
    height: 1em;
    width: auto;
}
.sdeditor .manualreview.checkvisible .checkcomment,
.sdeditor .manualreview:hover .checkcomment {
    display: block;
}
.sdeditor .manualreview.checkvisible .checkcomment:empty,
.sdeditor .manualreview:hover .checkcomment:empty {
	display: none;
}
.sdeditorwrapper .sdeditor.sdeditor-progressing .sdeditor-generalfeedback {
    display: none;
}
.sdeditorwrapper .sdmarkings-available {
    padding: 0;
    margin-left: auto;
    margin: 0.2em;
    z-index: 1;
}
.sdeditorwrapper .sdeditor-generalfeedback.sdmarkings-available {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1;
}
.sdeditorwrapper .sdmarkings-available .sdcheckmark {
	font-weight: bold;
}
.sdeditorwrapper .sdmarkings-available.sdmarkings-hidden .sdmarkings-note {
    display: none;
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note {
    padding: 0;
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note .sdmark svg {
    height: 1em;
    width: auto;
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note .sdmark svg path.mini-icon-foreground {
    fill: #777;
}
.sdeditorwrapper[data-elementmode="edit"] .sdmarkings-available .sdmarkings-note[data-marktype="empty"],
.sdeditorwrapper[data-elementmode="edit"] .sdmarkings-available .sdmarkings-note[data-marktype=""],
.sdeditorwrapper[data-elementmode="view"] .sdmarkings-available .sdmarkings-note[data-marktype="empty"],
.sdeditorwrapper[data-elementmode="view"] .sdmarkings-available .sdmarkings-note[data-marktype=""],
.sdeditorwrapper .sdmarkings-available .sdmarkings-note .sdmarkings-generalnote[data-marktype="empty"],
.sdeditorwrapper .sdmarkings-available .sdmarkings-note .sdmarkings-generalnote[data-marktype=""] {
	display: none;
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note span.sdmark.sdcorrect:hover,
.sdeditorwrapper .sdmarkings-available .sdmarkings-note[data-marktype="correct"] .sdmark.sdcorrect {
    color: var(--ffwcorrect-normal, green);
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note span.sdmark.sdcorrect:hover svg path.mini-icon-foreground,
.sdeditorwrapper .sdmarkings-available .sdmarkings-note[data-marktype="correct"] .sdmark.sdcorrect svg path.mini-icon-foreground {
    fill: var(--ffwcorrect-normal, green);
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note span.sdmark.sdwrong:hover,
.sdeditorwrapper .sdmarkings-available .sdmarkings-note[data-marktype="wrong"] .sdmark.sdwrong {
    color: var(--ffwwrong-normal, #a00);
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note span.sdmark.sdwrong:hover svg path.mini-icon-foreground,
.sdeditorwrapper .sdmarkings-available .sdmarkings-note[data-marktype="wrong"] .sdmark.sdwrong svg path.mini-icon-foreground {
    fill: var(--ffwwrong-normal, #a00);
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note span.sdmark.sdnote:hover,
.sdeditorwrapper .sdmarkings-available .sdmarkings-note[data-marktype="note"] .sdmark.sdnote {
    color: var(--ffwwrong-normal, red);
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note span.sdmark.sdnote:hover svg path.mini-icon-foreground,
.sdeditorwrapper .sdmarkings-available .sdmarkings-note[data-marktype="note"] .sdmark.sdnote svg path.mini-icon-foreground {
    fill: var(--ffwwrong-normal, red);
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note span.sdmark.sdempty:hover,
.sdeditorwrapper .sdmarkings-available .sdmarkings-note[data-marktype="empty"] .sdmark.sdempty {
    color: black;
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note[data-marktype="empty"] [data-noteloc] {
    visibility: hidden;
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note .sdmark {
    color: rgba(0,0,0,0.3);
    width: 1.2em;
    min-width: 1.2em;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin: 2px 0em;
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note .sdmark:hover {
    box-shadow: 0 0 1px black;
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note div.mathquill-editable {
    display: block;
    min-height: 2em;
    background-color: rgba(255,255,255,0.5);
    border: none;
}
.sdeditorwrapper .sdmarkings-available .sdmarkings-note div.mathquill-editable.hasCursor {
    box-shadow: 0 0 2px red;
}
.sdmarkings-available .sdmarkings-clipper {
    position: absolute;
    top: 0px;
    right: -10px;
}
.sdcorrectionmarks {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
}
.sdmanualreviewbox.sdmarkboxopen {
    display: flex;
    flex-flow: row nowrap;
}
.sdcorrectionmarks .sdmark {
    margin: 0.1em;
}
.sdelement .sdmarkings-generalnote {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.sdelement .sdmarkings-generalnote .sdcheckmark-text {
    flex-grow: 1;
}
.sdelement .sdmarkings-generalnote .sdcheckcomment {
    flex-grow: 1;
    flex-shrink: 1;
    text-align: right;
}
.sdelement .sdmarkings-generalnote .sdcheckmark {
    flex-grow: 0;
    flex-shrink: 0;
}
.sdelement .manualreview .sdelement-checkcomment-gemmahelp {
    display: none;
}
.gemmagpt-userallowed .sdelement .manualreview .sdelement-checkcomment-gemmahelp {
    display: block;
    margin-top: 0.5em;
}
.gemmagpt-userallowed .sdelement .manualreview button.sdelement-gemmahelp {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.sdelement .manualreview button.sdelement-gemmahelp svg {
    height: 4em;
    width: auto;
}


/**
 * End Review / Marking
 */


/**************************************************************************
 * Progress area
 */
.sdeditorwrapper .sdeditor-progress {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}
.sdeditorwrapper .sdeditor-progress .sdeditor-progress-text {
    flex-grow: 1;
    flex-shrink: 1;
    text-align: right;
}
.sdeditorwrapper .sdeditor-progress .sdeditor-progress-icon {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 1em;
    margin-right: 1em;
}
.sdeditorwrapper .sdeditor-progress .sdeditor-progress-icon svg {
    height: 40px;
    width: auto;
}






/****************************************
 * Editor themes
 * Notes
 */
[data-sdtheme="notes"] div.sdeditor {
    position: relative;
    padding: 0.4em;
    /*padding-top: 25px;*/
    padding-right: 0;
    border: 1px solid black;
    background: rgb(255,255,136); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,136,1) 0%, rgba(255,255,79,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,136,1)), color-stop(100%,rgba(255,255,79,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,136,1) 0%,rgba(255,255,79,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,136,1) 0%,rgba(255,255,79,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,136,1) 0%,rgba(255,255,79,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,136,1) 0%,rgba(255,255,79,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffff4f',GradientType=0 ); /* IE6-9 */
}
[data-sdtheme="notes"][data-elementmode="edit"] div.sdeditor,
[data-sdtheme="notes"][data-elementmode="author"] div.sdeditor {
    padding-right: 40px;
}
[data-sdtheme="notes"] div.sdeditor:before {
    content: " ";
    display: block;
    height: 50px;
    width: 95%;
    margin-left: 2.5%;
    position: absolute;
    bottom: 35px;
    background-color: rgba(0,0,0,0.5);
    box-shadow: 0 35px 10px rgba(0,0,0,0.5);
    z-index: -1;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
[data-sdtheme="notes"] div.sdeditor:after {
    content: " ";
    display: block;
    height: 50px;
    width: 95%;
    margin-left: 2.5%;
    position: absolute;
    bottom: 35px;
    background-color: rgba(0,0,0,0.5);
    box-shadow: 0 35px 10px rgba(0,0,0,0.5);
    z-index: -1;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}
[data-sdtheme="notes"] div.sdeditor td.sdempty .mathquill-editable {
    background-color: rgba(255,255,255,0.6);
}
[data-sdtheme="notes"].sdeditorwrapper .sdmarkings-available .sdmarkings-note {
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #fd0;
	border-radius: 0.3em;
}
[data-sdtheme="notes"].sdeditorwrapper .sdeditor-generalfeedback.sdmarkings-available .sdmarkings-note {
    background-color: #fdd;
    border: 1px solid #a55;
}



/**
 * Editor themes
 * Paper
 */
[data-sdtheme="paper"] div.sdeditor {
    position: relative;
    border: 1px solid transparent;
    padding: 20px 0.4em;
    padding-right: 48px;
    border-width: 8px 1px 8px 1px;
    -moz-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA4CAYAAACPKLr2AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAATnSURBVGiB7ZpdSFtnGIDfmBOj4tzo6NrmQOta7bKyWW0oo40gw1uvKuvYGIIMvFA2vNAVNh3awTZhY7uxyTEnGl3nRJpu6c90KjIUyeIUf7AEf4L29MRsEtPkJBq++PPuZpGT+BdzSunFeeC7yPu+3/s95+Tq4z2AiJDI6uzs/NJkMukOqjGbzZqurq5fWZYtSLRv/LJarUaGYc5Ffycq98ny8jIODw8/6e7uTo3PNzQ0UGazufb3qTHiCgvocDi4hoYGKr6OYZi3WZY9tt85HR0dRSsrKzg4ODjPMIxql6DBYCiwWCw/GQyGt6Ixi8XyAcdx24QQFAQBTSZTedyhKpvNNriysoKPNoL4aCOIa2tr+ODBgxGGYTIQEW7dunXWarWOTE1N4cDAgKu5uTkzXo5l2Zzx8fEAIQT9fj/evn37hxhBg8GgdzgcYUIITk5ObrAsW8my7Icul2uLEILRdffuXZO4cXt7+89erxcJITuChBBcW1vDnp6e2ba2NvP4+HgkHA4jIQTX19ext7f3L/EbbmlpyXc4HEHxOZOTkxsMw7wMiAhGo/Ga3W6PiAs8Hg9yHIfiGCEE+/r6HKLG551O505OLHjQCgaDeP/+fRsiKliWzZmenibxNYFAAE0m06dKjUbzuU6nY/Lz85UgIj09HTIzMyGeQCCQSdP0twAAPp+vpaCg4M1ozqfYAgCAY6jctU+MUqkEjUbzxsOHDzXZ2dmf5eXlnYyvoSgKVldXtQq73Y6XLl06sKEYt9sN/f39JampqSNFRUVemqZ3bBZSIgAAkLOdmlAvQRBArVaDWq3eM+90OoHKyspKWA4AgKZpyM3NvScIwt9iuWQ47GyVSgVUMo31en3K5ubmO0lZHZGUZDdSVFLPdmSSFnxeyIJSkQWlIgtKRRaUiiwoFVlQKrKgVGRBqbzwgtR8FgULytAzaRa9di4oIs+kH/USBVSusAk5r+2+/ybDUa+dh/YL/vPi/8WyoFRkQanIglKRBaUiC0pFFpSKLCgVWVAqz0UwFEr+SrGvoMfjgbm5uaQbR1lfX4eqqipnJJLcPSWF47g9E1arda60tPQLn88nxQ/m5+exq6srf2hoiBx179OnTyHl5s2bv/E8H5PgeR6am5s/mp2d/bq1tXUx0YYKBBD8AfB6vWJBAREjLMt+td9b9Hq9sL29HRNDRLhz5w4PAJBaUVHhEQQBo0Pr69ev90RHrsePH8+Znp6OGZVyHIednZ04MTERE19aWsLCwsJ7er3e5na7kRCCtbW1fyAiAIDCZrOF48euY2NjSNO0obGxMRQKhXbiCwsLqNVqrwEiglqtPtfb27tFCEGj0SgAgFo8tC4vL7cuLi7i6OgoVldXhzQazTcAkF1cXPxd9MGWlpbw6tWrv0RlSktL7S6XCy9evPhutM+VK1c+5nk+RrC+vv7P//ecrKmpWY32a2pqcsdM3Ovq6kYfP36Mp0+f1seP6wEgLSMjox4A3gMAlSiu7O7uDhNC8MaNG2Nxe9SnTp36HgAU4nhlZeWY3+9HQgjyPI80TZ8X7Xm1rKzsSUdHx1ZaWtrrMYIXLlwobmtr8xz1K43CwsKqmZkZPHHixNlE6gHglZKSkhmn04kWi+XfPfIqANDu+dWHVqstSeZTEp1O9+NR6gFAcebMmfrLly+/f1jtf9MLA0CGCqjeAAAAAElFTkSuQmCC) 8 1 8 1 repeat repeat;
    -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA4CAYAAACPKLr2AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAATnSURBVGiB7ZpdSFtnGIDfmBOj4tzo6NrmQOta7bKyWW0oo40gw1uvKuvYGIIMvFA2vNAVNh3awTZhY7uxyTEnGl3nRJpu6c90KjIUyeIUf7AEf4L29MRsEtPkJBq++PPuZpGT+BdzSunFeeC7yPu+3/s95+Tq4z2AiJDI6uzs/NJkMukOqjGbzZqurq5fWZYtSLRv/LJarUaGYc5Ffycq98ny8jIODw8/6e7uTo3PNzQ0UGazufb3qTHiCgvocDi4hoYGKr6OYZi3WZY9tt85HR0dRSsrKzg4ODjPMIxql6DBYCiwWCw/GQyGt6Ixi8XyAcdx24QQFAQBTSZTedyhKpvNNriysoKPNoL4aCOIa2tr+ODBgxGGYTIQEW7dunXWarWOTE1N4cDAgKu5uTkzXo5l2Zzx8fEAIQT9fj/evn37hxhBg8GgdzgcYUIITk5ObrAsW8my7Icul2uLEILRdffuXZO4cXt7+89erxcJITuChBBcW1vDnp6e2ba2NvP4+HgkHA4jIQTX19ext7f3L/EbbmlpyXc4HEHxOZOTkxsMw7wMiAhGo/Ga3W6PiAs8Hg9yHIfiGCEE+/r6HKLG551O505OLHjQCgaDeP/+fRsiKliWzZmenibxNYFAAE0m06dKjUbzuU6nY/Lz85UgIj09HTIzMyGeQCCQSdP0twAAPp+vpaCg4M1ozqfYAgCAY6jctU+MUqkEjUbzxsOHDzXZ2dmf5eXlnYyvoSgKVldXtQq73Y6XLl06sKEYt9sN/f39JampqSNFRUVemqZ3bBZSIgAAkLOdmlAvQRBArVaDWq3eM+90OoHKyspKWA4AgKZpyM3NvScIwt9iuWQ47GyVSgVUMo31en3K5ubmO0lZHZGUZDdSVFLPdmSSFnxeyIJSkQWlIgtKRRaUiiwoFVlQKrKgVGRBqbzwgtR8FgULytAzaRa9di4oIs+kH/USBVSusAk5r+2+/ybDUa+dh/YL/vPi/8WyoFRkQanIglKRBaUiC0pFFpSKLCgVWVAqz0UwFEr+SrGvoMfjgbm5uaQbR1lfX4eqqipnJJLcPSWF47g9E1arda60tPQLn88nxQ/m5+exq6srf2hoiBx179OnTyHl5s2bv/E8H5PgeR6am5s/mp2d/bq1tXUx0YYKBBD8AfB6vWJBAREjLMt+td9b9Hq9sL29HRNDRLhz5w4PAJBaUVHhEQQBo0Pr69ev90RHrsePH8+Znp6OGZVyHIednZ04MTERE19aWsLCwsJ7er3e5na7kRCCtbW1fyAiAIDCZrOF48euY2NjSNO0obGxMRQKhXbiCwsLqNVqrwEiglqtPtfb27tFCEGj0SgAgFo8tC4vL7cuLi7i6OgoVldXhzQazTcAkF1cXPxd9MGWlpbw6tWrv0RlSktL7S6XCy9evPhutM+VK1c+5nk+RrC+vv7P//ecrKmpWY32a2pqcsdM3Ovq6kYfP36Mp0+f1seP6wEgLSMjox4A3gMAlSiu7O7uDhNC8MaNG2Nxe9SnTp36HgAU4nhlZeWY3+9HQgjyPI80TZ8X7Xm1rKzsSUdHx1ZaWtrrMYIXLlwobmtr8xz1K43CwsKqmZkZPHHixNlE6gHglZKSkhmn04kWi+XfPfIqANDu+dWHVqstSeZTEp1O9+NR6gFAcebMmfrLly+/f1jtf9MLA0CGCqjeAAAAAElFTkSuQmCC) 8 1 8 1 repeat repeat;
    -o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA4CAYAAACPKLr2AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAATnSURBVGiB7ZpdSFtnGIDfmBOj4tzo6NrmQOta7bKyWW0oo40gw1uvKuvYGIIMvFA2vNAVNh3awTZhY7uxyTEnGl3nRJpu6c90KjIUyeIUf7AEf4L29MRsEtPkJBq++PPuZpGT+BdzSunFeeC7yPu+3/s95+Tq4z2AiJDI6uzs/NJkMukOqjGbzZqurq5fWZYtSLRv/LJarUaGYc5Ffycq98ny8jIODw8/6e7uTo3PNzQ0UGazufb3qTHiCgvocDi4hoYGKr6OYZi3WZY9tt85HR0dRSsrKzg4ODjPMIxql6DBYCiwWCw/GQyGt6Ixi8XyAcdx24QQFAQBTSZTedyhKpvNNriysoKPNoL4aCOIa2tr+ODBgxGGYTIQEW7dunXWarWOTE1N4cDAgKu5uTkzXo5l2Zzx8fEAIQT9fj/evn37hxhBg8GgdzgcYUIITk5ObrAsW8my7Icul2uLEILRdffuXZO4cXt7+89erxcJITuChBBcW1vDnp6e2ba2NvP4+HgkHA4jIQTX19ext7f3L/EbbmlpyXc4HEHxOZOTkxsMw7wMiAhGo/Ga3W6PiAs8Hg9yHIfiGCEE+/r6HKLG551O505OLHjQCgaDeP/+fRsiKliWzZmenibxNYFAAE0m06dKjUbzuU6nY/Lz85UgIj09HTIzMyGeQCCQSdP0twAAPp+vpaCg4M1ozqfYAgCAY6jctU+MUqkEjUbzxsOHDzXZ2dmf5eXlnYyvoSgKVldXtQq73Y6XLl06sKEYt9sN/f39JampqSNFRUVemqZ3bBZSIgAAkLOdmlAvQRBArVaDWq3eM+90OoHKyspKWA4AgKZpyM3NvScIwt9iuWQ47GyVSgVUMo31en3K5ubmO0lZHZGUZDdSVFLPdmSSFnxeyIJSkQWlIgtKRRaUiiwoFVlQKrKgVGRBqbzwgtR8FgULytAzaRa9di4oIs+kH/USBVSusAk5r+2+/ybDUa+dh/YL/vPi/8WyoFRkQanIglKRBaUiC0pFFpSKLCgVWVAqz0UwFEr+SrGvoMfjgbm5uaQbR1lfX4eqqipnJJLcPSWF47g9E1arda60tPQLn88nxQ/m5+exq6srf2hoiBx179OnTyHl5s2bv/E8H5PgeR6am5s/mp2d/bq1tXUx0YYKBBD8AfB6vWJBAREjLMt+td9b9Hq9sL29HRNDRLhz5w4PAJBaUVHhEQQBo0Pr69ev90RHrsePH8+Znp6OGZVyHIednZ04MTERE19aWsLCwsJ7er3e5na7kRCCtbW1fyAiAIDCZrOF48euY2NjSNO0obGxMRQKhXbiCwsLqNVqrwEiglqtPtfb27tFCEGj0SgAgFo8tC4vL7cuLi7i6OgoVldXhzQazTcAkF1cXPxd9MGWlpbw6tWrv0RlSktL7S6XCy9evPhutM+VK1c+5nk+RrC+vv7P//ecrKmpWY32a2pqcsdM3Ovq6kYfP36Mp0+f1seP6wEgLSMjox4A3gMAlSiu7O7uDhNC8MaNG2Nxe9SnTp36HgAU4nhlZeWY3+9HQgjyPI80TZ8X7Xm1rKzsSUdHx1ZaWtrrMYIXLlwobmtr8xz1K43CwsKqmZkZPHHixNlE6gHglZKSkhmn04kWi+XfPfIqANDu+dWHVqstSeZTEp1O9+NR6gFAcebMmfrLly+/f1jtf9MLA0CGCqjeAAAAAElFTkSuQmCC) 8 1 8 1 repeat repeat;
    border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA4CAYAAACPKLr2AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAATnSURBVGiB7ZpdSFtnGIDfmBOj4tzo6NrmQOta7bKyWW0oo40gw1uvKuvYGIIMvFA2vNAVNh3awTZhY7uxyTEnGl3nRJpu6c90KjIUyeIUf7AEf4L29MRsEtPkJBq++PPuZpGT+BdzSunFeeC7yPu+3/s95+Tq4z2AiJDI6uzs/NJkMukOqjGbzZqurq5fWZYtSLRv/LJarUaGYc5Ffycq98ny8jIODw8/6e7uTo3PNzQ0UGazufb3qTHiCgvocDi4hoYGKr6OYZi3WZY9tt85HR0dRSsrKzg4ODjPMIxql6DBYCiwWCw/GQyGt6Ixi8XyAcdx24QQFAQBTSZTedyhKpvNNriysoKPNoL4aCOIa2tr+ODBgxGGYTIQEW7dunXWarWOTE1N4cDAgKu5uTkzXo5l2Zzx8fEAIQT9fj/evn37hxhBg8GgdzgcYUIITk5ObrAsW8my7Icul2uLEILRdffuXZO4cXt7+89erxcJITuChBBcW1vDnp6e2ba2NvP4+HgkHA4jIQTX19ext7f3L/EbbmlpyXc4HEHxOZOTkxsMw7wMiAhGo/Ga3W6PiAs8Hg9yHIfiGCEE+/r6HKLG551O505OLHjQCgaDeP/+fRsiKliWzZmenibxNYFAAE0m06dKjUbzuU6nY/Lz85UgIj09HTIzMyGeQCCQSdP0twAAPp+vpaCg4M1ozqfYAgCAY6jctU+MUqkEjUbzxsOHDzXZ2dmf5eXlnYyvoSgKVldXtQq73Y6XLl06sKEYt9sN/f39JampqSNFRUVemqZ3bBZSIgAAkLOdmlAvQRBArVaDWq3eM+90OoHKyspKWA4AgKZpyM3NvScIwt9iuWQ47GyVSgVUMo31en3K5ubmO0lZHZGUZDdSVFLPdmSSFnxeyIJSkQWlIgtKRRaUiiwoFVlQKrKgVGRBqbzwgtR8FgULytAzaRa9di4oIs+kH/USBVSusAk5r+2+/ybDUa+dh/YL/vPi/8WyoFRkQanIglKRBaUiC0pFFpSKLCgVWVAqz0UwFEr+SrGvoMfjgbm5uaQbR1lfX4eqqipnJJLcPSWF47g9E1arda60tPQLn88nxQ/m5+exq6srf2hoiBx179OnTyHl5s2bv/E8H5PgeR6am5s/mp2d/bq1tXUx0YYKBBD8AfB6vWJBAREjLMt+td9b9Hq9sL29HRNDRLhz5w4PAJBaUVHhEQQBo0Pr69ev90RHrsePH8+Znp6OGZVyHIednZ04MTERE19aWsLCwsJ7er3e5na7kRCCtbW1fyAiAIDCZrOF48euY2NjSNO0obGxMRQKhXbiCwsLqNVqrwEiglqtPtfb27tFCEGj0SgAgFo8tC4vL7cuLi7i6OgoVldXhzQazTcAkF1cXPxd9MGWlpbw6tWrv0RlSktL7S6XCy9evPhutM+VK1c+5nk+RrC+vv7P//ecrKmpWY32a2pqcsdM3Ovq6kYfP36Mp0+f1seP6wEgLSMjox4A3gMAlSiu7O7uDhNC8MaNG2Nxe9SnTp36HgAU4nhlZeWY3+9HQgjyPI80TZ8X7Xm1rKzsSUdHx1ZaWtrrMYIXLlwobmtr8xz1K43CwsKqmZkZPHHixNlE6gHglZKSkhmn04kWi+XfPfIqANDu+dWHVqstSeZTEp1O9+NR6gFAcebMmfrLly+/f1jtf9MLA0CGCqjeAAAAAElFTkSuQmCC) 8 1 8 1 fill repeat repeat;
}
[data-sdtheme="paper"][data-elementmode="edit"] div.sdeditor,
[data-sdtheme="paper"][data-elementmode="author"] div.sdeditor {
    padding-right: 48px;
}
[data-sdtheme="paper"][data-elementmode="review"] div.sdeditor {
    padding-right: 0;
}
[data-sdtheme="paper"] div.sdeditor-buttonbar {
    margin-top: 10px;
    bottom: 10px;
    border: 1px solid #999;
    border-radius: 17px;
    padding-top: 17px;
    padding-bottom: 17px;
    margin-right: 8px;
}
[data-sdtheme="paper"].sdeditorwrapper .sdmarkings-available .sdmarkings-note {
    background-color: rgba(255,255,255,0.5);
    border: 2px solid #ddd;
	border-radius: 0.3em;
}
[data-sdtheme="paper"].sdeditorwrapper .sdeditor-generalfeedback.sdmarkings-available .sdmarkings-note {
    background-color: white;
    border: 1px solid #ddd;
	border-radius: 0;
}





/**
 * Editor themes
 * Sakura
 */
[data-sdtheme="sakura"] div.sdeditor {
    position: relative;
    border: 1px solid #faa;
	background-color: rgba(234,218,218,1);
    background-position: right  0 bottom 1em;
    background-repeat: no-repeat;
background-image: rgb(234,251,255); /* Old browsers */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,251,255,1)), color-stop(100%,rgba(234,218,218,1))); /* Chrome,Safari4+ */
background-image:
url(data:image/png;base64,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),
-moz-linear-gradient(top, rgba(234,251,255,1) 0%, rgba(234,218,218,1) 100%);
background-image: -webkit-linear-gradient(top, rgba(234,251,255,1) 0%,rgba(234,218,218,1) 100%); /* Chrome10+,Safari5.1+ */
    background-image:
url(data:image/png;base64,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),
-webkit-linear-gradient(top, rgba(234,251,255,1) 0%,rgba(234,218,218,1) 100%),
linear-gradient(to bottom, rgba(234,251,255,1) 0%,rgba(234,218,218,1) 100%); /* W3C */
background-image: -o-linear-gradient(top, rgba(234,251,255,1) 0%,rgba(234,218,218,1) 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, rgba(234,251,255,1) 0%,rgba(234,218,218,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eafbff', endColorstr='#eadada',GradientType=0 ); /* IE6-9 */
}
[data-sdtheme="sakura"] div.sdeditor:before {
    content: " ";
    display: block;
    height: 50px;
    width: 95%;
    margin-left: 2.5%;
    position: absolute;
    bottom: 15px;
    background-color: rgba(0,0,0,0.5);
    box-shadow: 0 15px 10px rgba(0,0,0,0.5);
    z-index: -1;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
[data-sdtheme="sakura"] div.sdeditor:after {
    content: " ";
    display: block;
    height: 50px;
    width: 95%;
    margin-left: 2.5%;
    position: absolute;
    bottom: 15px;
    background-color: rgba(0,0,0,0.5);
    box-shadow: 0 15px 10px rgba(0,0,0,0.5);
    z-index: -1;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}
[data-sdtheme="sakura"].sdeditorwrapper .sdmarkings-available .sdmarkings-note {
    background-color: rgba(255,255,255,0.5);
    border: 3px solid #fcc;
	border-radius: 0.3em;
}
[data-sdtheme="sakura"].sdeditorwrapper .sdeditor-generalfeedback.sdmarkings-available .sdmarkings-note {
    background-color: #fdd;
    border: 1px solid #a55;
	border-radius: 0;
}


/**
 * Question type selector
 */
.sdeditorwrapper[data-elementmode="view"] .sdelement-questiontype-selector,
.sdeditorwrapper[data-elementmode="edit"] .sdelement-questiontype-selector,
.sdeditorwrapper[data-elementmode="author"] .sdelement-questiontype-selector,
.sdeditorwrapper[data-elementmode="review"] .sdelement-questiontype-selector {
    flex-grow: 0;
    flex-shrink: 0;
}

.sdeditorwrapper[data-elementmode="view"] .sdeditor-questiontype,
.sdeditorwrapper[data-elementmode="edit"] .sdeditor-questiontype,
.sdeditorwrapper[data-elementmode="author"] .sdeditor-questiontype,
.sdeditorwrapper[data-elementmode="review"] .sdeditor-questiontype {
	margin-right: 0.8em;
    text-decoration: underline;
    color: var(--emath-extralink, #327c89);
    display: inline-block;
    padding: 0.5em 0;
	cursor: pointer;
}

/*****************************************************************
 * Attributes
 *******/
.sdeditorwrapper [data-color="black"] {
	color: black;
}
.sdeditorwrapper [data-color="red"] {
	color: var(--ffwcolor-red, red);
}
.sdeditorwrapper [data-color="yellow"] {
	color: var(--ffwcolor-yellow, gold);
}
.sdeditorwrapper [data-color="blue"] {
	color: var(--ffwcolor-blue, blue);
}
.sdeditorwrapper [data-color="green"] {
	color: var(--ffwcolor-green, green);
}
.sdeditorwrapper [data-color="orange"] {
	color: var(--ffwcolor-orange, #F96B00);
}
.sdeditorwrapper [data-color="violet"] {
	color: var(--ffwcolor-violet, #a0f);
}
.sdeditorwrapper [data-color="brown"] {
	color: var(--ffwcolor-brown, #632);
}
.sdeditorwrapper [data-hidden="true"] {
	background-color: #eee;
	color: #777;
}
.sdeditorwrapper [data-invisible="true"] {
	background-color: #fee;
	opacity: 0.5;
}
.sdeditorwrapper[data-elementmode$="view"] [data-hidden="true"] {
	display: none;
}
.sdeditorwrapper[data-elementmode$="view"] [data-invisible="true"] {
	visibility: hidden;
}
.sdeditorwrapper [data-weight="bold"],
.sdeditorwrapper [data-weight="bold"] span {
	font-weight: bold!important;
}
.sdeditorwrapper[data-elementmode="edit"] [data-hidden="true"][data-readonly="true"] {
    display: none;
}
.sdelement[data-elementmode="author"] td.sdfield[data-readonly="true"],
.sdelement[data-elementmode="author"] td.sdmotivation[data-readonly="true"] {
    outline: 2px solid orange;
}



/**
 * Mobile rules
 */
@media only screen and (max-width: 1400px) {
    .sdeditorwrapper .sdlayouttable > tbody > tr > td.sdelement-typecolumn {
        font-size: 85%;
        width: 0;
        position: relative;
    }
    .sdeditorwrapper .sdlayouttable > tbody > tr > td.sdelement-typecolumn .sdelement-fieldtype {
        display: block;
        position: relative;
        top: -2em;
    }
}
@media only screen and (max-width: 800px) {
    .sdeditorwrapper .sdlayouttable > tbody > tr > td.sdelement-typecolumn {
        font-size: 80%;
        width: 0;
    }
    .sdeditorwrapper .sdlayouttable .sdelement-fieldtype {
        display: none;
    }
    .sdeditorwrapper .sdmarkings-generalnote svg {
        height: 1.8em;
    }
    [data-elementmode="view"] div.sdeditor {
        padding: 0.1em 0.2em;
    }
    .sdeditorwrapper .sdeditor-derivationstep,
    .sdeditorwrapper .sdeditor-derivationstep-lastadd {
        margin: 0 4px;
    }
    .sdeditorwrapper .sdeditor-container {
    }
    .sdelement .sdmarkings-generalnote .sdcheckcomment {
    }
    .sdelement td.sdmotivation.sdempty .mq-editable-field > .mq-textarea::before {
        display: none;
    }
}

/**
 * Print rules
 */
@media print {
    .sdeditorwrapper[data-elementmode="view"] div.sdeditor,
    .sdeditorwrapper[data-elementmode="review"] div.sdeditor,
    .sdeditorwrapper[data-elementmode="edit"] div.sdeditor,
    .sdeditorwrapper[data-elementmode="author"] div.sdeditor,
    .sdeditorwrapper div.sdeditor .sdeditor-derivationstep,
    .sdeditorwrapper div.sdeditor .sdeditor-derivationstep table.sdlayouttable,
    .sdeditorwrapper div.sdeditor .sdeditor-derivationstep table.sdlayouttable tbody {
        background-color: transparent;
    }
    .sdeditorwrapper .sdeditor-buttonbar {
        display: none!important;
    }
    .sdeditorwrapper .sdelement-fieldmode {
        display: none!important;
    }
}

/****************************************
 * Mathquill-fix
 ****************************************/
/*.mathquill-editable span.cursor {margin-left: 1px; margin-right: -1px;}*/