.dpi_bulletin_wrapper .tab-content {

	border: 1px solid #ddd;

	margin-top: -1px;

}



.dpi_bulletin_wrapper .nav-tabs > li {

	border-width: 1px 0px 1px 1px;

	border-color: #ddd;

	border-style: solid;

	background: #fafafa;

}



.dpi_bulletin_wrapper .nav-tabs > li.active {

	border-width: 1px 0px 1px 1px;

	border-color: #ddd #ddd #fff #ddd;

}



.dpi_bulletin_wrapper .nav-tabs > li:last-of-type {

	border-width: 1px;

}



.dpi_bulletin_wrapper .nav-tabs > li > a {

	color: #000;

	margin-right: 0px;

	line-height: 1.42857143;

	border: 0px solid transparent;

	border-radius: 0px;

	border-top: 0px;

}



.dpi_bulletin_wrapper .nav-tabs > li.active > a {

	border-top: 0px !important;

}



.dpi_bulletin_wrapper .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

	border: 0px solid #dddddd;

}



.dpi_bulletin_wrapper .nav-tabs li::before {

	display: block;

	position: absolute;

	z-index: 99;

	content: "";

	font-size: medium;

	top: -2px;

	left: 50%;

	width: 0;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	height: 3px;

	background: transparent;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

}



.dpi_bulletin_wrapper .nav-tabs li.active::before {

	content: "";

	font-size: medium;

	top: -2px;

	right: auto;

	width: 100%;

	background: #3872a3;

	box-shadow: 0 0 8px 1px rgba(88,146,196,.3);

	display: block;

	height: 3px;

}



.dpi_bulletin_wrapper .dpi-bulletins-tab {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	max-width: 50%;

	padding-left: 4em;

	width: 100%;

}



.dpi_bulletin_wrapper .tab-pane {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-ms-flex-direction: row;

	flex-direction: row;

	padding: 1.875em .5em;

	min-height: 20em;

}



.dpi_bulletin_wrapper .tab-content > .active {

	display: flex;

}



.dpi_bulletin_wrapper .dpi-bulletins-time {

	display: block;

	font-size: .975em;

	color: #000;

}



.dpi_bulletin_wrapper .dpi-bulletins-meta {

	font-size: .725em;

	font-weight: 300;

	color: #000;

}



.dpi_bulletin_wrapper .dpi-bulletins-svg-icon {

	fill: currentColor;

	margin-right: .5rem;

	display: inline-block;

	vertical-align: middle;

	width: 1.5rem;

	height: 1.5rem;

}



.dpi_bulletin_wrapper .tab_drawer_heading { display: none; }



.dpi_bulletin_wrapper a.tab_drawer_heading { text-decoration: none; }



@media screen and (max-width: 640px) {

	.dpi_bulletin_wrapper .nav-tabs, .dpi_bulletin_wrapper .tab-pane {

		display: none;

	}

	.dpi_bulletin_wrapper .tab_drawer_heading {

		background-color: #eee;

		color: #fff;

		border-top: 1px solid #999;

		margin: 0;

		padding: 5px 20px;

		display: block;

		position: relative;

		cursor: pointer;

		-webkit-touch-callout: none;

		-webkit-user-select: none;

		-khtml-user-select: none;

		-moz-user-select: none;

		-ms-user-select: none;

		user-select: none;

	}

	

	.dpi_bulletin_wrapper a.tab_drawer_heading::after {

		content: "+";

		color: #3872a3;

		position: absolute;

		font-size: 1.5em;

		top: .75rem;

		right: 1.9rem;

	}

	.dpi_bulletin_wrapper a.d_active::after {

		content: "-";

		font-size: 2em;

		top: .4rem;

		right: 2rem;

	}

	.dpi_bulletin_wrapper .dpi-bulletins-tab {

		padding-left: 2em;

	}

	.dpi_bulletin_wrapper a.tab_drawer_heading {

		color: #000 !important;

	}

	.dpi_bulletin_wrapper a.tab_drawer_heading:hover {

		text-decoration: none;

		background-color: #dadada;

	}

	.dpi_bulletin_wrapper a.d_active {

		background-color: #bbb;

		color: #fff !important;

	}

}



@media screen and (max-width: 500px) {

	.dpi_bulletin_wrapper .tab-pane {

		-ms-flex-direction: column;

		flex-direction: column;

	}

	.dpi_bulletin_wrapper .dpi-bulletins-tab {

		max-width: 100%;

		padding: .5em;

	}

}