@font-face { font-family: 'Open Sans'; src: url('../font/OpenSans-Regular.ttf'); }

* {
  font-family: "Open Sans",Arial,Helvetica,sans-serif;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
	height: 100%;
	
}

body {
	font-size: 12px; 
	font-size-adjust: 0.5;
	line-height: 1.4em; 
	min-height: 100%;
	background: white url("./images/fond-body.png") no-repeat;
	position: relative;
	margin-left: 0px;
  	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#container { 
	background: white url("./images/bc-is51.png") no-repeat;
	width: 1313px;
	margin-left:auto;
	margin-right:auto;
	min-height: 100vh;
	padding-bottom: 820px;
	display: block;
}

#content 
{ 
	position: relative;
	top: 365px;
	margin-right: 80px; 
	overflow: hidden;
	width: 330px;
	float: right;
}

footer {
  border-top: 1px solid #dfdfdf;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  padding-top: 1em;
  text-align: center;
  width: 1313px;
  margin-left:auto;
  margin-right:auto;
  padding-bottom: 1em;
}

.forgotpwd h2 a {
  color: #000000;
}

div#company{
background: url("./images/novadys.png") no-repeat;
position: relative;
height: 25px;
width: 100px;
margin-left:auto;
margin-right:auto;
}

div#company a{
display: block;
height: 25px;
width: 100px;

}

div#copyright{
background: url("./images/novaCloud Footer.png") no-repeat;
position: relative;
height: 25px;
width: 181px;
margin-left:auto;
margin-right:auto;
}

div#copyright a{
display: block;
height: 25px;
width: 181px;
}

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

#serviceui {
	visibility:hidden;
	position:absolute;
}

header { 
	padding-top: 10px;
	visibility: hidden;
	position:absolute;
}

header #logo { 
	width: 118px; 
	height: 70px; 
	text-indent: -999em; 
	float: left;
	
}

header h1 { 
	color: rgb(255, 255, 255);
	padding: 0.7em; 
	font-size: 4em; 
	font-weight: normal; 	
}

#msg { padding: 20px; margin-bottom: 10px; }
#msg h2 { font-size: 1.4em; margin-bottom: 1em; }
#msg.errors { border: 1px dotted #BB0000; color: #BB0000; padding-left: 100px; background: rgb(255, 238, 221) url(../images/error.gif) no-repeat 20px center; }
#msg.success { border: 1px dotted #390; color: #390; padding-left: 100px; background: rgb(221, 255, 170) url(../images/confirm.gif) no-repeat 20px center; }
#msg.info { border: 1px dotted #008; color: #008; padding-left: 100px; background: url(../images/info.gif) no-repeat 20px center; }
#msg.question { border: 1px dotted #390; color: #390; padding-left: 100px; background: url(../images/question.png) no-repeat 20px center; }
#msg.warn { border: 1px dotted #960; color: #960; padding-left: 100px; background: #ffbc8f url(../images/info.gif) no-repeat 20px center; }
#msg.warn .message { color: black; margin: 1em; font-size: 1.4em }

#fm1 { padding: 20px;}

#fm1 h2 { 
	font-size: 1.4em; 
	text-align: center;
	font-weight: normal; 
	padding-bottom: 10px; 
	margin-bottom: 10px; 
	color:#5E3568;
}
#fm1 .row { margin-bottom: 10px;}
#fm1 .row label { display: block; color:#006495; visibility:hidden; }

#fm1 .row input[type=text],
#fm1 .row input[type=password] { 
	padding-top: 7px; 
	padding-bottom: 7px;
	border: 1px solid #DDDDDD; 
	background: #ffffff;
	color: black;
	width: 288px;
	border-radius:3px;
	text-align:center;
	}
#fm1 .row.check {  padding-bottom: 10px; margin-bottom: 10px; font-size: 11px; color: #006495}
#fm1 .row.check label { display: inline; color:#006495; }

#fm1 section.row.btn-row {
	position:relative;
	margin-top:40px;
}

