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

#dragAnswers{
   margin-bottom:30px;
   text-align: center;
}

.dropArea{
	margin-top: 20px
}

.draggable{
    background: #1C3738;
    color: #E6E6E6;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
	width: 100%;
	position: relative;
	z-index:99;
}

.dropZone{
    border: 1px solid #fff;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    color: #000;
    width: 100%;
	    min-height: 50px;
}

.highlight{
	padding:3px
}

h4{
    font-size: large;
}

/*feedback*/

.well {
    background-color: rgba(255,87,34,0.2);
    border: 1px solid rgba(239,83,80,1);
}

#activity-feedback {
    margin-top: 5px;
    float: left;
    font-size: 1.1em;
    font-weight: 600;
}
#activity-feedback p {
    display: none;
}


/*Highlight*/
span.reveal {
    text-decoration: underline;
    color: #737C78;
    background: white;
    padding: 3px;
}

#sandbox span {
    display: inline-block;
}

p.author {
    text-align: right;
    font-size: 1.2em;
    font-weight: bold;
}

button#remove {
    float: right;
}


span.reveal{
    background-color: none !important;
    
}

.color-picker{
	visibility: hidden; 
	    margin: 10px 0 .2em;
}

.statements{
margin-top: 2%;
}

.statements.rightly p {
    float:right;
	text-align: right;
}

.statements.leftly p {
    float:left;
	text-align: left;
}

.statements p {
    padding: 10px;
    margin: 10px 0px 10px 0px;
	background: #737C78;
    color: #EEEEEE;

}

.left-icon textarea {
    padding-left: 10px;
    margin: 10px 0px;
    min-height: 100px;
}


textarea {
  resize: vertical;
}

div.one, div.two, div.three{
	margin-top:2.5em;;
}

.c1 {background-color:#FE5F55}
.c2 {background-color:#D9BC70}
.c3 {background-color:#F0B67F}
.c4 {background-color:#7A9E7E}
.c5 {background-color:#53D8FB}
.c6 {background-color:#BCDE5F}
.c7 {background-color:#F78946}
.c8 {background-color:#5FBFF9}
.c9 {background-color:#A4AC96}
.c10 {background-color:#CADF9E}
.c11 {background-color:#B49082}
.c12 {background-color:#DAB785}

.dropZone {
	padding:0px;
}

.draggable.clones {
	background:rgba(0,0,0,0);
	color:#000;
	max-width:100%;
	margin:0px;
	padding:5px;
	height:auto;
}