span.rdgm_show_me {
   color:            black !important;
}
div.hotspot_image_stack {
   display:          inline-block;
   position:         relative;
}
.wp-editor         div.hotspot_image_stack canvas.layer0_edited,
.wp-editor         div.hotspot_image_stack img.layer0_edited,
.wp-block-freeform div.hotspot_image_stack canvas.layer0_edited,
.wp-block-freeform div.hotspot_image_stack img.layer0_edited {
   display:          block;
   position:         absolute;
   left:             0;
   top:              0;
}
img.hotspot_image_layer {
   position:         absolute;
   left:             0;
   top:              0;
   width:            100%;
   height:           100%;
}
div.rdgm_hotspot_label {
   display:          block    !important;
   position:         absolute !important;
   min-width:        15px;
   text-align:       center;
   padding:          2px 22px 2px 2px !important;
   font-size:        10pt;
   line-height:      normal;
   border:           1px solid gray;
   text-shadow:      1px 1px 1px white;
   z-index:          256;
}
div.rdgm_hotspot_label p {
   margin:           0 !important;
   line-height:      normal !important;
}
div.rdgm_hotspot_label_handle {
   display:          block;
   position:         absolute;
   right:            0;
   top:              0;
   width:            22px;
   height:           100%;
   border-left:      1px solid gray;
   cursor:           move;
}
div.rdgm_hotspot_label_tooltip {
   position:         absolute;
   left:             5px;
   top:              calc(100% + 5px);
   width:            250px;
   height:           50px;
   padding:          3px;
   text-align:       center;
   font-size:        8pt;
   line-height:      1.4em;
   border:           1px solid gray;
   z-index:          2;
   background:       white;
}
div.rdgm_hotspot_deleted {
   display:          none !important;
}
/* opacity 0.47 corresponds to alpha value 121/255. */
div.rdgm_hotspot_label.rdgm_hotspot_color0 {
   background:          rgba(202,198,191, 0.47);
}
div.rdgm_hotspot_label.rdgm_hotspot_color1 {
   background:          rgba(143,131,102, 0.47);
}
div.rdgm_hotspot_label.rdgm_hotspot_color2 {
   background:          rgba(239,210,130, 0.47);
}
div.rdgm_hotspot_label.rdgm_hotspot_color3 {
   background:          rgba(106,80,0, 0.47);
}
div.rdgm_hotspot_label.rdgm_hotspot_color4 {
   background:          rgba(251,209,30, 0.47);
}
div.rdgm_hotspot_label.rdgm_hotspot_color5 {
   background:          rgba(0,210,255, 0.47);
}
div.rdgm_hotspot_label.rdgm_hotspot_color6 {
   background:          rgba(0,123,201, 0.47);
}
div.rdgm_hotspot_label.rdgm_hotspot_color7 {
   background:          rgba(0,86,234, 0.47);
}
div.rdgm_hotspot_label.rdgm_hotspot_color8 {
   background:          rgba(123,132,147, 0.47);
}
div.rdgm_hotspot_label.rdgm_hotspot_color9 {
   background:          rgba(218,227,243, 0.47);
}
div#dialog_rwizard div.hangman_labeled_diagram_fields {
   display:             block !important;
}
div.hotspot_label_feedback {
   display:             none;
   position:            absolute;
   min-width:           115px;
   max-width:           400px;
   min-height:          27.6px;
   padding:             2px;
   border:              1px dotted gray;
   background:          white;
   line-height:         normal;
   z-index:             2;
}
div.hotspot_label_feedback_show {
   display:             block;
}
div.hotspot_label_feedback_correct {
   left:                calc(100% + 5px);  /* At left of label plus a bit. */
   top:                 0;
}
div.hotspot_label_feedback_incorrect {
   left:                0;     /* Lined up with correct. */
   top:                 calc(100% + 5px);  /* At bottom of correct plus a bit. */
}
.rdgm_edit_image {
   display:          inline-block;
}
.rdgm_edit_image img {
   max-width:        none;
}
div.rdgm_edit_question {
   position:        relative;
   border:          1px dotted blue;
   margin-bottom:   10px;
   padding:         5px;
}
div.rdgm_edit_question_bottom_border_title {
   position:        absolute;
   width:           100%;
   height:          10px;
   left:            0px;
   bottom:          -7px;
   cursor:          help;
   font-size:       0.1px;
}
div.rdgm_edit_canvas {
   position:        relative;
   min-height:      250px;
   /*
   outline:         2px solid black;
   padding:         5px;
   */
}
div.rdgm_edit_canvas p {
   margin:          0;
}
.rdgm_edit_highlight_label_border {
   border:          1px dotted gray;
}
div.rdgm_edit_target {
   width:           120px;
   height:          28px;
   margin-right:     -124px;
   margin-bottom:   -32px;
   position:        relative;
   z-index:         2;
   cursor:          move;
}
.rdgm_edit_border_all {
   border-width:    2px;
}
.rdgm_edit_border_left {
   border-width:    2px 0px 2px 2px;
}
.rdgm_edit_border_right {
   border-width:    2px 2px 2px 0px;
}
.rdgm_edit_border_center {
   border-width:    2px 0px 2px 0px;
}
.rdgm_edit_border_class_red {
   border-color:    red;
}
.rdgm_edit_border_class_magenta {
   border-color:    magenta;
}
.rdgm_edit_border_class_blue {
   border-color:    blue;
}
.rdgm_edit_border_class_aqua {
   border-color:    aqua;
}
.rdgm_edit_border_class_black {
   border-color:    black;
}
.rdgm_edit_border_class_silver {
   border-color:    silver;
}
.rdgm_edit_border_class_dotted {
   border-style:    dotted;
}
.rdgm_edit_border_class_dashed {
   border-style:    dashed;
}
.rdgm_edit_border_class_solid {
   border-style:    solid;
}
.rdgm_edit_border_class_width {
   border-width:    2px;
}
div.hangman_label {
   outline:         3px dashed blue;
   cursor:          move;
}