.infooverview-link {
    background-color: #F3F3F3;
    border: 1px solid #EAEAEA;
    color: #000000;
    display: block;
    font-weight: normal;
    margin-bottom: 6px;
    padding: 6px;
    text-decoration: none;
}

.infooverview-link:hover {
    background-color: #9CD209;
    border: 1px solid #77A006;
    cursor: pointer;
    text-decoration: none;
    text-shadow: 0 1px 0 #AEE31D;
}

.infooverview-link h3 {
	margin: 0;
	margin-top: 6px;
}

.btn-search-for-clutch {
	width: 35px;
}
.txt-search-for-clutch { float: left; width: calc(100% - 35px);}

.div-list-graybottom { padding-top: 6px;}



#wrapperHatchlingList .column1 { float: left; width: 5%; padding-top: 2px; padding-bottom: 0; padding-left: 4px;  }
#wrapperHatchlingList .column2 { float: left; width: 20%; box-sizing: border-box; }
#wrapperHatchlingList .column3 { float: left; width: 23%; box-sizing: border-box; }
#wrapperHatchlingList .column4 { float: left; width: 14%; box-sizing: border-box; }
#wrapperHatchlingList .column5 { float: left; width: 13%; box-sizing: border-box; }
#wrapperHatchlingList .column6 { float: left; width: 15%; box-sizing: border-box; }

#wrapperHatchlingHeader .column1 { float: left; width: 5%; padding-left: 5px; padding-right: 5px; }
#wrapperHatchlingHeader .column2 { float: left; width: 20%; padding-left: 5px; padding-right: 5px; }
#wrapperHatchlingHeader .column3 { float: left; width: 23%; padding-left: 5px; padding-right: 5px; }
#wrapperHatchlingHeader .column4 { float: left; width: 14%; padding-left: 5px; padding-right: 5px; }
#wrapperHatchlingHeader .column5 { float: left; width: 13%; padding-left: 5px; padding-right: 5px; }
#wrapperHatchlingHeader .column6 { float: left; width: 15%; padding-left: 5px; padding-right: 5px; }









.listitem-myjournal {
	display: block;
}

.listitem-myjournal .column1 {
	float: left;
	padding: 5px;
	display: block;
	width: calc(100% - 430px);
}
.listitem-myjournal .column2 {
	float: left;
	padding: 5px;
	display: block;
	width: 120px;
}
.listitem-myjournal .column3 {
	float: left;
	padding: 5px;
	display: block;
	width: 210px;
}
.listitem-myjournal .column4 {
	float: left;
	padding: 0px 5px;
	display: block;
	width: 100px;
}

.listitem-myjournal-header.column1 {width: calc(100% - 430px); padding: 5px; float: left;}
.listitem-myjournal-header.column2 {width: 120px; padding: 5px; float: left;}
.listitem-myjournal-header.column3 {width: 210px; padding: 5px; float: left;}
.listitem-myjournal-header.column4 {width: 100px; padding: 5px; float: left;}




.myjournal-list-wrapper {
	margin-bottom: 16px;
}



/* Responsive */
@media screen and (max-width: 767px) {
	.listitem-myjournal { padding-bottom: 10px;}
	.listitem-myjournal .column1 {width: 100%;´}
	.listitem-myjournal .column2 {display: none; }
	.listitem-myjournal .column3 { width: calc(100% - 100px); }
	
	.listitem-myjournal-header.column1 {width: calc(100% - 310px);}
	.listitem-myjournal-header.column2 {display: none;}
	
	#wrapperHatchlingList .column1 { width: 5%; }
	#wrapperHatchlingList .column2 { width: 26%; }
	#wrapperHatchlingList .column3 { width: 21%; }
	#wrapperHatchlingList .column4 { width: 15%; }
	#wrapperHatchlingList .column5 { display: none; }
	#wrapperHatchlingList .column6 { width: 23%; }
	
	#wrapperHatchlingHeader .column1 { width: 5%; }
	#wrapperHatchlingHeader .column2 { width: 26%; }
	#wrapperHatchlingHeader .column3 { width: 21%; }
	#wrapperHatchlingHeader .column4 { width: 25%; }
	#wrapperHatchlingHeader .column5 { display: none; }
	
	
	
}