@import "specific-changes.css";

/*
 * Custom CSS Styles
 */

@font-face{font-family:'CentraleSans';src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Book.eot');
src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Book.eot?#iefix') format("embedded-opentype"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Book.woff') format("woff"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Book.ttf') format("truetype"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Book.svg#1d84a514a13dcf4f9de78cc3753dbf03') format("svg");font-style:normal;font-weight:400}@font-face{font-family:'CentraleSans';
src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Medium.eot');
src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Medium.eot?#iefix') format("embedded-opentype"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Medium.woff') format("woff"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Medium.ttf') format("truetype"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Medium.svg#1d84a514a13dcf4f9de78cc3753dbf03') format("svg");font-style:normal;font-weight:500}@font-face{font-family:'CentraleSans';
src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-LightItalic.eot');
src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-LightItalic.eot?#iefix') format("embedded-opentype"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-LightItalic.woff') format("woff"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-LightItalic.ttf') format("truetype"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-LightItalic.svg#d22854b5c8a257945cfe36032fb48365') format("svg");font-style:italic;font-weight:200}@font-face{font-family:'CentraleSans';
src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Light.eot');
src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Light.eot?#iefix') format("embedded-opentype"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Light.woff') format("woff"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Light.ttf') format("truetype"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Light.svg#d22854b5c8a257945cfe36032fb48365') format("svg");font-style:normal;font-weight:200}@font-face{font-family:'CentraleSans';
src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Thin.eot');
src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Light.eot?#iefix') format("embedded-opentype"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Light.woff') format("woff"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Light.ttf') format("truetype"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Light.svg#d22854b5c8a257945cfe36032fb48365') format("svg");font-style:normal;font-weight:100}@font-face{font-family:'CentraleSans';
src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Bold.eot');
src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Bold.eot?#iefix') format("embedded-opentype"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Bold.woff') format("woff"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Bold.ttf') format("truetype"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-Bold.svg#0776b0bc35c0190bb9f39c287b0e6737') format("svg");font-style:normal;font-weight:700}@font-face{font-family:'CentraleSans XBold';
src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-XBold.eot');
src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-XBold.eot?#iefix') format("embedded-opentype"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-XBold.woff') format("woff"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-XBold.ttf') format("truetype"),
url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/CentraleSans-XBold.svg#9a864760680d346e5852a22d8d46f391') format("svg");font-style:normal;font-weight:700}

@font-face{font-family:'Philips_SP_Symbols';src:url('https://www.dictation.philips.com/fileadmin/templates_neu_dist/fonts/Philips_SP_Symbols_3.otf');
}

body {
	background-color: rgb(255,255,255);
	font-family: CentraleSans, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3C3C3C;
	line-height: 1.6;
}


/* * Styling of Side bar  */


aside.site-sidebar {

background-color: #deebf7;

}

.search-field {

    background-color: rgba(182, 182, 182, 0.5);
    color: #000000;
}


/* * change color of bullets for procedure  */

.theme1 .procedure > li::before {
    background-color: rgb(0,119,205);
}


/* * background of currently active menu item  */

.nav-site-sidebar .active>a {
    background-color: rgb(127,200,232);
}

.nav-site-sidebar li a:focus, .nav-site-sidebar li a:hover {
    background-color: rgb(0,119,205);
}

.nav-site-sidebar .active>a {
    color: #000;
}

.nav-site-sidebar ul a {
 color: #000;

}

a.topic-link.section  {
 color: #000;

}


/* * Adding Last Updated text  */

.titlepage p.pubdate:before {
    content: 'Last updated: ';
}

/* * Match text size of legalnotice to copyright paragraph  */

.legalnotice {
	font-size: 10.5px;
}

/* * Design of header image */

.bt-header {
		background-color: rgb(255,255,255);
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: rgb(150,150,150);
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: rgb(150,150,150);
		margin-top:10px;
}


/* * Design of Cookie Notice */

div.cc-color-override--562569728.cc-window {
	color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255, 0.95);
	font-family: CentraleSans, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

a.cc-btn.cc-dismiss {
	   background-color: rgb(127,200,232);
}

a.cc-btn.cc-dismiss:hover, a.cc-btn.cc-dismiss:focus {
	   background-color: rgb(0,119,205);
}

a.cc-link {
  color: rgb(0, 0, 0) !important;
}

a.cc-btn.cc-deny  {
	
  color: rgb(0, 0, 0) !important;
  
}

/* * Move logo on top */

.pull-right {
    float: right !important;
}

/* * font size for headers in body */

.h1, h1 {
    font-size: 45px;
}

.h2, h2 {
    font-size: 35px;
}

.h3, h3 {
    font-size: 28px;
}

.h4, h4 {
    font-size: 22px;
}


h5, .h5 {
    text-transform: none;
}


h5, h6, h7, h8, h9 { 
font-size: 18px; 
}

h1, h2, h3, h4, h5, h6, h7, h8, h9 {
color: rgb(0,119,205);
margin-bottom: 15px;
margin-top: 5px;
font-family: inherit;
}

/* * change styling of filename elements */

.filename {
	color: #0000FF;
	background-color: #f9f9ff;
}

/* * change font for guiicon element to display correct symbols */

.guiicon {
	background-color: rgb(255,255,255, 0);
	font-family: Philips_SP_Symbols;
}


/* * change padding of sections, has to be min 35px to not cause problems with sticky header  */

#content-wrapper section {
    padding-top: 5px;
}