#fm1 .row .btn-submit { 	
	background: #B1356E;
	background-image: -webkit-linear-gradient(top, #B1356E, #B1356E);
	background-image: -moz-linear-gradient(top, #B1356E, #B1356E);
	background-image: -ms-linear-gradient(top, #B1356E, #B1356E);
	background-image: -o-linear-gradient(top, #B1356E, #B1356E);
	background-image: linear-gradient(to bottom, #B1356E, #B1356E);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #ffffff;
	font-size: 13px;
	padding: 10px;
	width: 100%;
	border: solid #B1356E 1px;
	text-decoration: none;
}
#fm1 .row .btn-reset { 
  background: #006495;
  background-image: -webkit-linear-gradient(top, #006495, #006495);
  background-image: -moz-linear-gradient(top, #006495, #006495);
  background-image: -ms-linear-gradient(top, #006495, #006495);
  background-image: -o-linear-gradient(top, #006495, #006495);
  background-image: linear-gradient(to bottom, #006495, #006495);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  color: #ffffff;
  font-size: 13px;
  font-size-adjust: 0.5;
  padding: 7px 42px 7px 42px;
  border: solid #006495 1px;
  text-decoration: none;
}

#fm1 .row .btn-submit:hover,
#fm1 .row .btn-reset:hover { 
	cursor: pointer;
	background: #D696B5;
	background-image: -webkit-linear-gradient(top, #D696B5, #D696B5);
	background-image: -moz-linear-gradient(top, #D696B5, #D696B5);
	background-image: -ms-linear-gradient(top, #D696B5, #D696B5);
	background-image: -o-linear-gradient(top, #D696B5, #D696B5);
	background-image: linear-gradient(to bottom, #D696B5, #D696B5);
	text-decoration: none;
	border: 1px solid #D696B5;
}
#sidebar { 
	width: auto; 
	visibility: hidden;
	position:absolute;
}
#sidebar .sidebar-content { padding-left: 20px; }
#sidebar .sidebar-content p { 
	font-size: 0.8em;
    margin-top: 1.4em;
    color: rgb(255, 255, 255); 
}

#fm1 .btn-reset {
	display: none;
}

#list-languages ul { list-style: none; }
#list-languages ul li { display: inline-block; padding: 0px 10px; border-right: 1px solid #e2e2e2; }
#list-languages ul li:last-child { border: 0; line-height: 1.4em; }

a.button {
    font-weight:bold;
    height:1.7em;
    padding:1.2em 1em .6em 1em;
    text-align:center;
    text-decoration:none;
    color:white;
    background-color:#006495;
    border-top:1px solid #006495;
    border-left:1px solid #006495;
    border-right:1px solid #006495;
    border-bottom:1px solid #006495;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#big-buttons a.button {
    display:block;
    position:relative;
    font-size: 1.6em;
    margin:20px auto;
    width:200px;
    overflow: hidden;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top:2px solid #006495;
    border-left:2px solid #006495;
    border-right:2px solid #006495;
    border-bottom:2px solid #006495;
}

a.button:hover {
    color:#006495;
    background-color:#819e73;
}

.button-down {
    border-top:1px solid #006495;
    border-left:1px solid #006495;
    border-right:1px solid #006495;
    border-bottom:1px solid #006495;
}

#big-buttons .button-down {
    border-top:2px solid #006495;
    border-left:2px solid #006495;
    border-right:2px solid #006495;
    border-bottom:2px solid #006495;
}

#fm1 .cancel {
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
}

.qrcode-gauth {
	text-align: center;
}
.qrcode-gauth img {
	max-width: 150px;
}

.title-gauth {
	text-align: center;
	color: #5E3568;
	margin-bottom: 10px;
}

#seckeypanel {
	text-align: center;
}

#seckeypanel p {
	margin-top: 5px;
}

#scratchcodes {
	text-align: center;
}

#scratchcodes span {
	margin-right: 2px;
	margin-left: 2px;
}

:root {
	--mdc-theme-primary: #B1356E;
}

footer.mdc-dialog__actions {
	width: 100%;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
	color: var(--mdc-theme-primary, #B1356E);
}

@media only screen and (max-width: 1280px) {
	body {
		background: white url("./images/visuel-hexagones.png") no-repeat;
	}

	#container {
		position: relative;
		top: 50px;
		background: transparent url("./images/visuel-connexion-bienvenue.png") no-repeat;
		width: 292px;
		padding-bottom: 380px;
	}

	#content {
		float: none;
		top:240px;
		width: 290px;
		margin-right: auto;
		margin-left: auto;
	}

	#fm1 { 
		padding: 0;
	}

	footer {
		width: 100%;
	}
}

@media only screen and (max-width: 810px) {
	body {
		background-image: none;
	}

	#container {
		background: transparent url("./images/visuel-connexion-bienvenue.png") no-repeat;
		width: 292px;
		padding-bottom: 260px;
		top:0;
	}

	#content {
		float: none;
		top:200px;
		width: 290px;
		margin-right: auto;
		margin-left: auto;
	}

	#fm1 { 
		padding: 0;
	}

	footer {
		width: 100%;
	}
}