body {
    margin-left: 15%;
    margin-right: 15%;
    color: #4c4c4e;
    font-family: 'Roboto Regular';
    line-height: 1.5;
}

#mainContent {
	min-height: calc(100vh - 200px);
}

.footer {
	height: 50px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	/* width: 96%; */
	padding-left: 34px;
	padding-right: 24px;
}

.footerElement {
	font-family: 'Roboto Regular';
	font-size: 14px;
	color: #46A0D2;
	text-decoration: none;
}

.footer a {
    text-decoration: none;
}

.footer a:hover .footerElement {
    font-weight: bold;
    color: #2a7aaf;
    transform: scale(1.02);
}

.footerElementNonClickable {
	font-family: 'Roboto Regular';
	font-size: 14px;
	color: #46A0D2;
	pointer-events: none;
}

/* Default link styles */
a {
    color: #46A0D2;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    position: relative;
}

a:hover {
    color: #2a7aaf;
    text-decoration: underline;
}

/* Email links */
a.email-link {
    color: #46A0D2;
    text-decoration: underline;
}

#title, #jurisdictionTitle {
    font-family: 'Roboto Medium';
    color: #46A0D2;
	padding-left: 30px;
}

.bodyText {
    font-family: 'Roboto Regular';
	padding-left: 30px;
	color: #4c4c4e;
}

#header {
    display: flex;
    flex-direction:row;
    align-items: center;
    justify-content:flex-end;
    flex-wrap:wrap;
    width: 100%;
    border-bottom: 1px solid #46A0D2;
}

#subHeader {
    display: flex;
    flex-direction:row;
    align-items: center;
    justify-content:space-between;
    flex-wrap:wrap;
    width: 100%;
}

#languageSwitcher {
	color: #46A0D2;
	padding-right: 10px;
	font-size: 34px;
	padding-bottom:15px;
	transition: 1s;	
}


#languageSwitcher:hover {
	color: #46A0D2;
	padding-right: 10px;
	font-size: 36px;
	padding-bottom:15px;
	cursor:pointer;
	transition: 0.1s;

}

.languages {
	display:none;
	font-family: 'Roboto Regular';
	font-size: 14px;

}


#jusrisdictionSelector {
	display: flex;
	flex-direction: column;
	align-items:center;
	flex-wrap: wrap;
	width: 100%;
}

.jurisdiction {
	background-color:white;
	color: #46A0D2;
	border: 1px solid #46A0D2;
	border-radius: 3px;
	font-family: 'Roboto Regular';
	font-size: 20px;
	width:94%;
	margin-left: 20px;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	transition: 0.5s;
	cursor:pointer;
}

.jurisdiction:hover {
	background-color: #46A0D2;
	color: white;
	border: 1px solid #46A0D2;
	border-radius: 3px;
	font-family: 'Roboto Regular';
	font-size: 20px;
	width: 95%;
	/* margin-left: 30px; */
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	
}


#KardiumLogo {
    width: 240px;
}

#GlobeLogo {
    width: 240px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Medium';
    font-size: 24px;
}

#mainContent {
    padding-top: 24px;
}

.cookieconsent {
	font-family: 'Roboto Regular';
	background-color: #2F2F2F;
}

.accept {
	font-family: 'Roboto Regular';
	background-color: #2F2F2F;
	text-decoration: underline;
	color: white;
}

.btn {
	background-color:#46A0D2;
	font-size: 32px;
	border: none;
	color: white;
	width: 100px;
	transition-duration: 0.2s;
}

.btn:hover {
	font-size: 36px;
	cursor: pointer;
}

.ifu-title {
    font-family: 'Roboto Regular';
    transition: all 0.2s ease-in-out;
    display: inline-block;
}

.ifu-title:hover {
    font-weight: bold;
    transform: scale(1.05);
}

