@charset "UTF-8";
/* CSS Document */

.yes {
	color: #4C8C2B;
	background: #e4eedf;
	font-family: 'Graphik Bold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
}

.yes-fix {
	color: #333F48;
	font-family: 'Graphik Regular', 'Arial Unicode MS', Arial, sans-serif;
}

.no {
	background: #f1f1f1;
}

/* Temporary footer fix */

.footer #ot-sdk-btn.ot-sdk-show-settings {
	color:#333F48;
	cursor:pointer;
}
 
.footer #ot-sdk-btn.ot-sdk-show-settings:hover {
	color:#1D252D;
}

/* Responsive table */

table tbody th {
	background: unset;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	
	table, thead, tbody, th, td, tr { 
		display: block;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { 
		border: 1px solid #ccc; 
	}
	
	td { 
     	border: none;
     	border-bottom: 1px solid #eee; 
     	position: relative;
     	padding-left: 50%; 
	}
	
	/* Top/left values mimic padding */	

	td:before { 
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-family: 'Graphik Bold', Helvetica, Arial, 'Arial Unicode MS', sans-serif;
	}
	
	/* Label the data */
	
	td:first-child {
		background: #D9D9D6;
	}
	
	td:nth-of-type(2):before { 
		content: "CatExpress"; 
		padding-bottom: 5px; 
		display: block; 
		color: #333F48 !important;
	}
	
	td:nth-of-type(3):before { 
		content: "Connexion browser"; 
		padding-bottom: 5px; 
		display: block; 
		color: #333F48 !important;
	}
	
	td:nth-of-type(4):before { 
		content: "Connexion client"; 
		padding-bottom: 5px; 
		display: block; 
		color: #333F48 !important;
	}
	
	td:nth-of-type(5):before { 
		content: "WorldShare Record Manager"; 
		padding-bottom: 5px; 
		display: block; 
		color: #333F48 !important;
	}
	
	td:nth-of-type(6):before { 
		content: "Z39.50 Cataloging"; 
		padding-bottom: 5px; 
		display: block; 
		color: #333F48 !important;
	}
	
	td:nth-of-type(7):before { 
		content: "Metadata API"; 
		padding-bottom: 5px; 
		display: block; 
		color: #333F48 !important;
	}
	
}