/* * ------------------------------ Images ---------------------------------------------- */


/* * resize lightbox images and deactivate border */


.mediaobject.img-thumbnail img  { 

width: 60%;
max-width: none; 
max-height: none;

}

.img-thumbnail {

border:none;

}	


/* * makes inline images in line */

img {
    vertical-align: unset;
}



/* * Padding of Images */

.materialboxed  { 

padding-top: 10px; 
padding-bottom: 20px; 

}


/* * class for in the box images resizing */

.intheboximg {
	width:200px;
}


/* * --------------------- design of admonitions ---------------------------- */


/* * bg-color, borders + padding+margin values */

.note, .tip, .caution {
	background-color: rgb(255,255,255, 0);
	border-style: solid;
	border-width: 1px;
	border-color: rgb(127,200,232);
	padding: 15px;
	margin-top: 20px;
}

/* * additional values for padding+margins */

.warning > *, .note > *, .important > *, .caution > *, .tip > * {
    margin-left: 2em;
    -webkit-margin-before: 0em;
    padding-left: 20px;
    padding-bottom: 0px;
    padding-right: 40px;
	
}


/* * colors for note and tip h3 */

.note h3, .tip h3, .important h3, .caution h3 {
	color: rgb(127,200,232);
	background-color: rgb(255,255,255, 0);
}


/* * change admonitions icons (font, color + margins */

.note:before, .tip:before, .warning:before, .caution:before, .important:before {
    
    color: rgb(127,200,232);
    font-size: 25px;
    font-weight: 300;
    left: 20px;
    top: 26px;
    vertical-align: middle;
    font-family: FontAwesome;
	margin-right: 20px;
}


/* * different color values for h3 and icon of caution */

 .caution h3 {
	color: rgb(0,119,205);
}

.caution:before  {
    color: rgb(0,119,205);
}

/* * Font size for all admonition headers */

.warning h3, .note h3, .important h3, .caution h3, .tip h3 {

	font-size: 20px;
}


/* * change admonitions header padding and margins */

.warning h3, .note h3, .important h3, .caution h3, .tip h3 {
    margin-top: 0px;
    margin-left: 30px;
    margin-right: 0px;
	margin-bottom: 5px;
    padding: 10px 10px 10px 10px;

}

/* * match margin of header for the text in admonitions */

