.drop_area{height:auto!important;min-height: 40px}

/********  basic table *********/
.grid{
	width:auto;
	height:auto;
	margin:20px;
}

.grid.border{
	border:1px solid #12b1ab;
	border-bottom:0;
	border-right:0;
}

.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; 
 }
.row:after {
  clear: both;
}
.row {
  zoom: 1; 
}

.grid .row{
	font-size:0;
}

.grid .row .col{
	height:auto;
	float:left;
	text-align:center;
	padding:5px 0;
	font-size:16px;
}

.grid.border .row .col{
	border-bottom:1px solid #12b1ab;
	border-right:1px solid #12b1ab;
}

.grid .row .col .text{
	text-align:left;
	width:120px;
	margin:auto;
}

.grid .row .col input{
	width:60px;
}

/************ tables **************/

#ELA-q2-p2x-t1.grid .row .col, #ELA-q2-p2x-t2.grid .row .col{
	width:33.33%
}

#ELA-q2-p2x-t1.grid .row:first-child .col{
	background-color:#e6e6e6
}

#ELA-q2-p2x-t1.grid .row:last-child .col{
	padding:0;
	height:200px;
}

#ELA-q2-p2x-t1.grid .row:last-child .col .drop_area{
	height:50%!important;
}

#ELA-q2-p2x-t1.grid .row:last-child .col:first-child .drop_area, 
#ELA-q2-p2x-t1.grid .row:last-child .col:last-child .drop_area{
	height: 100%!important;
}
#ELA-q2-p2x-t2.grid .row .col div.draggable{
	border-radius:6px; 
	border:2px solid #12b1ab; 
	width:80%; 
	height:auto; 
	line-height:20px; 
	padding:5px 0; 
	margin:auto; 
}

#Stem-Q5-P3-T1.grid .row .col{ 
	width:25%
}

#Stem-Q5-P3-T1.grid .row:first-child{ 
	background-color:#e6e6e6
}
#Stem-Q5-P3-T1.grid .row:first-child .col{
	min-height: 40px;
}

#Stem-Q5-P3-T1.grid .row:last-child .col{
	padding:0;
	height:100px;
}

#Stem-Q5-P3-T1.grid .row:last-child .col .drop_area{
	height:100%!important;
}

#Stem-Q5-P3-T1.grid .row:last-child .col:nth-child(2) .drop_area{
	height:50%!important
}

#Stem-Q5-P3-T2.grid .row .col{ 
	width:33.33%
}

#Stem-Q5-P3-T2.grid .row .col .draggable{ 
	width:70%!important
}

#ELA-Q1-P2-T1.grid .row .col{
	width:33.33%;
}

#ELA-Q1-P2-T1.grid .row:first-child{ 
	background-color:#e6e6e6
}
#ELA-Q1-P2-T1.grid .row:last-child .col{
	padding:0;
	height:200px;
}

#ELA-Q1-P2-T1.grid .row:last-child .col:last-child .drop_area{
	height:100%!important
}
#ELA-Q1-P2-T1.grid .row:last-child .col .drop_area{
	height:50%!important;
}

#ELA-Q1-P2-T2.grid .row .col{ 
	width:33.33%;
	height: 60px;
}

#ELA-Q1-P2-T2.grid .row .col .draggable{ 
	width:90%!important;
	height: 100%!important;
	padding:5px;
}

#STEM-Q5-P1-T1.grid .row .col{
	width: 70%;
	text-align:left;
	min-height:40px;
	padding:5px;
}

#STEM-Q5-P1-T1.grid .row .col:first-child{
	width: 30%;
}

#STEM-Q5-P1-T1.grid .row:first-child .col{
	width: 100%
}


#grid_multiselect{
	margin: 20px;
	width: auto;
	height:auto;
}
#grid_multiselect .row{ 
	margin-bottom: 10px; 
	overflow:hidden;
	font-size:0;
}

#grid_multiselect .row .col{
	display:inline-block;
	line-height:30px;
	width: 7%;
	font-size:16px;
	vertical-align:top;
}

/*#grid_multiselect .row .col:first-child{
	width: 10%;
}*/
#grid_multiselect .row .col:last-child{
	width: 86%;
}

/*#grid_multiselect .row .col:first-child span{
	border-radius:50%;
	color:#fff;
	display:inline-block;
	width:30px;
	height:30px;
	text-align:center;
	margin-right:15px;
	line-height:30px
}*/


/*#Q3-P1.grid { width:80% }
#Q3-P1.grid .row .col{ width:50%; font-weight:600}
#Q3-P1.grid .row:first-child .col{ height:50px; padding:5px; font-weight:400 }
.Q3-P1-text{margin-left:20px; margin-right:30px}

#percentage.grid .row{ min-height:25px;}
#percentage.grid .row .col{ min-height:25px; width:16.66%; text-align:center}

#results.grid, #result_poll.grid{margin-top:10px; border:1px solid #12b1ab; border-right:0;border-bottom:0;}
#results.grid .row, #result_poll.grid .row{height: 30px;}
#results.grid .row .col, #result_poll.grid .row .col{ width:20%; border-bottom:1px solid #12b1ab;border-right:1px solid #12b1ab; margin:0; height:30px;}
#results.grid .row .col input{max-height: 20px; line-height:20px}
#result_vote.grid {border:1px solid #12b1ab; border-right:0;border-bottom:0;}
#result_vote.grid .row{ max-height:105px;}
#result_vote.grid .row .col{  width:16.66%; border-bottom:1px solid #12b1ab;border-right:1px solid #12b1ab;}
#result_vote.grid .row:first-child .col{ min-height:105px;}*/