/* DIV TABLE DISPLAY FOR SHOW THREAD */

.HatchingTable{
	display: table;
	width: 100%;
}
.HatchingTableRow {
	display: table-row;
}
.HatchingTableHeading {
	/*background-color: #EEE;*/
	display: table-header-group;
}
.HatchingTableCell, .HatchingTableHead {
	/*border: 1px solid #999999;*/
	display: table-cell;
	padding: 3px 10px;
}
.HatchingTableHeading {
	/*background-color: #EEE;*/
	display: table-header-group;
	font-weight: bold;
}
.HatchingTableFoot {
	/*background-color: #EEE;*/
	display: table-footer-group;
	font-weight: bold;
}
.HatchingTableBody {
	display: table-row-group;
}
.HatchingTableBody .HatchingTableRow .HatchingTableCell:first-child {
    min-width: 49%;
}
.HatchingTableBody .HatchingTableRow:last-child .HatchingTableCell {
    min-height: 200px;
	min-width: 49%;
}

.HatchingTablePaddingOff {
	font-family: 'Verdana';
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
	height: auto;
}

/* DIV TABLE DISPLAY FOR NEW AND EDIT THREAD */

.InputTable{
	display: table;
	width: 100%;
}
.InputTableRow {
	display: table-row;
}
.InputTableHeading {
	/*background-color: #EEE;*/
	display: table-header-group;
}
.InputTableCell, .InputTableHead {
	/*border: 1px solid #999999;*/
	display: table-cell;
	padding: 3px 10px;
}
.InputTableHeading {
	/*background-color: #EEE;*/
	display: table-header-group;
	font-weight: bold;
}
.InputTableFoot {
	/*background-color: #EEE;*/
	display: table-footer-group;
	font-weight: bold;
}
.InputTableBody {
	display: table-row-group;
}
.InputTableBody .InputTableRow .InputTableCell:first-child {
    max-width: 25%;
	min-width: 15%;
}
.InputTableBody .InputTableRow:last-child .InputTableCell {
    min-height: 200px;
}

.CRBox {
  border: 0px;
  min-height: 100px;
  min-width: 20%;
  margin: 0px 2px;
  flex-grow: 1;
  flex-wrap: wrap;
}

.CRTitle {
  line-height: 1.4;
  text-align: center;
  background: #353535;
  background-size: cover;
  border-bottom: 2px solid #6D4038;
  color: #E3DFE2;
  font-size: 30px;
  font-family: 'Share Tech Mono';
  letter-spacing: 2px;
  padding: 18px;
  text-shadow: 2px 2px 4px #000000;
}

.CROutput {
  max-width: 100%;
  height: auto;
  background: #D8D2D6;
  color: #384C52;
  margin-bottom: 10px;
  padding: 10px;
}

.CROuterBox {
 /* display: flex;
  flex-wrap: wrap;
  align-content: stretch; */
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}


.CRClutchName {
	color: transparent;
	background-image: -webkit-linear-gradient(left, #02a300 0%,#0475e3 25%,#a74300 50%,#a48900 75%,#ffc104 100%);
	background-image: linear-gradient(to right, #02a300 0%,#0475e3 25%,#a74300 50%,#a48900 75%,#ffc104 100%);
-webkit-background-clip: text;
	background-clip: text;
	font-family: 'My Soul', cursive;
	font-size: 28px;
	letter-spacing: 2px;
}



.clutch_dgreen {
	color: #02a300;
	font-size: 115% !important;
	letter-spacing: 2px;
}

.clutch_dblue {
	color: #0080f8;
	font-size: 115% !important;
	letter-spacing: 2px;
}

.clutch_dbrown {
	color: #a74300;
	font-size: 115% !important;
	letter-spacing: 2px;
}

.clutch_dbronze {
	color: #a48900; 
	font-size: 115% !important;
	letter-spacing: 2px;
}

.clutch_dgold {
	color: #CC9900;
	font-size: 115% !important;
	letter-spacing: 2px;
}