.warning > p, .note > p, .important > p, .caution > p, .tip > p {
    padding-left: 40px;

}


/* * change indent of bullet points in admonitions */

.warning ul, .note ul, .important ul, .caution ul, .tip ul {
	
padding-inline-start: 0px;

}

/* * ------------------------- design of tables --------------------------------------- */


/* * makes tables not take up full width of page + adds margin */

.table {
	
	width: auto;
	margin-top:10px;
}

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #cccccc;
}

/* * no margin, but only for p's in tables + small padding */

.table>tbody>tr>td p, 
.table>tbody>tr>th p, 
.table>tfoot>tr>td p, 
.table>tfoot>tr>th p, 
.table>thead>tr>td p, 
.table>thead>tr>th p {
	
	margin:0px;
	padding:5px;
}

/* * Zebra tables */

.table tbody tr:nth-child(even) { background-color:#efefef }


/* * th needs to be specified additionally to recieve a border + BG-color*/

.table>thead:first-child>tr:first-child>th {
    border-top: 1px solid #cccccc;
	background-color:#b3c8e6;
}



/* * more space on higher resolutions incl. tables to 100%, and 50% for tables with few content */

@media (min-width: 1600px) {
.container {
    width: 150px;

}

}

/* * --------------------- help center specific changes ---------------------------- */

.portal-header .portal-search button {
    background-color: rgb(127,200,232);
}

.portal-header .portal-search button:hover {
	   background-color: rgb(0,119,205);
}

 /* * change portal front-page h1 */
 
 div.inner h1 {
    color:#FFFFFF;
	 }
 
/* * change size copyright text footer */

.copyright { 

font-size: 10.5px;
width: 40%;

 }
 
 /* * change float apearance of title page  */


.copyright {
    float: none;

}
 
 /* * change logo size and padding */
 
.portal-header .logo {
    height: 84px;

}

a.navbar-brand {padding-top: 0px; }

.theme1 .site-sidebar .logo { width: 40%; }


/* * change size of LED color images  */

div.mediaobject.ledrsz img {
	
	width:70px;
	
}



/* * --------------------- embeded videos ---------------------------- */

@media (min-width: 768px){
   
   div.mediaobject.embdvid {
	
	width: 100%;
	
}
    
}


@media (min-width: 1200px) {
	
div.mediaobject.embdvid {
	
	width: 80%;
	
}

}


/* * --------------------- Changes for different screen sizes ---------------------------- */


/* * fix table width on smaller screens and resets 60% tables back to 100% */

@media screen and (max-width: 767px) {
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
    white-space: normal;
}

}

/* * --------------------- design of wizzard buttons, and more info accordions ---------------------------- */

.clkbtn {
	
	border: 1px solid rgb(0,119,205);
    border-radius: 3px; 
    padding: 10px 10px;
    background-color: transparent;
	white-space: nowrap;
}

.clkbtn:hover {

    background-color: rgb(0,119,205);
	color:#FFFFFF;
	
}


.title.mrinfo {
	
	font-size: 15px;
	font-weight: 500;
	
}


.sidebar-title.title,
.title.lke-sdbr
{
    font-weight: normal;
	font-size: 15px;
}

/* * change of headers in acordions */


.title.acordnhedr {

font-weight: 400;
font-size: 17px;

}


/* * vertical spacers */

p.emptlnefrsp {
	height: 5px;

}

/* * horzontal spacer */

span.spcr {
	margin-right:15px;
}

/* * -------------------------------- theme 2 changes -------------------------------------------  */

/* * moves portal logo to top */

div.portal-content.theme2 header.portal-header {
	
	padding-top:0px;
	
}


/* * change footer of portal page */

div.portal-content.theme2 div.inner.row {
	
	background-color:#FFFFFF;
	color:#000000;
	
}

/* * resize logo and move to top for main sidebar */

