.qti-interaction-editor {
    padding: 6px;
    border: 1px solid grey;
}

.qti-render-prompt {
    margin-bottom: 10px;
	font-size: 16px !important;
}

.qti-render-prompt > object {
    margin-bottom: 10px;
	border: 1px solid grey;
}

.qti-render-prompt > p {
    margin-top: 0;
    margin-bottom: 0;
}

.qti-title {
	padding: 3px;
	margin-bottom: 8px;
	font-style: italic;
}

.qti-title-close {
	float: right;
	display: inline-block;
}

.qti-title-close:hover {
	opacity: 1;
}

.qti-toolbar {
	margin-bottom: 20px;
	padding: 6px;
	border: 1px solid #ccc;
}

.qti-toolbar-button {
	cursor: pointer;
	display: inline-block;
	border: 1px solid transparent;
}

.qti-examples-button {
	padding: 3px 5px;
}

.qti-toolbar-button:hover {
	border-color: #bbb;
	background-color: #ddd;
}

.qti-toolbar-button > span {
	padding-left: 20px;
	display: inline-block;
	height: 16px;
	font-size: smaller;
	background-repeat: no-repeat;
}

.qti-preview-icon {
	background-image: url(images/preview.png);
}

.qti-preview-icon:after {
	content: "Preview...";
}

.qti-examples-icon {
	background-image: url(images/lightbulb.png);
}

.qti-examples-icon:after {
	content: "Examples...";
}

