/* --- Stylesheet 7365 () --------- */ 

.T4609 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.T4609 h2 { font-size: 18px; font-weight: bold; margin: 0px 0px 5px 0px; }
.T4609.app h2 { font-size: 15px; }

.T4609 .news .name {
	font-size: 18px;
    font-weight: bold;
}

.T4609.app .news .name {
	font-size: 14px;
}

.T4609 .news .text { font-size: 15px; line-height: 1.25; }
.T4609.app .news .text { font-size: 13px; }

.T4609 .news {
	cursor: pointer;
	position: relative;
	margin: 0px 0px 12px 0px;
	padding: 0 0 10px 0;
	background-color: #EEE;
}

.T4609 .news .date-element2 {
	display:inline-block;
	padding: 3px 10px;
	background-color: #FFF;
}


.T4609 .news  .date-element2 .month {
	/*text-transform: uppercase;*/
	font-size: 13px;
}

.T4609 .news .image { position: relative; width: 100%; height: auto; }
.T4609 .news .image img { width: 100%; height: auto; }


.T4609 .news .textwrapper {
	margin: 3px 15px 0px 15px;
}
.T4609 .news .textwrapper a {
	text-decoration: none;
	color: #111;
}
.T4609 .news:after {
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color:#fff;
	border: 2px solid #999;	
	position: absolute;
	top: 14px;
	right: 14px;
}

.T4609.app .news:after { width: 15px; height: 15px; top: 10px; right: 10px; }

.T4609 .news.unread:after {
	background-color: #3C3;
	border-color: #3C3;
}


/* Expander */
.T4609 .expand { position: relative; max-height: 100px; overflow: hidden; }
.T4609 .expand.large { max-height: 300px;  }
.T4609.app .expand.large { max-height: 250px;  }
.T4609 .expand.small { max-height: 200px; }
.T4609.app .expand.small { max-height: 155px; }
.T4609 .expand.mini { max-height: 55px; }
.T4609 .expand:before {
	content: " ";
    position: absolute;
    left: 0px;
    top: 50%;
    right: 0px;
    bottom: 0px;
    z-index: 8;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.05) 0%, rgba(255,255,255,1) 90%);
}

.T4609 .expand.on {
	position: relative;
	max-height: none !important;
	overflow: visible;
}

.T4609 .expand:after {
	content: "+";
	width: 48px;
	height: 25px;
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	bottom: 8px;
	background: #FFF;
	color: #FFF;
	border: 2px solid #666182;
	background-color: #666182;
	border-radius: 2px;
	cursor: pointer;
	z-index: 9;
}
.T4609.app .expand:after {
	width: 30px;
	height: 20px;
	line-height: 20px;
}

.T4609 .expand.on:after {
	content: "-";
	width: 48px;
	height: 25px;
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	bottom: 8px;
	background: #FFF;
	color: #FFF;
	border: 2px solid #666182;
	background-color: #666182;
	border-radius: 2px;
	cursor: pointer;
	z-index: 9;
}

.T4609.app .expand.on:after {
	width: 30px;
	height: 20px;
	line-height: 20px;
}

.T4609 .expand:after:hover {
	border: 2px solid #666182;
	background-color: #FFF;
	color: #666182;
}

.T4609 .expand.on:before { display: none }