.site-sidebar .logo {
	height:80px;
	padding-top:0px;
}


/* * breadcrumb links in toolbar */

.breadcrumb a {
    color: #FFFFFF;
}

.breadcrumb a:hover {
    color: rgb(127,200,232);
}

/* * overwrite theme 2 colors */

a, .text-primary, .btn-primary .badge, .btn-link, .pagination>li>a, .pagination>li>span, .nav-site-sidebar .active>a, .portal-single-publication .publication-icon i, .portal-single-publication .publication-icon .fa, .publication-contents a:hover, .publication-contents h4 a, .titlepage h1.title, .titlepage h2.title, .titlepage h3.title {
    color: rgb(0,119,205);
}

/* * overwrite theme 2 colors */

.bg-primary, .btn-primary, .publications-condensed .portal-single-publication a, .pager li>a:hover, .pager li>span:hover, .colored-top .site-sidebar-header {
    background-color: rgb(0,119,205);
}

/* * toolbar and searchfield colors */

.toolbar, .tool-search-form .search-field {
	 color: #FFFFFF;
    background-color: rgb(28,65,122);
}

/* * change search icon color */

i.fa.fa-search {
	color:#FFFFFF;
	font-size: 25px;
}

/* * change color of number circles in procedures */

.theme2 .procedure > li::before {
    background-color: rgb(0,119,205);
}

/* * change color of menu items in main navigation */

a.topic-link.section:hover {
	color:#FFFFFF;
}




/* * style of featured content in start page of portal page */

/* * makes featured content centered */

.portal-contents.featured-content, .featured-content-label { 


display: flex;
justify-content: center;

} 

/* * makes header of featured content move down */

.featured-content-label { 

padding-top:30px;

} 

/* * reduces featured content margin */

.portal-contents {
    margin-bottom: 2em;
    margin-top: 2em;
}






.portal-header .portal-search button, .publication-contents h4 span {
    display: none;
}

.publication-contents {

    width: 30%;
}

.publication-contents h4 {

    margin-left: 0px;
	font-size:16px;

}

/* * reduces font size featured content links */

h4.featured-title {
	font-size:14px;
}

.publication-contents li:before {
display: none;
}

.publication-contents ul {
    padding-left: 0px;

}

.portal-contents .inner {
width:80%;
}

/* * add icon before first navigation in breadcrumb */

 .breadcrumb > li:first-child > a::before {
	
 font-family: "FontAwesome"; 
 content: "\f015 ";
 font-size:30px;
 vertical-align: middle;

}

/* * change alignment of breadcrumb navigation */

.breadcrumb, .breadcrumb-link {
	vertical-align: middle;
}

/* * ---------------------- embeded help additional changes ----------------------------  */

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



/* * hide logo in portal startpage */

div.portal-content.theme2 .portal-header .logo {
	display:none;
}


/* * change height of main search area in portal startpage */

div.portal-content.theme2 .portal-header {
	height:auto;
	padding-bottom: 10px;
}

/* * hide copyright at bottom in portal page */

div.portal-content.theme2 div.copyright.col-md-3 {
	
	display:none;
	
}

/* * hide language selector at bottom in portal page */

div.portal-content.theme2 div.dropup.languages.pull-right.col-md-2 {
	
	display:none;
}

/* * remove menu sidebar */

div.portal-content.theme2 .site-sidebar {
	display:none;

}

/* * remove copyright on all other pages */

div.copyright {
	display:none;
}

/* * remove prev and next page at bottom */

div.portal-content.theme2 ul.pager {
	display:none;
}

/* * remove menu button to get menu on small screen sizes */

button.navbar-toggle.collapsed {
	
	display:none;
}

/* * featured content takes up full page and change to margins*/

.publication-contents {

    width: 100%;
	margin-bottom:15px;
}



/* * hide h1 in portal page (How can we help you today) */

header.portal-header h1 {
	
	display:none;
	
}




