/* Arrow */

.arrow-container{
  max-width: 100px;
  margin: 0 auto;
}

.arrow-title {
  height: 80px;
  max-height: 80px;
}

.arrow-title h3 {
  line-height: 80px;
}

#arrowUp {
  vertical-align: bottom;
}

 #arrowDown {
  vertical-align: top;
}

.arrowShape {
  width: 50%;
  height: 0;
  padding-top: 48%;
  position: relative;
  margin: 0 auto;
}

svg {
  position: absolute;
  top: 0;
  left: 0;
}

/* Sortable List */

.sortable {
  margin: 30px 0;
}

.sortable li {
  margin-bottom: 5px;
}

.btn-group {
  width: 100%;
}

.btn-non-btn, .btn-non-btn:hover, .btn-non-btn.active, .btn-non-btn:active, .btn-non-btn.focus, .btn-non-btn:focus, .btn-non-btn.active.focus, .btn-non-btn.active:focus, .btn-non-btn.active:hover, .btn-non-btn:active.focus, .btn-non-btn:active:focus, .btn-non-btn:active:hover {
  background-color: rgba(255,255,255,1);
  border-color: rgba(82,85,100,1);
  color: rgba(82,85,100,1);
  cursor: ns-resize;
}

.btn-no-action {
  cursor: default!important;
}


/* Hide Suggested Resposne on Load */

.suggestedResponse {
  display: none;
}



/* Essay Modal */

.modal-essay .modal-header {
  background: rgba(194,91,86,1);
}

.poemtxt{
border-radius: 4px;
    border: 1px solid #ddd;
    padding: 10px;
}

/* highlighter key */

.color-picker {
  display: block;
  margin: 10px 0 20px;
  text-align: center;
}

.color-picker div {
  border-radius: 12px;
  border: 1px solid #111;
  cursor: pointer;
  display: inline-block;
  height: 23px;
  margin: 5px 8px;
  width: 23px;
}

.color-picker div:hover {
  border: 1px solid #444;
}

.color-picker div.selected {
  box-shadow: #666 0 0 4px 2px;
}


.highlight{
  cursor: pointer;
}

@media print {
   .btn-non-btn {
    display: block!important;
   }

   .highlighted {
      font-weight: bold;
   }

   .color-picker {
    display: none;
   }

   #slideInHighlights {
    display: none;
   }
}