﻿@import url('bootstrap-5.2.0.min.css');

@import url('language-switch.css');

body
{
	font-family: 'Open Sans', Calibri, sans-serif;
	font-size: 16px;
	line-height: 1.6;
}

a
{
	cursor: pointer;
	text-decoration: none;
	color: #285CE6;
}

a:hover,
a:active,
a:focus
{
	text-decoration:underline;
	text-decoration-thickness: 5%;
	color: #285CE6;
}

div.product-banner
{
	color: #FFFFFF;
	background: linear-gradient(76.7deg, #1C2370 1.22%, #1B469F 36.4%, rgba(27, 70, 159, 0) 200.77%);
}

div.product-banner p,
div.product-banner h2
{
	font-weight: 100;
	margin-bottom: 1.5em;
}

div.product-banner a
{	
	color: #FFFFFF;
}


div.product-banner img.dmo-logo
{
	width: auto;
	height: 40px;
	margin-left: 12px;
}

div.product-banner.professional
{
	background: radial-gradient(ellipse, rgba(255,255,255,1) 10%, rgba(216,222,225,1) 80%);
	color: #333333;	
}

div.update-banner
{
	background-image: url("../images/Rectangle 3469282.png"), linear-gradient(#5180E0, #1C2F80);
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding-top: 35px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	font-weight: 100;
	border-radius: 7px;
	margin-top: 40px;
	font-size: 16px;
}

div.update-banner a.btn
{
	color: #FFFFFF;
	background-color: transparent;
	font-weight: 700;
	border: 1px solid #FFFFFF;
	--bs-border-color: #FFFFFF;
	--bs-btn-padding-x: 2rem;
}

div.update-banner a.btn:hover
{
	color: #5180E0;
	background-color: #FFFFFF;
	text-decoration: none;
}

div.update-banner h2

{
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 0.5em;
}

span.nuance-wordmark
{
	display: inline-block;
	margin-left:0.08em;
	height: 1em;
	width:100%;
	background: url('../images/DragonMedical_One_Horizontal_White.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom left;
}

span.dla-wordmark
{
	display: inline-block;
	margin-left:0.08em;
	height: 1em;
	width:100%;
	background: url('../images/dla_logo.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom left;
}

span.dpa-wordmark
{
	display: inline-block;
	margin-left:0.08em;
	height: 1em;
	width:100%;
	background: url('../images/dpa_logo.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom left;
}

span.align
{
	display:inline-block;
	vertical-align:middle;
	text-decoration: inherit;
}

pre
{
	font-size: 12px;
	color: rgb(0, 58, 124);
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	background-color: #f5f5f5;
	padding: 9.5px;
}

code
{
	padding: 10px;
	word-wrap: break-word;
	display: inline-block;
	white-space: pre-wrap;
}


div.navigation
{
	background-color: #F3F5F5;
}


table.comparison-table a.go-to-product,
table.comparison-table a.go-to-product:visited
{
	font-weight: 700;
	color: #285CE6;
	line-height: 1.1;
}





div.main-alt
{
	background-color: #F3F5F5;
}

div.list-card
{
	background-color: white;
	width: 100%;
	height: 100%;
	padding: 1em;
}

div.list-card p
{
	margin-bottom: 0;
}

div.list-card li
{
	margin-bottom: 0.3em;
}

div.footer
{
	color: #FFFFFF;
	border-top: 1px solid rgb(72, 74, 74);
	background-color: #000000;
	font-size: 14px;
	line-height: 1;
}

div.footer a
{
	color: rgb(215, 217, 222);
}

div.legal,
div.legal a
{
	color: rgb(153, 153, 153);
	font-size: 12px;
}

div.legal p
{
	border-left: 1px solid rgb(153, 153, 153);
	padding: 0 1em 0 1em;
}

div.legal p:first-child
{
	border-left: none;
	padding-left: 0;
}


.tab-content
{
	border: none !important;
	padding: 60px 0px 0px 0px;
}


table.comparison-table a.btn,
table.comparison-table a.btn:visited,
a.download-button,
a.download-button:visited
{
	color: #285CE6;
	background-color: transparent;
	font-weight: 700;
	border: 1px solid #285CE6;
	--bs-border-color: #285CE6;
}

a.download-button
{
	margin: 20px 0 20px 0;
}

table.comparison-table a.btn:hover,
table.comparison-table a.btn:active,
a.download-button:hover,
a.download-button:active
{
	color: #FFFFFF;
	background-color: #285CE6;
	text-decoration: none;
}

table.comparison-table a.btn-responsive {
    padding-top: 0.5rem;
	padding-bottom: 0.5rem;
    padding-left: 1rem;
	padding-right: 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
}

div.emptyDownloadNotification
{
	display: none;
	margin-bottom: 0;
}

div.emptyDownloadNotification p
{
	margin-bottom: 0;
}

a.btn.disabled
{
	background-color: #F3F5F5;
}

a.btn-download
{
  background: url('../images/cta_download_off.png') no-repeat;
  background-size: 45px;
  padding-left: 3em;
  background-position-x: 0.4em;
}

a.btn-download:hover
{
  background: #285CE6 url('../images/cta_download_on.png') no-repeat;
  background-size: 45px;
  background-position-x: 0.4em;
}

li
{
	margin-bottom: 1rem;
}

h1,
h2
{
	margin-left: -0.04em;
}

h3
{
	font-size: 40px;
	letter-spacing: -2px;
	font-weight: lighter;
	color: #333333;
	margin-bottom:1em;
}

h4
{
	font-size: 28px;
	color: #333333;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	font-weight: normal;
}

h5
{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	font-weight: normal;
}

h6
{
	font-weight: bold;
}

col.comparison
{
	width: 30% !important;
}

table.comparison-table p,
div.header p
{
	margin-bottom: 0;
}

table.comparison-table td /*smaller padding for smaller screens defined below*/
{
	vertical-align: middle;
	height: 60px;
	padding-left: 2em;
	padding-right: 2em;
}


table.comparison-table td.border-end,
table.comparison-table td.border-start,
table.comparison-table tr.border-bottom,
table.comparison-table tr.border-top
{
	--bs-border-color: #285CE6;
}

tr.category-row td
{
	background-color: #F6F6F6;
}

img.logo
{
	height: 25px;
	margin-right: 16px;
}

img.dmo-logo
{
	width: 100px;
	height: auto;
	margin-bottom: 1rem;
}

img.yesno-indicator
{
	height: 32px;
	width: auto;
}

img.nav-arrow
{
	height: 17px;
	width: auto;
	margin-right: 5px;
}


/*Product comparison page for mobile*/

#comparisonAccordion
{
	display: none;
}

#dragonBarRow
{
	display: table-row;
}

@media screen and (max-width: 769px)
{

	table.comparison-table td
		{
			padding-left: 0.5em;
			padding-right: 0.5em;
		}
		
	table.comparison-table p
		{
			font-size: 0.9em;
		}

	#comparisonAccordion
		{
			display: block;
			padding-bottom: 32px;
		}	
		
	#dragonBarRow
		{
			display:none;
		}
	
	img.dmo-logo
		{
			width: auto;
			height: 40px;
			margin-bottom: -8px;
		}
	
	table.comparison-table a.btn-responsive { /*switch from btn-lg to btn-sm values*/
    	padding-left: 0.5rem;
		padding-right: 0.5rem;
   		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
   	 	font-size: 0.875rem;
    	border-radius: 0.25rem;
	}
}

/*Download page navigation menus*/

#mnu
{
	display: none;
}

.mnu-burger
{
	width: 24px;
	height: 3px;
	background-color: #333;
	margin: 4px 0;
	display: block;
}



@media screen and (max-width: 769px)
{
	#mnu
	{
		display: block;
	}
	
	#pageNavigation
	{
		display: none;
	}
	

}

@media screen and (min-width: 770px)
{
	#dmo-menu
	{
		display: none;
	}
}

ul#navbar
{
	width:100%;
	font-size: 14px;
}

ul#navbar li
{
	width: min-content;
	max-width: min-content;
	min-width: 5%;
	margin-bottom: 0;
	margin-right: 3%;
	outline: 0;
}

ul#navbar > li > a
{
	line-height: 1;
	color: #333 !important;
	padding: 0;
	margin: 0;
	outline: 0;
}

li.nav-item
{
	margin-bottom: 0;
}

.hide-menu
{
	display: none;
}

.nav a,
.nav a:hover,
.nav a:visited
{
	background-color: transparent;
	color: #333;
	display: block;
}

.nav a.active
{
	text-decoration: underline;
}

#dmo-menu
{
	background-color: #F3F5F5;
}

.navbar-toggler
{
	height: 32px;
	width: 32px;
	background-color: transparent;
	border: 0;
}





/*Internet Explorer styles:*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	a.btn
	{
		padding: 1em 2em 1em 2em;
		border-radius: 1em;
	}
	
	td.border-end
	{
		border-right: 1px solid #285CE6;
	}
	
	td.border-start
	{
		border-left: 1px solid #285CE6;
	}

	tr.border-bottom
	{
		border-bottom:  1px solid #285CE6;
	}

	tr.border-top
	{
		border-top: 1px solid #285CE6;
	}
}