/* ####################################
	Custom Fonts
#################################### */

@font-face {
	font-family: 'Bree-Headline';
	src: url('../fonts/Bree-SH-Headline-Regular.eot');
	src: url('../fonts/Bree-SH-Headline-Regular.woff2') format('woff2'),url('../fonts/Bree-SH-Headline-Regular.woff') format('woff'),url('../fonts/Bree-SH-Headline-Regular.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Bree-Headline';
	src: url('../fonts/Bree-SH-Headline-Oblique.eot');
	src: url('../fonts/Bree-SH-Headline-Oblique.woff2') format('woff2'),url('../fonts/Bree-SH-Headline-Oblique.woff') format('woff'),url('../fonts/Bree-SH-Headline-Oblique.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Bree';
	src: url('../fonts/Bree-SH-Text-Bold.eot');
	src: url('../fonts/Bree-SH-Text-Bold.woff2') format('woff2'),url('../fonts/Bree-SH-Text-Bold.woff') format('woff'),url('../fonts/Bree-SH-Text-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Bree';
	src: url('../fonts/Bree-SH-Text-BoldOblique.eot');
	src: url('../fonts/Bree-SH-Text-BoldOblique.woff2') format('woff2'),url('../fonts/Bree-SH-Text-BoldOblique.woff') format('woff'),url('../fonts/Bree-SH-Text-BoldOblique.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Bree';
	src: url('../fonts/Bree-SH-Text-Regular.eot');
	src: url('../fonts/Bree-SH-Text-Regular.woff2') format('woff2'),url('../fonts/Bree-SH-Text-Regular.woff') format('woff'),url('../fonts/Bree-SH-Text-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bree';
	src: url('../fonts/Bree-SH-Text-Oblique.eot');
	src: url('../fonts/Bree-SH-Text-Oblique.woff2') format('woff2'),url('../fonts/Bree-SH-Text-Oblique.woff') format('woff'),url('../fonts/Bree-SH-Text-Oblique.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'sh_ui_icon';
	src: url('../fonts/sh_ui_icons_webfont.eot');
	src: url('../fonts/sh_ui_icons_webfont.woff2') format('woff2'),url('../fonts/sh_ui_icons_webfont.woff') format('woff'),url('../fonts/sh_ui_icons_webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* ####################################
	Custom
#################################### */

/* Standard Elements */

html {
	position: relative;
	min-height: 100%;
}

body {
	background-color:white;
	margin-bottom: 70px; /* Margin bottom by footer height */
}

h1, h2 {
	font-family:'Bree';
}

h3 {
	font-family:'Bree';
	color:#1B1B1B;
	font-size:20px;
	padding:.2em 0 .6em 0;
}

h4 {
	font-family:'Bree';
	color:#1B1B1B;
	font-size:18px;
}

h5 {
	font-family:'Bree';
	font-size:20px;
}


/* Header */

.sh-logo-div {
	margin:0;
	padding:25px 0 0 17px;
	height:80px;
	background-color:white;
}

.sh-logo {
    background: url(../img/siemens-healthineers-logo.svg) no-repeat;
    background-size: contain;
    width: 118px;
    height: 28px;
}

.sh-greybar {
	background-color:#F1F1F1 !important;
}

/* Navigation */

.navbar {
	background-color:#F1F1F1;
}

.navbar-brand {
	font-family:'Bree';
	font-size:18px;
	color:#333 !important;
}

.nav-link.active {
	font-weight:bold !important;
	color:#EC6602 !important;
}

/* Modal */

.modal-title {
	font-family:'Bree';
}


/* Content Area */

.sh-content-area {
	padding-top:.7em;
}

.sh-content-element {
	background-color:white;
	margin: 0 1em 1em 1em;
	padding: 1em 1em 2em 1em;
}

/* Button Styles */

.btn-light {
	color:#1B1B1B;
	background-color:white;
	border-color:#D3D3D3;
	border-radius:14px;
}

.btn-light:hover, .btn-light:active, .btn-light:active:focus {
	background-color: #EC6602 !important;
	border-color:#EC6602 !important;
	color:white !important;
}

.btn-light:hover > span, .btn-light:active > span, .btn-light:active:focus > span {
	color:white !important;
}

/* FAQ Head */

.sh-faq-head {
	margin-bottom:1em;
	margin-top:2em;
}


.sh-tabs .active {
	border-bottom:3px solid #EC6602;
	font-weight:bold;
}

.sh-tab {
	min-height:40px;
	background-color:white;
	padding:.4em .4em .4em .4em;
	margin:0 .8em 0 0;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	cursor:pointer;
}

@media (max-width: 575.98px) {
	.sh-tabs {
		margin-bottom:.8em;
	}

	.sh-tab {
		text-align:center;
	}
}

@media (min-width: 576px) {
	.sh-tab {
		float:left;
	}
}

/* Search bar */

.sh-search {
	max-width:360px;
}

@media (max-width: 575.98px) {
	.sh-search {
		max-width:100%;
	}
}

.sh-search input {
	border-radius:20px;
	padding-left:20px;
	padding-right:30px;
}

#clearSearch {
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:20px;
	cursor:pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index:2550;
	display:none;
}


/* Breadcrumb */

.sh-breadcrumb {
	margin-top:2em;
}

.sh-breadcrumb .breadcrumb {
	background-color:white;
	border-radius:0px !important;
}

.sh-breadcrumb .breadcrumb > li + li:before {
	font-family:'sh_ui_icon';
    content: "\0E827";
	font-size:10px;
	color:#999;
}

.sh-breadcrumb .breadcrumb-item {
	color:#666;
	font-size:12px;
}

.sh-breadcrumb .breadcrumb-item a {
	color:#666;
}

.sh-breadcrumb .breadcrumb {
	
	background-color:#f7f7f7 !important;
	padding-left:10px;
	padding-top:7px !important;
	padding-bottom:7px !important;
	margin-bottom:10px;
}

.sh-last-element {
	font-weight:bold;
}

.sh-share-div {
	margin:.4em;
	text-align:center;
}

.sh-share-div button {
	padding:.4em .6em .4em .6em;
}

.sh-icon-share {
	font-family:'sh_ui_icon';
	color:#ec6602;
	padding-right:.5em;
}

/* Modal */

#imageModal .modal-dialog {
	max-width:98% !important;
	width:98% !important;
}

/* Tooltips / Popper.js */

.bs-tooltip-top {
	top: -5px !important;
}

.tooltip-inner {
    background-color: #404040;
}
.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #404040 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #404040 !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #404040 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #404040 !important;
}


/* FAQ List */

.faq-subheader {
	font-family:'Bree';
	color:'#333';
	font-size:22px;
	margin:.2em 0 .2em 0;
}

#faqList {
	border-radius:0px !important;
	border:none;
}

#faqList .card {
	border:none;
	margin-bottom:0px;

}

#faqList .card-header {
	position:relative;
	padding:.5em .2em 0 .3em;
	background-color:#F2F2F2;
	border-radius:0px !important;
	border:none;
	border-bottom:2px solid #E1E1E1;
	cursor:pointer;

}

#faqList .card-header button {
	color:#333 !important;
}

#faqList .collapse {
	border:none;
}

