.acediv {
	width: 100%; 
  	height: auto; 
    min-height: 30px;
  	border: 1px solid #ccc;
  	margin-bottom: 0.5em;
}

.mark-code-progress {
    padding: 0.2em 1em;
    margin: 0.5em 0;
    text-align: center;
}

.programming-stderr {
    border-color: red;
  	max-width: 40vw;
  	width: 60em;
}

.programming-stdout {
  	max-width: 40vw;
  	width: 60em;
}

.part.type-mark-code .warnings {
    max-width: 100%;
    position: relative;
}

.part.type-gapfill > .prompt .part.type-mark-code.gap {
    display: block;
    margin: 0.5em 0;
}

.student-answer.has-warnings .acediv {
    border-top-style: dashed;
    border-left-style: dashed;
    border-right-style: dashed;
    border-color: hsl(30,20%,50%);
    background: hsl(30,20%,95%);
}
.part:not(.dirty) > .student-answer[feedback-state='correct'] .acediv {
    border-color: hsl(120, 50%, 50%);
    background: hsl(120, 50%, 95%);
}
.part:not(.dirty) > .student-answer[feedback-state='wrong'] .acediv {
    border-color: hsl(0, 50%, 50%);
    background: hsl(0, 50%, 95%);
}
.part:not(.dirty) > .student-answer[feedback-state='partial'] .acediv {
    border-color: rgb(30, 30, 30);
    background: rgb(240, 245, 240);
}
.part:not(.dirty) > .student-answer.answered[feedback-state='none'] .acediv {
    border-color: rgb(36, 146, 219);
    background: rgb(233, 244, 251);
}

.part .feedbackMessages {
  max-width: unset;
}

code {
   color: #333;
   background-color: #F3F3F3;
}