@charset "utf-8";
/* CSS Document */

.btn-nextExtract, .nextExtractBtn, .btn-next {
    float: right;
}
.placeholder .img-responsive {
    max-height: 450px;
    margin: 0px auto;
}

.fa-search-plus {
    font-size: 2em;
    color: #3D6888;
    position: absolute;
    right: 10px;
    top: 10px;
}

.questions {
	border-top: 2px solid #3D6888;
	margin-top:1.5em
}

.questions li{
	margin-top:10px;
	padding-bottom: 10px;
	list-style: none;
	border-bottom: 1px solid #A0CBEB;
}

.questions button{
	margin-left: 25px;
	background: rgba(159,203,235,0.4);
	color: #3D6888;
	border: 1px solid rgba(14,57,89,0.4)
}

.hint p {
    margin-top: -15px;
    font-style: italic;
	font-size: 0.95em;
	background: rgba(159,203,235,0.3);
    padding: 0px 5px;
}

span.result {
    margin-left: 10px;
}

.squaredFour {
  width: 25px;
  position: relative;
	float:right;
	margin-right: 30px;
	margin-top:4px
}
.squaredFour label {
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fcfff4;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfff4), to(#A0CBEB));
  background: linear-gradient(to bottom, #fcfff4 0%, #A0CBEB 100%);
  border-radius: 4px;
  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.squaredFour label:after {
    content: '';
    width: 14px;
    height: 7px;
    position: absolute;
    top: 8px;
    left: 6px;
    border: 3px solid #0E3959;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.squaredFour label:hover::after {
  opacity: 0.5;
}
.squaredFour input[type=checkbox] {
  visibility: hidden;
}
.squaredFour input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.feedback.well {
    margin: 20px 5px;
	font-size: 16px
}

.article {
    background: rgba(61,104,135,0.175);
    padding: 25px 30px;
    border: 2px solid rgba(61,104,135,1);
    border-radius: 3px;
}


.lists li {
    border-bottom: 0px solid black;
    background: rgba(61,104,135,0.1);
    padding: 2px;
}

#activitySortableList li, #order li {
    border-bottom: 10px solid white;
    list-style: none;
    padding: 10px 15px;
}

#activitySortableList li{
	background: #A0CBEB;
	cursor: s-resize;
}

#order li{
	background: #3D6888;
	color:white;
}

.ui-draggable.being-dragged {
    background: rgba(61,104,135, 0.8);
    color: #fff;
    z-index: 6;
	padding:3px 2px;
    -webkit-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
    -moz-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
    box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
}