/*
		login-signin-v2.css
		[Update -> 29.9.21]
*/
input[type="submit"]{border:none;}
body {margin:0px; background-color:#E4E9F0;}					/* GRIS CLAIR */
div,table,tr,td {font-size:20px; font-family: 'montserrat';}				/* DEFAULT FONT */
a,input{font-family: 'montserrat';}
a{ text-decoration:none;}
input[type="text"],input[type="password"]{padding:0.5em;}

/* ID */
#topline{background-color:#5A1487; height:0.5em;}
#blackstrip { background-color:#FFFFFF; padding:1.5em; text-align:center; border-bottom:1px solid #CCC;}
#whitestrip{ position:relative; background-color:#FFF; padding:1.5em; text-align:center;}
#navbuttons{position:absolute; right:30; top:1.5em;}
#content{ position:relative;}
#mid-content{ margin-left:auto; margin-right:auto; width:600px; padding-top:2.0em;}
.centred{margin-left:auto; margin-right:auto; width:600px; padding-left:4.0em;}
#form-content{ clear:both; background-color:#FFF; border-radius:5px; padding:1.5em; box-sizing:border-box;
	margin-top:3.5em;
	-moz-box-shadow: 0px 0px 5px 1px #B0B0B0;
	-webkit-box-shadow: 0px 0px 5px 1px #B0B0B0;
	-o-box-shadow: 0px 0px 5px 1px #B0B0B0;
	box-shadow: 0px 0px 5px 1px #B0B0B0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#B0B0B0, Direction=NaN, Strength=5);}

#forgotten{ text-align:right; margin-top:1.0em; }


/* FONTS */
.size-13 {font-size:0.650em;}			/* 13 px */
.size-14 {font-size:0.700em;}			/* 14 px */
.size-15 {font-size:0.750em;}			/* 15 px */
.size-16 {font-size:0.800em;}			/* 16 px */
.size-18 {font-size:0.900em;}			/* 18 px */
.size-20 {font-size:1.0em;}
.size-22 {font-size:1.100em;}			/* 22 px */
.size-24 {font-size:1.200em;}			/* 24 px */


/* FORM */
form input[type="text"],form input[type="password"]{font-size:0.800em;}


/* GRID */
.unit-row{width:100%;}
.unit-40{float:left; width:40%;}
.unit-60{float:left; width:60%;}


/* FLOAT */
.wide{float:left; width:100%;}
.f-right{float:right;}
.f-left{float:left}

/* CLEAR */
.end{clear:both;}


/* BUTTONS */
.button-white{ background-color:#FFF; font-size:0.750em; color:#27272B; border-radius:5px; border:1px solid #CCC; text-decoration:none; padding:1.0em;}
.button-black{ background-color:#27272B; font-size:0.750em; color:#FFF; border-radius:5px; border:1px solid #CCC; text-decoration:none; padding:1.0em;}

.button-wh{ background-color:#FFF; font-size:0.750em; color:#27272B; border-radius:5px; border:1px solid #CCC; text-decoration:none; padding:0.800em;}
.button-yellow{ background-color:#F7D811; color:#2C2C31; border-radius:5px; font-size:0.800em; padding:0.800em; cursor:pointer; }
.button-purple{ background-color:#5A1487; color:#FFF; border-radius:5px; font-size:0.800em; padding:0.800em; cursor:pointer; }
.button-purple-full{ background-color:#5A1487; color:#FFF; border-radius:5px; width:100%; font-size:0.800em; padding:0.800em; cursor:pointer; }


/* MARGINS */
.ml-1-0{margin-left:1.0em;}
.mt-0-5{margin-top:0.5em;} .mt-1-0{margin-top:1.0em;} .mt-2-0{margin-top:2.0em;}
.mb-1-0{margin-bottom:1.0em;} .mb-2-0{margin-bottom:2.0em;} .mb-2-5{margin-bottom:2.5em;}
.mr-1-0{margin-right:1.0em;}


/* LINKS */
a.link-13{ color:#2C2C31; font-size:0.700em;}


/* ALERT */
.alert-red{float:left; width:100%; border:1px solid #F3420B; background-color:#FFF; padding:1.2em 1.2em 1.2em 1.9em; color:#F3420B; margin-bottom:1.2em; text-align:center; box-sizing:border-box;}
.alert-purple{position:absolute; left:0; top:0; width:100%; padding:1.2em 0em 1.2em 0em; background-color:#5A1487; color:#FFF; margin-bottom:1.2em; text-align:center; box-sizing:border-box;
	color:#FFF;
}
.alert-close{position:absolute; top:2.0em; right:2.0em;}




/* MATERIAL ICONS */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; } .material-icons.md-22 { font-size:22px; }
.material-icons.md-24 { font-size: 24px; } .material-icons.md-30 { font-size:30px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* sl */
.material-icons.grey{color:#9A9A9D;}
.material-icons.red{color:#F3420B;} .material-icons.white{color:#FFF;}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }