body {
	font-family: Open Sans,Tahoma,Geneva,sans-serif;
	min-width:1024px;
	overflow-x: hidden;
}

.mainDiv.ng-hide {
	opacity: 0;
}

.mainDiv.ng-hide-add,
.mainDiv.ng-hide-remove {
	transition: all linear 1s;
}

.mainLoader {
	margin-top: 50vh;
	transform: translate(50%,-50%);
}


.header {
	padding:10px;
	
}

.footer {
	padding-top:20px;
}

.headerLogo {
	cursor: pointer;
}

.content {
	background-color: #F0F2F0;
	padding-top:30px;
	border-top:solid 1px;
	border-bottom:solid 1px;
}

.content .jumbotron {
	background-color: #FFFFFF;
		
}

.iconsBar {
	text-align:right;
	color:#1D1753;
	padding-top: 20px;
	font-size: 16px;
	padding-right: 60px;
}

.iconsBar .icon {
	cursor: pointer;
}

button.btn {
	background-color: #007858;
	color: #FFFFFF;
}

label.btn {
	background-color: #007858;
	color: #FFFFFF;
}

.languageListSelect {
	margin-top:20px;
	margin-right:5px;
	width:200px;
}


.languageListSelect span {
	font-size:12px;
}

.languageListSelect span.ui-select-toggle{
	z-index: 1;
}

.languageListSelect i.caret{
	z-index: -1;
}

.helpConnectSection {
	margin-top:20px;
}

.helpConnectSection div {
	text-align:center;
}

.helpConnectLink {
	cursor: pointer;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 14px;
	text-decoration: underline;
}

.contactSection div {
	text-align:center;
}

.has-error span {
	color:#a94442;
}


.contactForm .label-column {
	text-align:left;	
}

.deviceChoice {
	background-color: #eeeeee;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}

.listDevices {
	margin-top:30px;
	margin-bottom:30px;
}

.deviceChoice span {
	display: table-cell;
	vertical-align: middle;
	padding:10px;
	text-align: left;
}


.flexitokenForm button {
	width: 100%;
}

.smartphoneForm button {
	width: 100%;
}

.loginPage button[type=submit] {
	width: 100%;
}

.loginPage i {
	font-size: 1.5em;
}

.linksRow {
	padding-top: 10px;
	padding-bottom: 10px;

}

.linksRow a {
	color:black;
}

.linksRow > * {
	margin-left:20px;
	margin-right:20px;
	display:inline-block;
}

.filesRow {
	padding-top: 10px;
	padding-bottom: 10px;
}

.filesRow a {
	color:black;
}

.filesRow > * {
	margin-left:20px;
	margin-right:20px;
	display:inline-block;
}

.fileVideo {
	cursor: pointer;
	color:black;
}

.fileVideo:hover {
	text-decoration: underline;
}

.welcomeParagraph {
	margin-top:20px;
}

.alertBox {
	margin-top:20px;
}

.modal-danger {
	color:#a94442;
	background-color:#f2dede;
}

.modal-info {
	color:#31708f;
	background-color:#d9edf7;
}


ol.breadcrumb {
	background-color: transparent;
	width:100%;
}

ol.breadcrumb li {
	width:33%;
}

ol.breadcrumb li span {
	width:100%;
}

.breadcrumb-arrow {
	height: 36px;
	padding: 0;
	line-height: 36px;
	list-style: none;
}
.breadcrumb-arrow li:first-child span {
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px
}
.breadcrumb-arrow li, .breadcrumb-arrow li span {
	display: inline-block;
	vertical-align: top
}
.breadcrumb-arrow li:not(:first-child) {
	margin-left: -5px;
	padding-right: 10px;
}

.breadcrumb-arrow li+li:before {
	padding: 0;
	content: ""
}

.breadcrumb-arrow li span {
	height: 36px;
	padding: 0 10px 0 25px;
	line-height: 36px
}
.breadcrumb-arrow li:first-child span {
	padding: 0 10px
}
.breadcrumb-arrow li span {
	position: relative;
	text-decoration: none;
}
.breadcrumb-arrow li:first-child span {
	padding-left: 10px
}
.breadcrumb-arrow li span:after, .breadcrumb-arrow li span:before {
	position: absolute;
	top: -1px;
	width: 0;
	height: 0;
	content: '';
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent
}
.breadcrumb-arrow li span:before {
	right: -10px;
	z-index: 3;
	border-left-style: solid;
	border-left-width: 11px
}
.breadcrumb-arrow li span:after {
	right: -11px;
	z-index: 2;
	border-left: 11px solid #ffffff
}


.breadcrumb-arrow li.active span {
	font-weight: 900;
	opacity: 1;

}

ol.breadcrumb-arrow {
	display: inline-block;
	text-align: center;
	opacity: 0.7;
}

.breadcrumb-container {
	position:relative;
	display: block;
	text-align: center;
}

.google-play-icon {
	margin-top:18px;
	 height:64px;
 }

.itunes-store-icon {
	margin-top:18px;
	height:62px;
}

.app-stores {
	margin-top:40px;
	margin-bottom:40px;
	text-align: center;
}


.btn-previous span, .btn-previous i, .btn-next span, .btn-next i {
	display: table-cell;
	vertical-align: middle;
}

.container-btn-next {
	text-align: right;
}

.container-btns {
	margin-top:10px;
	margin-bottom:20px;
}

.scanQRLabelsRow {
	margin-bottom:20px;
}

.scanQRArrow{
	padding-top: 100px;
	text-align: center;
}


.scanQRImage .phone-scanQRCode {
	position: relative;
	width: 159px;
	height: 304px;
	margin-left: auto;
	margin-right: auto;
}

.scanQRImage .phone-scanQRCode .background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("../../images/phone-scanQRCode.png");
	top: 0;
	left:0;
	z-index: 9;
	background-repeat: no-repeat;
}

