@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, .important, .warning {
	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, .warning 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 ---------------------------- */

/* * hides featured content */

.portal-contents.featured-content, .featured-content-label { display: none; }

.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;
}

/* * change helpcenter portal page icons */

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

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

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

/* * used mainly in user manuals */

.publication-icon .taxonomy-icons-your-device::before
{
content: "\f011";
}

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

.publication-icon .taxonomy-icons-use-your-device::before
{
content: "\f007";
}

.publication-icon .taxonomy-icons-button-modes::before
{
content: "\f25a";
}

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

.publication-icon .taxonomy-icons-technical-data::before
{
content: "\f15c";
}

.publication-icon .taxonomy-icons-certifications::before
{
content: "\f0a3";
}


/* * icons for SE workbook */

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

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

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

.publication-icon .taxonomy-icons-license-server::before
{
content: "\f084";
}

.publication-icon .taxonomy-icons-transcription-module::before
{
content: "\f007";
}

.publication-icon .taxonomy-icons-workflow-manager::before
{
content: "\f0b2";
}

.publication-icon .taxonomy-icons-dictation-statistics::before
{
content: "\f201";
}

.publication-icon .taxonomy-icons-speechrecognition-service::before
{
content: "\f1c7";
}

.publication-icon .taxonomy-icons-webaccess::before
{
content: "\f0ac";
}

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

.publication-icon .taxonomy-icons-active-directory::before
{
content: "\f0e8";
}

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

.publication-icon .taxonomy-icons-speechlive-service::before
{
content: "\f0c2";
}

.publication-icon .taxonomy-icons-iis-server::before
{
content: "\f233";
}

.publication-icon .taxonomy-icons-unified-installer::before
{
content: "\f019";
}

.publication-icon .taxonomy-icons-upgrading-see::before
{
content: "\f0ad";
}