#faqList .card hr:not(.hr-entry-end) {
	height:8px;
	border: 0;
	background-color:#cecece;
	margin:2em 0 1.8em 0;
}

#btnBack {
	margin-bottom:14px;
	margin-left:10px;
	padding-right:16px;
}

.btn-breadcrumb-share {
	margin-bottom:14px;
	margin-left:10px;
}

.hr-entry-end {
   height: 6px;
   background: url(../img/hr.png) repeat-x 0 0;
   border: 0;
}


.frontend-img {
	cursor:pointer;
	margin-bottom:.4em;
	margin-top:.8em;

	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.30);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.30);

	/*width:99% !important;*/
	max-width:720px;
	display:block;
}

.sh-image-collage {
	cursor:pointer;
	margin-bottom:.4em;
	margin-top:.8em;

	/*width:99% !important;*/
	max-width:720px;
	display:block;
}

.sh-image-text {
	margin-bottom:.4em;
}

.sh-video {
	width:100%;
	max-width:920px;
}

.sh-table td {
	padding:.4em !important;
	border:none;
}

@media (max-width: 575.98px) {
	.frontend-img  {
		width:99% !important;
	}

	.sh-image-collage {
		width:99% !important;
	}
}


.card-headline {
	font-family:'Bree';
	font-size:16px;
	margin:.6em 0 1em .9em;
	padding:0;
	max-width:65%;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

.card-body {
     overflow-wrap: break-word;
     word-wrap: break-word;
	 -ms-word-break: break-word;
	 word-break: break-word;
}


@media (max-width: 575.98px) {
	.card-body {
		padding:1rem 0 .75rem .25rem;
	}
}

.card-special {
	border:1px solid #ccc !important;
	border-radius:0 !important;
	margin-bottom:10px !important;
}

.sh-arrow-div {
	position:absolute;
	right:13px;
	top: 50%;
	transform: translateY(-50%);
	background-color:white;;
	width:24px;
	height:24px;
	border-radius:50%;
}

.sh-icon {
	font-family:'sh_ui_icon';
	font-size:14px;
}


.orange-round {
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 1px 8px 1px 8px;
	background-color:#EC6602;
	color:white;
	font-family:'Bree';
	font-size:18px;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	-ms-user-select: none;
	user-select: none;
}

.hotspot-icon {
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 1px 8px 1px 8px;
	color:white;
	font-family:'Bree';
	font-size:18px;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	background-color:#e7001d;
	-ms-user-select: none;
	user-select: none;
}

.red-round {
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 1px 8px 1px 8px;
	background-color:#e7001d;
	color:white;
	font-family:'Bree';
	font-size:18px;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	-ms-user-select: none;
	user-select: none;
}

.sh-icon-span {
	font-family:'sh_ui_icon';
	color:#EC6602;
	font-size:12px;
	margin:0;
	padding:0;
	position:absolute;
	right:6px;
	top:4px;
}

.sh-plus {
	color:#ec6602;
	padding-right:.3em;
}

.sh-padding {
	padding-right:.65em;
}

.sh-prev-element {
	font-weight:normal !important;
	color:#808080;
	padding-right:.8em;
}

.sh-btn-share {
	margin-right:.8em;
	margin-top:.7em;
}

/* Search */

#searchField {
	padding-left:0 !important;
}

