/********************************************
 *
 * X509 Common
 *
 ********************************************/
.X509 .visual {
	font-family: sans-serif;
	font-weight: bold;
	margin: 5px auto;
	width: 338px;
	height: 213px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 1px 1px 20px #555;
	background-image: url(../images/x509/unknown-grey.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.X509 .visual:hover {
	cursor: pointer;
}

.X509 .visual:active {
	box-shadow: 3px 3px 5px #000000;
	border-radius: 12px;
}

.X509 .visual .vendorRow {
	width: 338px;
	height: 43px;
	display: table-row;
}

.X509 .visual .vendor {
	width: 338px;
	display: table-cell;
	padding-left: 40px;
	vertical-align: middle;
	text-transform: uppercase;
}

.X509 .visual .readerRow {
	width: 338px;
	height: 69px;
	display: table-row;
}

.X509 .visual .readerContainer {
	position: relative;
	width: 51px;
	height: 45px;
	top: 24px;
	left: 34px;
}

.X509 .visual .reader {
	display: table-cell;
	width: 51px;
	height: 45px;
	text-align: center;
	vertical-align: middle;
}

.X509 .visual .reading {
	background-image: url(../images/x509/wait.gif);
	background-size: 43px 43px;
	background-repeat: no-repeat;
	background-position: center center;
}

.X509 .visual .messageRow {
	display: table-row;
	width: 338px;
	height: 95px;
}

.X509 .visual .messageContainer {
	height: 95px;
	width: 338px;
	overflow: hidden;
}

.X509 .visual .message {
	display: table-cell;
	vertical-align: middle;
	padding-left: 35px;
	text-transform: uppercase;
	height: 95px;
	width: 338px;
}

/********************************************
 *
 * FMH
 *
 ********************************************/
.X509 .fmh {
	background-image: url(../images/x509/unknown-blue2.png);
}

.X509 .fmh.visual .vendor {
	color: white;
}

/********************************************
 *
 * SuisseID
 *
 ********************************************/
.X509 .suisseid {
	background-image: url(../images/x509/unknown-red.png);
}

.X509 .suisseid.visual .vendor {
	color: white;
}

/********************************************
 *
 * LuxTrust
 *
 ********************************************/
.X509 .luxtrust {
	background-image: url(../images/x509/unknown-black.png);
}

.X509 .luxtrust.visual .vendor {
	color: white;
}

/********************************************
 *
 * ASIP Santé
 *
 ********************************************/
.X509 .asip {
	background-image: url(../images/x509/asip/defaut.png);
}

.X509 .asip .vendor {
	visibility: hidden;
}

.X509 .asip00 {
	background-image: url(../images/x509/asip/sans-contact.png);
}

.X509 .asip000010 {
	background-image: url(../images/x509/asip/medecin.png);
}

.X509 .asip000021 {
	background-image: url(../images/x509/asip/pharmacien.png);
}

.X509 .asip000026 {
	background-image: url(../images/x509/asip/fournisseur.png);
}

.X509 .asip000028 {
	background-image: url(../images/x509/asip/fournisseur.png);
}

.X509 .asip000040 {
	background-image: url(../images/x509/asip/chirurgien-dentiste.png);
}

.X509 .asip000050 {
	background-image: url(../images/x509/asip/sage-femme.png);
}

.X509 .asip000060 {
	background-image: url(../images/x509/asip/infirmier.png);
}

.X509 .asip000069 {
	background-image: url(../images/x509/asip/infirmier.png);
}

.X509 .asip000070 {
	background-image: url(../images/x509/asip/masseur-kine.png);
}

.X509 .asip000080 {
	background-image: url(../images/x509/asip/pedicure-podologue.png);
}

.X509 .asip000081 {
	background-image: url(../images/x509/asip/fournisseur.png);
}

.X509 .asip000082 {
	background-image: url(../images/x509/asip/fournisseur.png);
}

.X509 .asip000083 {
	background-image: url(../images/x509/asip/fournisseur.png);
}

.X509 .asip000084 {
	background-image: url(../images/x509/asip/fournisseur.png);
}

.X509 .asip000085 {
	background-image: url(../images/x509/asip/auxiliaire-med.png);
}

.X509 .asip000091 {
	background-image: url(../images/x509/asip/auxiliaire-med.png);
}

.X509 .asip000092 {
	background-image: url(../images/x509/asip/auxiliaire-med.png);
}

.X509 .asip000094 {
	background-image: url(../images/x509/asip/auxiliaire-med.png);
}

.X509 .asip000096 {
	background-image: url(../images/x509/asip/auxiliaire-med.png);
}

.X509 .asip000098 {
	background-image: url(../images/x509/asip/auxiliaire-med.png);
}

.X509 .asip000110 {
	background-image: url(../images/x509/asip/medecin-formation.png);
}

.X509 .asip000121 {
	background-image: url(../images/x509/asip/pharmacien-formation.png);
}

.X509 .asip000140 {
	background-image:
		url(../images/x509/asip/chirurgien-dentiste-formation.png);
}

.X509 .asip000150 {
	background-image: url(../images/x509/asip/sage-femme-formation.png);
}

.X509 .asip0002 {
	background-image: url(../images/x509/asip/cpe.png);
}

.X509 .asip000202 {
	background-image: url(../images/x509/asip/cpe.png);
}

.X509 .asip000203 {
	background-image: url(../images/x509/asip/cpe.png);
}

.X509 .asip0003 {
	background-image: url(../images/x509/asip/cpa.png);
}

.X509 .asip000302 {
	background-image: url(../images/x509/asip/cpa.png);
}

.X509 .asip000303 {
	background-image: url(../images/x509/asip/cpa.png);
}

.X509 .asip80 {
	background-image: url(../images/x509/asip/sans-contact.png);
}

.X509 .asip800010 {
	background-image: url(../images/x509/asip/medecin.png);
}

.X509 .asip800021 {
	background-image: url(../images/x509/asip/pharmacien.png);
}

.X509 .asip800026 {
	background-image: url(../images/x509/asip/fournisseur.png);
}

.X509 .asip800028 {
	background-image: url(../images/x509/asip/fournisseur.png);
}

.X509 .asip800040 {
	background-image: url(../images/x509/asip/chirurgien-dentiste.png);
}

.X509 .asip800050 {
	background-image: url(../images/x509/asip/sage-femme.png);
}

.X509 .asip800060 {
	background-image: url(../images/x509/asip/infirmier.png);
}

.X509 .asip800069 {
	background-image: url(../images/x509/asip/infirmier.png);
}

.X509 .asip800070 {
	background-image: url(../images/x509/asip/masseur-kine.png);
}

.X509 .asip800080 {
	background-image: url(../images/x509/asip/pedicure-podologue.png);
}

.X509 .asip800081 {
	background-image: url(../images/x509/asip/fournisseur.png);
}

.X509 .asip800082 {
	background-image: url(../images/x509/asip/fournisseur.png);
}

.X509 .asip800083 {
	background-image: url(../images/x509/asip/fournisseur.png);
}

.X509 .asip800084 {
	background-image: url(../images/x509/asip/fournisseur.png);
}

.X509 .asip800085 {
	background-image: url(../images/x509/asip/auxiliaire-med.png);
}

.X509 .asip800091 {
	background-image: url(../images/x509/asip/auxiliaire-med.png);
}

.X509 .asip800092 {
	background-image: url(../images/x509/asip/auxiliaire-med.png);
}

.X509 .asip800094 {
	background-image: url(../images/x509/asip/auxiliaire-med.png);
}

.X509 .asip800096 {
	background-image: url(../images/x509/asip/auxiliaire-med.png);
}

.X509 .asip800098 {
	background-image: url(../images/x509/asip/auxiliaire-med.png);
}

.X509 .asip800110 {
	background-image: url(../images/x509/asip/medecin-formation.png);
}

.X509 .asip800121 {
	background-image: url(../images/x509/asip/pharmacien-formation.png);
}

.X509 .asip800140 {
	background-image:
		url(../images/x509/asip/chirurgien-dentiste-formation.png);
}

.X509 .asip800150 {
	background-image: url(../images/x509/asip/sage-femme-formation.png);
}

.X509 .asip8002 {
	background-image: url(../images/x509/asip/cpe.png);
}

.X509 .asip800202 {
	background-image: url(../images/x509/asip/cpe.png);
}

.X509 .asip800203 {
	background-image: url(../images/x509/asip/cpe.png);
}

.X509 .asip8003 {
	background-image: url(../images/x509/asip/cpa.png);
}

.X509 .asip800302 {
	background-image: url(../images/x509/asip/cpa.png);
}

.X509 .asip800303 {
	background-image: url(../images/x509/asip/cpa.png);
}

.X509 .asip03 {
	background-image: url(../images/x509/asip/certificate.png);
}

.X509 .asip83 {
	background-image: url(../images/x509/asip/certificate.png);
}

@media(max-width:480px) {
	.X509 .visual,.X509 .visual .vendorRow,.X509 .visual .vendor,.X509 .visual .readerRow,.X509 .visual .messageRow,.X509 .visual .messageContainer,.X509 .visual .message {
		width:240px
	}
	.X509 .visual {
		height:151px
	}
	.X509 .visual .vendorRow {
		height:30px
	}
	.X509 .visual .readerRow {
		height:49px
	}
	.X509 .visual .messageRow,.X509 .visual .messageContainer,.X509 .visual .message {
		height:67px
	}
	.X509 .visual .readerContainer {
		top: 12px;
		left: 18px;
	}
}