#modfilepack {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;	
}

#modfilepack * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

#modfilepack .filepack-item {
 font-size: 1.2rem;
}

#modfilepack .filepack-item .filepack-title {
	padding-top: 20px;
	text-decoration: none;
	font-size: 1.3rem;
	padding-bottom: 0;
}

#modfilepack .filepack-children {
	
	-webkit-column-count: 2;
	-webkit-column-width: 320px;
	-webkit-column-rule-width: 1px;
	-webkit-column-rule-style: solid;
	-webkit-column-rule-color: #aaa;
	-webkit-column-gap: 2rem;
	
	-moz-column-count: 2;
	-moz-column-width: 320px;
	-moz-column-rule-width: 1px;
	-moz-column-rule-style: solid;
	-moz-column-rule-color: #aaa;
	-moz-column-gap: 2rem;
	
	column-count: 2;
	column-width: 320px;
	column-rule-width: 1px;
	column-rule-style: solid;
	column-rule-color: #aaa;
	column-gap: 2rem;

}

#modfilepack .filepack-children .filepack-child {
	clear: both;
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding: .75rem; width: 100%;
    margin-bottom: .25rem;
    display: table;
    border-radius: 5px;

}

#modfilepack .filepack-children .filepack-child:hover {
	background-color: #bbb;
	/* cursor: pointer; */
}

#modfilepack .filepack-child .child-iconholder {
	display: table-cell;
}

#modfilepack .filepack-child .child-icon {
	/* cursor: pointer; */
	opacity: 1;
	max-width: 48px; width: 100%; height: auto;

}

#modfilepack .filepack-child .child-icon:hover {
	opacity: .6;
	
}

#modfilepack .filepack-child .filepack-child-data {
	clear: both;
}

#modfilepack .filepack-child .filepack-child-link {
	clear: both;
	padding-left: 8px;
}


#modfilepack .filepack-child .child-info {
	display: table-cell; vertical-align: top;
	
}

#modfilepack .filepack-child .child-link {
	display: table-cell; font-size: .9rem;
}

#modfilepack .filepack-child .child-filename {
	
}

#modfilepack .filepack-child .child-name {

}

#modfilepack .filepack-child .child-desc {
	font-size: 80%;
	
}

#modfilepack .filepack-child .child-date {
	
}

@media (max-width: 576px) {

	#modfilepack .filepack-item {
		font-size: 1rem;
	}

	#modfilepack .filepack-child .child-link {
		font-size: .8rem;
	}

	#modfilepack .filepack-child .child-icon { 
		max-height: 24px; width: auto;
	}


}

/*

#filesModal {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

#filesModal * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

*/


#filesModal .fileitem {
	max-width: 100%;
	display: block; 
	cursor: pointer;
}

#filesModal .fileitem .filetitle {
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;

}

#filesModal .fileitem .icon {
	height: 1.2rem;
	width: auto;
	display: inline-block; 
	vertical-align: middle;

}