#searchResults {
	display:none;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	background-color:white;
	border:1px solid #cecece;
	z-index:2500;
	max-height:500px;
	overflow: auto;
}

@media (max-width: 575.98px) {
	#searchResults {
		max-height:200px !important;
	}
}


@media (min-width: 576px) {
	#searchResults {
		width:60%;
	}
}

#searchResults::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 7px;
}
#searchResults::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color:#bfbfbf;
}


.list-group-item-sh {
	border-radius:0 !important;
	border:none !important;
	padding-bottom:10px !important;
	padding-top:10px !important;
}

.list-group-item-sh p {
	margin: 0 !important;
	padding: 0 !important;
}

.sh-highlight {
	background-color:#fdddcb;
}

/* Footer */

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70px; /* Set the fixed height of the footer here */
	font-size:14px;
	margin-top:1em !important;
	padding-top:1em !important;
}

@media (min-width: 576px) {
	.footer .container {
		margin-left:20px !important;
	}
}

/* Generic Helpers */

.white {
	color:white !important;
}

.orange {
	background-color:#EC6602 !important;
}

.sh-spacer {
	display:block;
	margin-bottom:2em;
}

.sh-color-green {
	background-color:#47D037;
	padding-right:10px;
	margin-right:8px;
}

.sh-color-grey {
	background-color:#606060;
	padding-right:10px;
	margin-right:8px;
}

.sh-color-red {
	background-color:#F80019;
	padding-right:10px;
	margin-right:8px;
}

.sh-color-yellow {
	background-color:#FCCE20;
	padding-right:10px;
	margin-right:8px;
}

/* Circles etc. */

.orange-round {
	border-radius:0.8em !important;
	padding:1px 7px 0px 7px !important;

}

/* PDF */

.timestamp,.last-timestamp {
	color:#666;
	font-style:italic;
	font-size:12px;
}

.pdf-pseudo-div {
	padding:0;
	margin:0;
	width:690px;
	/*clear:both;
	overflow:hidden;
	*/
	background-color:white;
	
}

.pdf-pseudo-div img {
	/*max-width:600px !important;*/
	max-width:560px !important;
}

.break-before {
    page-break-before: always;
}

.break-after {
    page-break-after: always;
}

.break-avoid {
    page-break-inside: avoid;
}

.fullpage {
    height: 780pt;
}

.bumper {
	height:40px;
}