.scanQRImage .qrCodeImage {
	position: relative;
	width: 250px;
	height: 352px;
	margin-left: auto;
	margin-right: auto;
}

.scanQRImage .qrCodeImage .background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("../../images/QRCode.png");
	top: 0;
	left:0;
	z-index: 9;
	background-repeat: no-repeat;
}

.scanQRImage .qrCodeImage .imageContent {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	display: table;
	z-index: 10;
}

.scanQRImage .qrCodeImage .imageContent span {
	font-size: 32px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	transform: rotate(-30deg);
	color:black;
}

.courrier-generique {
	position: relative;
	width: 280px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
}

.courrier-generique .background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("../../images/courrier_generique.png");
	top: 0;
	left:0;
	z-index: 9;
	background-repeat: no-repeat;
}

.phone-manualQRCode {
	position: relative;
	width: 159px;
	height: 304px;
	margin-left: auto;
	margin-right: auto;
}

.phone-manualQRCode .background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("../../images/phone-manualQRCode.png");
	top: 0;
	left:0;
	z-index: 9;
	background-repeat: no-repeat;
}

.cannotScanQRLabelsRow {
	margin-bottom:20px;
	text-align: center;
}


.cannotScanQRTitle {
	margin-bottom:20px;
}

.cannotScanQRForm input
{
	margin-top:30px;
	margin-bottom:30px;
}

.cannotScanQRFormFields {
	position: relative;
	width: 320px;
	height: 160px;
	margin-left: auto;
	margin-right: auto;
}

.cannotScanQRFormFields .specimen {
	position: absolute;
	top: 0;
	left:0;
	font-size: 32px;
	display: table;
	z-index: 10;
	width: 100%;
	height: 100%;
	color:black;
}

.cannotScanQRFormFields .specimen span {
	font-size: 32px;
	font-family: Verdana;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	transform: rotate(-30deg);
}

.scanQRCodeLink {
	text-align: center;
}

.smartphonePaired {
	text-align: center;
}

.smartphonePaired i.fa-check {
	color:green;
}

.laststep .center {
	text-align: center;
}

.howToSmartphonePage .mainContainer {
	margin-left: 5px;
	margin-right: 5px;
}

.howToSmartphonePage a.link {
	text-decoration: underline;
}

div.eyePassword i  {
	font-size: 1em;
}

div.eyePassword span  {
	cursor: pointer;
}


div.eyePassword .transcluded input:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear
{
	display: none;
}

.changePasswordPage .form-horizontal .control-label {
	text-align: left;
}

.mb-20 {
	margin-bottom: 20px;
}

.mx-20 {
	margin-right: 20px;
}

.loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	margin: -76px 0 0 -76px;
}

@-webkit-keyframes spin {
	to {
		stroke-dashoffset: -264;
	}
}

@keyframes spin {
	to {
		stroke-dashoffset: -264;
	}
}

.spinner circle {
	fill: none;
	stroke: slategray;
	stroke-width: 16;
	stroke-linecap: round;
	stroke-dasharray: 0, 0, 70, 194;
	stroke-dashoffset: 0;
	animation: spin 1s infinite linear;
	-webkit-animation: spin 1s infinite linear;
}

.closeIcon{
	background-color: #f5dede!important;
	color: black!important;
}

.invalidField{
	background-color: pink;
}

.validField{
	background-color: lightgreen;
}

.closeIcon{
	background-color: #f5dede!important;
	color: black!important;
}

.border-red{
	border-color: red;
}