#table-area {
	min-height: 388px;
}

#fixed-truth-options {
	margin-top: 10px;
	max-height: 590px;
	overflow-y: scroll;
	overflow-x: visible;
}

.truth-col {
	padding-top: 20px;
}


#truth-app {
    min-height: 281px;
}

#truth-app .row-checked {
		filter: opacity(25%);
		background-color: #E75480;
		transition: background-color .5s;
}
	
	.button-col {
		min-width: 90px;
	}
	.row-text {
		font-size: 20px;
		margin-left: 3px;
	}

#t-table-area input[type='checkbox'] { display:none; }
	
#t-table-area input[type='checkbox'] + label {
	background-color: #e57600;
	color: white;
	/*margin: 0px 30px 0px 0px; */
	padding: 4px 6px 5px 6px; 
	border-radius: 10px; 
	cursor: pointer;
}
	
#t-table-area	input[type='checkbox']:checked + label {
  background-color: darkorchid;
}
	
#therefore-top {
	padding-right: 10px;
	min-width: 50px;
}

.cx-button{
	margin: 0px 0px 0px 0px; 
	padding: 4px 6px 6px 6px; 
	border-radius: 10px; 
	margin-right: 30px;
}

#warning-area {
	color: red;
	font-weight: bold;
	padding-bottom: 10px;
}
	
#cx-words {
  	margin-top: 15px;
	padding-bottom: 10px;
}
	
.mid-row {
	border-top: 2pt solid #e4e4e4 !important;
	margin-top: -4px;
	padding-top: 4px;
}

#one-to-two {
	margin-top: 20px;
}


#conclusion-line {
	border-top: 2pt solid #b0b0b0 !important;
	margin-top: -8px;
	padding-top: 8px;
	max-width: 420px;
}

#prem-3, #prem-4, #prem-5 {display: none;}
	
#t-table-area input[type=text] {font-size: 22px; padding: 3px 3px 3px 3px; margin-bottom: 0px;}/*was font-size 20*/
#truth-app table input[type=text] {font-size: 22px; padding: 3px 3px 3px 3px; margin-bottom: 0px;}


#truth-app table {
	margin-top: 20px; padding-left: 20px; 
	/*width: min-content;
	
	line-height: 40px; */
	margin-bottom: 30px;
}

#truth-app p {width: 100%; padding-bottom: 0px; padding-top: 0px;}

#enter-area-1 {
	margin-top: 10px;
    float: left;
    display: inline-block;
    padding: 10px;
    padding-left: 50px;
	font-size: 18px;
}
	
#enter-area-2 {
	display: none;
  	margin-top: 30px;
    float: left;
    padding: 10px;
    padding-left: 50px;
	font-size: 18px;
}
	
#enter-area-3 {
	display: none;
  	margin-top: 30px;
    float: left;
    padding: 10px;
    padding-left: 50px;
	font-size: 18px;
	max-width: 420px;
}
	
#enter-area-4 {
	display: none;
  	margin-top: 30px;
    float: left;
    padding: 10px;
    padding-left: 50px;
	font-size: 18px;
}
	
#enter-area-5 {
	display: none;
  	margin-top: 30px;
    float: left;
    padding: 10px;
    padding-left: 50px;
	font-size: 18px;
}

#enter-area-6 {
	display: none;
  	margin-top: 30px;
    float: left;
    padding: 10px;
    padding-left: 50px;
	font-size: 18px;
}


#modes-area {
  	float: right;
  	padding-top: 20px;
	width: 30%;
	font-size: 18px;
	margin-bottom: 10px;
}
	
#assessment-area {
	padding-top: 15px;
	font-size: 18px;
	margin-bottom: 15px;
}
	

	
.assessment-title {
		
		font-size: 20px;
	color: black;
	margin-right: 10px;
}

#radio-buttons-v {
	display: block;
}

#check-2-button {
		clear: left;
		margin-left: 10px;
		padding-top: 10px;
	}
	
#mode-title {
	font-size: 26px;
}

.new-sentences {
	font-size: 24px; 
	padding-left: 10px; 
	border: 0px;
	border-bottom: 1px solid lightgrey; 
	margin-right: 10px;}

.make-table-button {
	border-radius: 30px;
	background-color: inherit; /* yellow;*/
	border: none;
	width: 42px;
	height: 42px;
	padding: 0px;
}
.make-table-button:hover {
	background-color: #e8e8e8;
}

#check-assessment-button {
	border-radius: 30px;
	background-color: inherit;
	border: none;
	width: 38px;
	height: 38px;
	padding: 0px;
	float: left;
}
#check-assessment-button:hover {
	background-color: #e8e8e8;
}

.assessment-title-1 {
	font-size: 28px;
	padding-top: 4px;
	float: left;
}
#radio-buttons {
	clear: left;
}




	
#assessment-1, #assessment-2, #assessment-3 {
    float: left;
    min-width: 200px;
    padding: 10px;
}


#t-table-area {
  	clear: left;
	padding-left: 30px;
	margin: 10px;
	display: inline-block;
}
#the-table {
    font-size: 22px;
    padding: 3px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    border-collapse: collapse;
	color: black;
}

#row-0 {
  font-weight: bold;
  font-size: 22px;
  border-bottom: 2pt solid #b0b0b0 !important;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.tv-t {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: blue;
}

.tv-f {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: purple;
	margin: 5px !important;
}

#truth-app td {
	border: 0px;
    min-width: 5px;
    text-align: center;
    padding: 5px;
	height: 10px;
}
	
#truth-app table input[type=text] {font-size: 22px; padding: 3px 3px 3px 3px; margin-bottom: 0px;}
	
#truth-app td > input {
		text-align: center;
		max-width: 30px;
	  min-width: 30px;
	}
	
/*#truth-app .numbs {
    width: 20px;
}*/
	
.spacer {
    max-width: 5px !important;
    border-left: 3px solid #b0b0b0 !important;
    border-right: 3px solid #b0b0b0 !important;
}
	
.new-pre-spacer {
    border-right: 3px solid #b0b0b0 !important;
}
	
.ref-letter {
		min-width: 40px;
	padding-left: 10px !important;
	padding-right: 10px !important;
	}
	
.pre-spacer {
    width: 5px !important;
}

.post-spacer {
    width: 5px !important;
}

#truth-app input[type=radio] {
		margin: 5px;
	}
	
#tff-answer-area {
	margin-left: 10px;
	margin-top: -20px;
	width: 500px;
}
	
#tff-answer {
	margin-right: 10px;
	padding-bottom: 0px;
	max-width: 400px;
	float: left;
}
.tff-directions {
	font-size: 18px;
	margin-left: 0px;
}	

#check-tff-button, #hint-tff-button {
	float: left;
	border-radius: 30px;
	background-color: inherit;
	border: none;
	width: 44px;
	height: 44px;
	padding: 0px;
	margin-top: -6px;
}
#check-tff-button:hover, #hint-tff-button:hover {
	background-color: #e8e8e8;
}
.tff-sentence {
	font-size: 24px;
	font-weight: bold;
	margin-left: 20px;
	padding: 10px;
	margin-bottom: 10px;
}


.cx-checked {display: inline-block;}
.cx-unchecked {display: none;}