.ifu-title a {
    color: white;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.ifu-title a:hover {
    text-decoration: none;
    color: white;
}

/* tooltips */
.toolTip {
	font-weight: normal;
}

.toolTip:hover {
	font-weight: bold;
	cursor: pointer;
}

/* fonts */
@font-face 
{
	font-family: 'Roboto Black';
	src: url(../fonts/Roboto-Black.ttf);
}

@font-face 
{
	font-family: 'Roboto Black Italic';
	src: url(../fonts/Roboto-BlackItalic.ttf);
}

@font-face 
{
	font-family: 'Roboto Bold';
	src: url(../fonts/Roboto-Bold.ttf);
}

@font-face 
{
	font-family: 'Roboto Bold Italic';
	src: url(../fonts/Roboto-BoldItalic.ttf);
}

@font-face 
{
	font-family: 'Roboto Italic';
	src: url(../fonts/Roboto-Italic.ttf);
}

@font-face 
{
	font-family: 'Roboto Light';
	src: url(../fonts/Roboto-Light.ttf);
}

@font-face 
{
	font-family: 'Roboto Light Italic';
	src: url(../fonts/Roboto-LightItalic.ttf);
}

@font-face 
{
	font-family: 'Roboto Medium';
	src: url(../fonts/Roboto-Medium.ttf);
}

@font-face 
{
	font-family: 'Roboto Medium Italic';
	src: url(../fonts/Roboto-MediumItalic.ttf);
}

@font-face 
{
	font-family: 'Roboto Regular';
	src: url(../fonts/Roboto-Regular.ttf);
}

@font-face 
{
	font-family: 'Roboto Thin';
	src: url(../fonts/Roboto-Thin.ttf);
}

@font-face 
{
	font-family: 'Roboto Thin Italic';
	src: url(../fonts/Roboto-ThinItalic.ttf);
}

/* Table styles*/

table, th, td {
	font-family: 'Roboto Regular';
	width: 100%;
	margin-top: 25px;
	padding-left: 24px;

}

td {
	text-align: center;
	padding: 10px;
}

thead {
	background-color: #1B264F;
	color: white;
}

th {
	font-weight: normal;
	text-align: center;
	padding: 10px;
}

tbody {
	background-color: #46A0D2;
	color: white;
}

/* Table styles - ensure text is visible on blue background */
#activeIFUs,
#activeIFUs a,
#activeIFUs th,
#activeIFUs td {
    color: white;
}

#activeIFUs a:hover {
    text-decoration: underline;
    color: white;
}

#activeIFUs thead th,
#activeIFUs thead a {
    color: white !important;
}

#activeIFUs tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

#activeIFUs a {
    text-decoration: none;
}

#activeIFUs a:hover {
    text-decoration: underline;
}

/* Footer styles */
.footerElement {
    color: #46A0D2;
    text-decoration: none;
    padding: 4px 8px;
    border-radius: 3px;
}

.footer a {
    text-decoration: none;
}

.footer a:hover .footerElement {
    text-decoration: underline;
    color: #46A0D2;
    background-color: rgba(255, 255, 255, 0.1);
}

.footerElementNonClickable {
    color: #46A0D2;
    text-decoration: none !important;
    cursor: default !important;
    pointer-events: none;
    padding: 4px 8px;
}

/* responsive tables */
@media only screen and (max-width: 768px) {

	body {
		margin-left: 0;
		margin-right: 0;
	}
	
	.responsiveTable table, 
	.responsiveTable thead, 
	.responsiveTable tbody, 
	.responsiveTable th, 
	.responsiveTable td, 
	.responsiveTable tr { 
		display: block; 
	}
 
	.responsiveTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.responsiveTable tr { border: 1px solid white; }
 
	.responsiveTable td { 
		/* border: none; */
		border-bottom: 1px solid white; 
		position: relative;
		/* padding-left: 50%;  */
		padding: 10px 10px 30px 50%;
		/* line-height: 1.7; */
		white-space: normal;
		text-align: left;
		
	}

	.responsiveTable .responsiveTitle {
		background-color: #1B264F;
	}
 
	.responsiveTable td:before { 
		position: absolute;
		/* top: 6px; */
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align: left;
		/* font-weight: bold; */
		text-wrap: balance;
		word-wrap: break-word;
		
		
	}
	/* Add labels from data-title tags */
	.responsiveTable td:before { 
		content: attr(data-title); 
	}
}

.alertMessage {
	border: 1px solid red;
	margin-left: 30px;
	font-family: 'Roboto Regular';
	margin-top: 30px;
	padding-left: 30px;
	line-height: 40px;
}

#archiveLinkTitle {
	font-family: 'Roboto Regular';
	color: #46A0D2;
	padding-left: 30px;
}

/* Header styles */
#header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: white;
    flex-direction: row;
}

#version-display {
    color: #888888;
    font-family: 'Roboto Regular';
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px;
    text-decoration: none !important;
    pointer-events: none;
}

#header .logo {
    pointer-events: auto;
}

/* Adding this to make sure text colour is inherited by all element types */
p, div, span, td, th, li, label, input, select, textarea {
    color: #4c4c4e;
    font-family: 'Roboto Regular';
}

/* Adding this to make sure link colours stay blue */
.footerElement,
.footerElementNonClickable,
a,
.footer a,
#footer a {
    color: #46A0D2; 
}