.qti-eee {
	color: #222;
	background: #eee;
	background: -ms-linear-gradient(top, #eee, #ddd);
	background: -webkit-linear-gradient(top, #eee, #ddd);
	background: -moz-linear-gradient(top, #eee, #ddd);
	background: linear-gradient(top, #eee, #ddd);
}

.qti-f8f8f8 {
	color: #222;
	background: #f8f8f8;
	background: -ms-linear-gradient(top, #f8f8f8, #eee);
	background: -webkit-linear-gradient(top, #f8f8f8, #eee);
	background: -moz-linear-gradient(top, #f8f8f8, #eee);
	background: linear-gradient(top, #f8f8f8, #eee);
}

.qti-ddd-hover:hover {
	background: #ddd;
	background: -ms-linear-gradient(top, #ddd, #ccc);
	background: -webkit-linear-gradient(top, #ddd, #ccc);
	background: -moz-linear-gradient(top, #ddd, #ccc);
	background: linear-gradient(top, #ddd, #ccc);
}

.qti-666 {
	color: white;
	background: #666;
	background: -ms-linear-gradient(top, #666, #444);
	background: -webkit-linear-gradient(top, #666, #444);
	background: -moz-linear-gradient(top, #666, #444);
	background: linear-gradient(top, #666, #444);
}

.qti-header {
	font-size: small;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 2px;
}

.qti-cke-justify-left {
	text-align: left;
}

.qti-cke-justify-center {
	text-align: center;
}

.qti-cke-justify-right {
	text-align: right;
}

.qti-cke-justify-full {
	text-align: justify;
}


/* qtiv prefix classes are for validation only */
.qtiv-title-success {
    background-color: #dff0d8 !important;
}
.qtiv-title-error {
    background-color: #f2dede !important;
}
.qtiv-title-warn {
    background-color: #fcf8e3 !important;
}
.qtiv-box-success {
    border: 1px solid #468847 !important;
}
.qtiv-box-error {
    border: 1px solid #b94a48 !important;
    background-color: #f2dede !important;
}
.qtiv-box-warn {
    border: 1px solid #c09853 !important;
    background-color: #fcf8e3 !important;
}
.qtiv-icon-info, .qtiv-icon-success, .qtiv-icon-warn, .qtiv-icon-error {
    #border: 1px solid;
    #margin: 1px 0px;
    padding: 3px 2px 3px 20px;
    background-repeat: no-repeat;
    background-position: 2px center;
    color: black;
}
.qtiv-icon-info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}
.qtiv-icon-success {
    color: #4F8A10;
    background-image:url('images/greencheck.png');
}
.qtiv-icon-warn {
    color: #7B3F00;
    background-image: url('images/warning.png');
    background-size:15px 15px;
    background-repeat:no-repeat;
}
.qtiv-icon-error {
    color: red;
    background-image: url('images/red_x.png');
}

.qtiv-strike {
    text-decoration:line-through;
}

.qti-messages {
    border-top: 1px solid;
    margin: 10px 0px 0px 0px;
    padding: 10px;
    font-family: "Lucida Grande", Tahoma;
	font-size: 14px;
	font-weight: lighter;
	font-variant: normal;
	color: black;
	letter-spacing: 0.1em;
	line-height: 1.2em;
    background-color:whitesmoke;
}

.qti-messages.hidden {
    display:none;
    visibility:hidden;
}

/* CAN NOT SET Global tag styles like this for a plugin.
 * Need to scope it into some container.
 */
/*
img {
    max-width:100%;
    max-height:100%;
}
*/

/* Rubric formatting */

.qti-rubric {
    font-family: "Lucida Grande", Tahoma;
	font-weight: lighter;
	font-variant: normal;
	color: #666666;
    margin-top: 10px;
}
div.qti-rubric-content{
    overflow-x: auto;
}
span.qti-rubric-content-data {
    font-weight: bold;
}

table.qti-rubric-content-criteria {
    border-collapse: collapse;
    margin-top: 10px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 95%;
}

table.qti-rubric-content-criteria > thead > tr > th {
    padding: 2px 4px;
}

table.qti-rubric-content-criteria > tbody > tr > th{
	text-align: inherit;
	background-color: #FFFFFF;
}
table.qti-rubric-content-criteria > tbody > tr > th,
table.qti-rubric-content-criteria > tbody > tr > td {
    vertical-align: top;
    border: 1px solid #ccc;
    padding: 2px 4px;
}

table.qti-rubric-content-criteria > tbody > tr > td.title,
table.qti-rubric-content-criteria > tbody > tr > td.pointvalue {
    text-align: center;
}

.qti-transparent-div {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.2);
}

.qti-no-scroll {
	overflow: hidden;
}

.qti_isa_info, .qti_isa_success, .qti_isa_warning, .qti_isa_error {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    border-radius:.5em;
}

.qti_isa_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}

.qti_isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/greencheck.png');
}

.qti_isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}

.qti_isa_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/red_x.png');
}

/* Standalone Testing for OLA tools */
.qti-erasercursor {
    CURSOR: url(images/standalone/eraser.cur);
}
.qti-eliminatorcursor{
    CURSOR: url(images/standalone/eliminator.cur);
}
.qti-elim
{
    background-image:url(images/standalone/tb-elim-u.png);
}
.qti-eras
{
    background-image:url(images/standalone/tb-eras-u.png);
}

.qti-ola-clra {
	float: right;
}

label[for="elim"], label[for="eras"] {
	float: right;
}

label[for="elim"] > .ui-button-text,
label[for="eras"] > .ui-button-text,
label[for="clra"] > .ui-button-text {
	padding: 0;
}

.qti-ola-elim, .qti-ola-eras, .qti-ola-clra {
    background-repeat: no-repeat;
    background-position: center center;
    height: 26px;
    width: 26px;
	display: inline-block;
}

.qti-ola-elim { background-image: url(images/standalone/tb-elim-u.png); }
.qti-ola-eras { background-image: url(images/standalone/tb-eras-u.png); }
.qti-ola-clra { background-image: url(images/standalone/tb-clra-u.png); }

/* end standalone Testing for OLA tools */

.qti-hidden {
    display:none;
    visibility:hidden;
}

.qti-disabled-ptr-evts {
    pointer-events: none;
    opacity: 0.4;
    background-color: #ffd5d5 ;
}

.qti-bad-xml.ui-dialog {
	font-size: smaller;
}

.qti-bad-xml textarea {
	position: absolute;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 4px;
	left: 0;
	top: 70px;
	bottom: 0;
	width: 95%;
}

body .cke_button__examples_label, body .cke_button__qti_preview_label , body .cke_button__templates_label , body .cke_button__sidebysideconverter_label {
	display: inline;
}

body .qti-composer-validation-message {
	float: left;
	margin-bottom: 6px;
	margin-top: 4px;
	display: none;
	color: #c00;
	cursor: default;
	white-space: normal;
}

div.wsc-badge--animationMove {
    /* !important here is required to override vendor CSS */
    left: 9rem !important;
}

.select2-selection math {
	padding: 3px 0;
	font-size: 18px;
}

.select2-results math {
	font-size: 18px;
}

.cke_editable .select2-selection__rendered {
	min-height: 100%;
	display: flex !important;
	align-items: center
}

#textReader {
	position: absolute;
	left: 50%;
	right: 50%;
	height: 50px;
	width: 50px;
	bottom: 100px;
	border-radius: 50%;
	background-color: #12B19F;
}

.tts-reader {
	height: 30px;
	width: 30px;
	padding-right: 5px;
	padding-left: 6px;
	position: absolute;
	top: 7px;
	border-radius: 30px;
	cursor: pointer;
}
.qti-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

#MathJax_Message {
	visibility: hidden !important;
}

li.select2-results__option [id^="MathJax-Element-"][id$="-Frame"] * {
	color: #0a0a0a !important;
}