/* Add here all your CSS customizations */

/*Open in New Window Icon for _blank*/
.header-row a[target="_blank"]::after, .main a[target="_blank"]::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
}

/* Changing the background and bottom line colour of the block title header */
html .page-header-color.page-header-primary {
	background-color: #0057a6;
	border-bottom-color: #ffa859;
	color: #ffffff;
}
/*changing the colour of the sidebar headers*/
html .heading-primary {
	color: #0057a6 !important;
}
/*changing screenshot title font*/
html .thumb-info-title {
	text-transform:none;
	font-size: 11px;
}
/*removing the second line from footer*/
#footer.light {
	padding-top: 60px;
	background: #FFF;
	border-top: none;
}
/*changing active item colour in side menu*/
ul.nav-list li > a.active {
	font-weight: bold;
	color: #ffa859;
}
/*changing headings in theme-elements.css*/
h2 {
	margin: 0 0 12px 0;
}
h3 {
	font-weight: 300;
	margin-bottom: 12px;
	color: #808080;
	text-transform: none;
}

/*changing active colour for header link from default.css*/
.nav-pills > li.active > a,
.nav-pills .nav-link.active {
	background-color: #ffa859;
}
/*table fiddling*/
.table-bordered td{
    border: 1px solid #0b7297;
} 
.table-bordered th {
    border: 1px solid #0b7297;
	background: #e2ecf5;
}
th {
	font-weight: normal;
}
/*consistent specing above and below image divs*/
.image
{
	margin: 25px 0 25px 0;
}
.svg-lrg
{ width:100%;
	height: auto;
	text-align: center;
}

/*progress bar for whitepapers. container (background) and bar (scroll indicator)*/

.progress-container {
  width: 100%;
  height: 8px;
  background: #ccc;
}

.progress-bar {
  height: 8px;
  background: #4caf50;
  width: 0%;
}
/*because of the fixed heading, anchors need to be offset to avoid them being hidden by the header*/
.anchor {
	display: block;
	position: relative;
	visibility: hidden;
	top: -75px;
}
/*product-specific button colours, normal and hover states*/
.btn-outline.btn-dir {
	color: #5f9cd3;
	background-color: #fff;
	background-image: none;
	border-color: #5f9cd3;
}
.btn-outline.btn-dir:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #5f9cd3;
	background-image: none;
	border-color: #5f9cd3;
}
.btn-outline.btn-xmpp {
	color: #800000;
	background-color: #fff;
	background-image: none;
	border-color: #800000;
	
}
.btn-outline.btn-xmpp:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #800000;
	background-image: none;
	border-color: #800000;
}
.btn-outline.btn-5066 {
	color: #808000;
	background-color: #fff;
	background-image: none;
	border-color: #808000;
}
.btn-outline.btn-5066:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #808000;
	background-image: none;
	border-color: #808000;
}
.btn-outline.btn-smtp {
	color: #008000;
	background-color: #fff;
	background-image: none;
	border-color: #008000;
}
.btn-outline.btn-smtp:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #008000;
	background-image: none;
	border-color: #008000;
}
.btn-outline.btn-x400 {
	color: #4c3d8b;
	background-color: #fff;
	background-image: none;
	border-color: #4c3d8b;
}
.btn-outline.btn-x400:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #4c3d8b;
	background-image: none;
	border-color: #4c3d8b;
}
.btn-outline.btn-other {
	color: #808080;
	background-color: #fff;
	background-image: none;
	border-color: #808080;
}
.btn-outline.btn-other:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #808080;
	background-image: none;
	border-color: #808080;
}
/* consistent widths for index page buttons */
.btn-index {
	width: 150px;
}
/*styling for the whitepaper index filtering*/
.filterDiv {
    display: none; /* Hidden by default */
}
.show {
    display: block;
}
.WPContainer {
    overflow: hidden;
}

/*styling first text block on the index page*/
.home-intro {
    background-color: #0057a6;
    margin-bottom: 60px;
    overflow: hidden;
    padding: 2.2rem 0;
    position: relative;
    text-align: left;
}
.home-intro p {
    color: #FFF;
    display: inline-block;
    font-size: 1.4em;
    font-weight: 300;
    margin-bottom: 0;
}
.home-intro p span {
    color: #FFF;
	opacity: 0.65;
    display: block;
    font-size: 0.8em;
    padding-top: 5px;
}

blockquote-code {
    padding-left: 15px;
    display: block;
    font-family: "Courier New", Courier, monospace;
    font-size: 11px;
    line-height: normal;
}

#home-banner {
	max-width: 100%;
width: 100%;
	background: url("../images/satellite-dish-light-landing.png");
	background-size: cover;
	background-repeat: no-repeat;
	min-height: inherit;
	height: auto;
	margin-bottom: 25px;

}

#image-text {
width: 100%;
	background-color:white;
	opacity:0.75;
	padding: 10px;
	text-align: center;
	
}

.partner {
	display: inline-block;
	width: 75%;
	float: left;
}
.partnerlogo {
	display: inline-block;
	width: 25%;
	float: right;
	text-align: right;
	padding: 15px 15px;
}
.inline-img{
	display: inline-block;
	float: left;
		width: 50%;
	
}
.inline-img-text{
display: block;
	clear: both;
}

.highlighted{
	background-color: #0057a6;
	color: #ffffff;
	padding: 35px 0;
	border-bottom: 5px solid #ffa859;
    border-top: none;
	width: 100%;
}

path#mlink-box:hover {
	fill: #800000 !important;
	}


#mlink-text {
	pointer-events: none;
	}

#CybotCookiebotDialog, #CybotCookiebotDialogBody, #CybotCookiebotDialogBodyContentText p { 
	max-width: 100%!important;
	margin: 0px 30px;
color: #fff!important;}

#CybotCookiebotDialog {padding: 10px!important;}

@media print {
	#header, #footer {display: none !important;}
}

@media screen and (max-width: 575px){
	#header .header-btn-collapse-nav {
   top: 16px!important; 
}
}
@media screen and (max-width: 800px){
	#hf-graph{
		display: none;
	} 
}
}