/* * changes header background color */

.theme2 .portal-header::before {
     color: #FFFFFF;
    background-color: rgb(28,65,122);
}

/* * remove background image of header */

header.portal-header::after  {
	background-image: none;
}


/* * make tiles full width */

.portal-single-publication  {
	width: 100%;
	
}

/* * remove shadow of tiles and add line at bottom via border */

.portal-single-publication a, .portal-single-publication a:hover {

box-shadow: 0 3px 15px rgb(0 0 0 / 0%);
padding:5px;
border-bottom: 1px solid #AAAAAA;
}

/* * add hover to tiles text */

.portal-single-publication a:hover h3 {

	color:#AAAAAA;

}

/* * move icon in tile to left to change design to menu like */

div.publication-icon {
	float:left;
	
}

.portal-single-publication {
	text-align: left;
	margin-bottom:0px;
}



div.portal-publications {
	margin:0px;
}





/* * reduce height of footer */

footer.portal-footer {
	margin:0px;

}




/* * change size of headings */

.h2, h2 {
    font-size: 20px;
}

.h3, h3 {
    font-size: 16px;
}

/* * change color of text in search field */

#search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000 ;
  opacity: 1; /* Firefox */
}

/* * change the search field */

.tool-search-form .search-field, .portal-header .portal-search .search-field {
	margin-top: 15px;
    height: 40px;
    width: 100%;
    box-shadow: 0 3px 15px rgb(0 0 0 / 0%);
	border-radius: 3px;
    font-size: 14px;
  
    display: inline-block;
    vertical-align: middle!important;
	
    padding-top: 12px;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-left: 15px;
	color:#000000;
    background-color: #FFFFFF;
}



/* * moves navigation in portal down */

.portal-body-container {
	padding-top:15px;
}

/* * add shadow to portal header */

.portal-header {

box-shadow: 0 4px 18px 0 rgb(0 0 0 / 12%), 0 7px 10px -5px rgb(0 0 0 / 15%);
}



/* * this value influences the width of the search form */

.tool-search-form {
	padding-left:20px;
	padding-right:20px;
}

/* * have featured content not centered */

.portal-contents.featured-content, .featured-content-label {
   
    justify-content: start;
	padding-left: 15px;
}

/* * remove margins for paragraphs within lists */

.itemizedlist p {

	margin-bottom: 0px;
}

/* * adds some extra padding, so if top header height is to big the content is moved down */

.topic.content-container {
	
	padding-top: 20px;
	
}

}



/* * makes specific notes and other elements only visible for embeded help */


@media screen and (min-width: 456px) {

div.note.openhlpnewndow {
	
	display:none;
}

.openinnewndow {
	
	display:none;
}


}

/* * padding for search results */

@media (max-width: 991px) {
.portal-search-result {

	padding-left:10px;

}

}



/* * icons for SpeechLive Help */


.publication-icon .taxonomy-icons-introduction::before
{
content: "\f129";
}

.publication-icon .taxonomy-icons-overview::before
{
content: "\f06e";
}

.publication-icon .taxonomy-icons-getting-started::before
{
content: "\f058";
}

.publication-icon .taxonomy-icons-working-with-dictation-hardware::before
{
content: "\f130";
}

.publication-icon .taxonomy-icons-mobile-app::before
{
content: "\f10b";
}

.publication-icon .taxonomy-icons-desktop-app::before
{
content: "\f108";
}

.publication-icon .taxonomy-icons-how-to::before
{
content: "\f0eb";
}

.publication-icon .taxonomy-icons-whats-new::before
{
content: "\f1da";
}

.publication-icon .taxonomy-icons-troubleshooting::before
{
content: "\f0f1";
}

.publication-icon .taxonomy-icons-speechlive-health::before
{
content: "\f0fe";
}

.publication-icon .taxonomy-icons-speechlive-legal::before
{
content: "\f24e";
}