/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
    display:none;
}
form#news-wrapper  {
  float: none !important;
  position: relative;
}

.info { padding :10px; margin-bottom :0.5em; background :#f8f8f8; color :#666666; font-size :91.7%; }
.note { border :2px #448844 solid; padding :10px; margin :10px auto; background :#eeffee; color :#004400; }
.important { border :2px #888844 solid; padding :10px; margin-bottom :1em; background :#ffffee; color :#444400; }
.warning { border :2px #884444 solid; padding :10px; margin-bottom :1em; background :#ffeeee; color :#440000; }
.fa-2x {
	vertical-align: middle;
}
/**/
.flexrow {
  margin-top: 0.9rem;
  display: flex;
  flex-direction: flexrow;
  flex-wrap: wrap;
}
.flexcol {
  flex: 1 1 8%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* nested grids */
.flexrow .flexrow, .flexrow.nested {
  flex: 1 1 auto;
  margin-top: -0.5em;
}
/* flexcolumns widths */
.flexcol-span-3 {
  flex-basis: 25%;
}
.flexcol-span-9 {
  flex-basis: 75%;
}
.flexcol-span-12 {
  flex-basis: 100%;
}
.flexcol-span-12 .title {
	border-radius: 5px 5px 0 0;
}
.title {
	border-radius: 5px 0 0 0;
}
.title_right {
	border-radius: 0 5px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.title, .title_right {
        font-weight: normal;
        font-size: 1.0em;
        color: #fff;
	border-left: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	background: #e3e3e3;
	text-align: center;
}
.title_right a {
	padding: 7px 0;
	color: #376671;
}
.title h1 {
    margin: 0;
    padding: 7px 0;
    font-size: 1.3em;
    color: #865aae;
}
.short {
    text-align: justify;
    background: #fff;
    padding: 10px;
}
.link {
	background: #376671;
	display: flex;
  	align-items: center;
  	justify-content: center;
}
.link a {
	color: #fff;
	padding: 7px 0;
}
.link a:hover, .title_right a:hover {
	color: rgba(255,255,255,0.5);
	text-decoration: none;
	transition: all 0.3s ease-in-out 0s;
}
@media (min-width: 768px) and (max-width: 991px) {
	.link span {
		display:none;
	}
}
@media (min-width: 768px) {
	.short {
		border-left: 1px solid #e3e3e3;
	    border-bottom: 1px solid #e3e3e3;
		border-radius: 0 0 0 5px;
	}
	.link {
		border-radius: 0 0 5px 0;
	}
}
@media all and (max-width: 767px) {
	.flexcol-span-3 {
		flex-basis: 50%;
	}
	.flexcol-span-9 {
		flex-basis: 100%;
	}
	.nested .flexcol {
		flex-basis: 100%;
	}  
}
@media (max-width: 767px) {
	.short {
		border-left: 1px solid #e3e3e3;
		border-right: 1px solid #e3e3e3;
		border-radius: 0;
	}
	.link {
		border: none;
		border-radius: 0 0 5px 5px;
	}
	.title {
		border-radius: 5px 5px 0 0;
	}
	.title_right {
		border-radius: 0;
	}
}