#tabContainer{margin: 2%;}
h5 {	font-family: 'Open sans', sans-serif;
	color: #004400;
	text-align:left;
	font-size: 0.8em;}
.dropColumn{
	font-family: 'Open sans', sans-serif;
	color: #fff;
	text-align:center;
	font-size: 1.1em;


	height: 100px;

	padding: 0.1em;
	
width: 92%;


}

#dropAreas table td span {
    font-size: 11px;
}

.ColumnFilled{
	font-family: 'Open sans', sans-serif;
	color: #000;
	text-align:center;
	font-size: 0.9em;

	height: 44px;

vertical-align:central !important;
list-style-position inside !important;
padding-top: 0.6em !important;
	padding: 0.1em;
	
width: 92%;


}

#statementMessage{
		font-family: 'Open sans', sans-serif;
	font-weight:bold;
    font-size: 1.1em;
    height: 1.5em;
    margin-bottom: 0;
    padding-top: .4em;
    text-align: center;
background-color: rgba(255, 255, 255, 0.40);
	border-radius: 5px;
    color: #004400;
	
	}

.dragColumnHeader {
	font-family: 'Open sans', sans-serif;
	font-weight:bold;
    font-size: 1.1em;
    height: 1.5em;
    margin-bottom: 0;
    padding-top: .4em;
    text-align: center;
background-color: rgba(255, 255, 255, 0.40);
	border-radius: 5px;
    color: #000000;

}

.dragMenu{
	background-color: rgba(255, 255, 255, 0.39); padding:2px;border-radius: 15px; margin-top: 0px; margin-left:35%;
	
	}
	
	.dragButtonbg{
	background-color: rgba(22, 167, 157, 0.20); padding:3px; margin-top: 10px; height: auto; vertical-align:middle; 
	
	}
#header1{

	background-color:background-color: rgba(255, 255, 255, 0.39); 
}

#header2{

	background-color:background-color: rgba(255, 255, 255, 0.39);
	float: right; 
	margin-right: 4%;
}

.no-select{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


li {
	list-style-type: none;
}

#selectableStatements{
	font-family: 'Open sans', sans-serif;
	cursor: pointer;
	
}

#checkBtn{
	cursor: pointer;
}

#results {
  text-align: center;
  font-family: 'Open sans', sans-serif;
  color: #ffffff;
	width: 100%;
  	background-color: #004400;
	border: thin;
	border-style:solid;
	border-color: #004400;
	padding:1.8% 0 1.8% 0;
	margin-top: 2%;

}

#checkBtn, #resetBtn{
	text-align: center;
	font-family: 'Open sans', sans-serif;
	color:white;
	width:100%;
}
#resetBtn{
    margin-top: 2%;
}

 .draggableItem {
    font-size: 0.9em;

    height: 100px;
    /*line-height: 1.5em;*/
    cursor: pointer;
    text-align: center;
	counter-increment: foo;
    vertical-align: middle;
    color: #000000;
	
	
 
	  list-style-position: inside;
	  
    /*padding:2%;*/
    background-color: rgba(22, 167, 157, 0.46);
    -webkit-touch-callout: none;
    -khtml-user-select: none;
	 /*margin-left: 2%;*/
	 /*margin-right: 2%;*/


}

#buttonsHolder {
    position: relative;
    display: block;
    margin: auto;
    margin-left: 34.6%;
}

	table { 
		width: 100%; 


	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #fff; 
	}
	th { 
		background: #008800; 
		color: white; 
		font-weight: bold;
		/* min-width: 220px;
  max-width: 220px;*/
  overflow: hidden;
  /* width: 50px;*/
height:50px;
font-family: 'Open sans', sans-serif;
	color:white;
			  
	}
	td, th { 
		padding: 4px; 
		padding-top:2px;
		border: 1px solid #008800; 
		text-align: center; 
		width: 18.8%;
        font-size: 14px;
        line-height: 1.3em;
		height:15px;
		
	}
	td{  font-family: 'Open sans', sans-serif;
	color:#004400; vertical-align:middle;
    height: 90px;}

td img {
    display: block;
    max-width: 100%;
    max-height: 140px;
    margin: auto;
}
/* ----------- iPad ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Styles */
    /* Styles */
    .dragColumn {
        height: 15em;
    }
}

@media only screen and (max-width:1366px){

	.draggableItem {font-size:14px; line-height:normal;}

	
}