/* Styles for anonymous pages (Error pages, Reset Password, Signup, etc.) */

/******************* General *************************/
html {
  background-image: linear-gradient(135deg, transparent 0%, #fff 25%, #fff 75%, transparent 100%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAIklEQVQoU2N89+7dfwYsQEhIiBEkzDgkFGDzAbIY2Cv4AACvrBgJjYNGfwAAAABJRU5ErkJggg==);
  min-height: 100vh;
}

/*only show vue components when vuejs is ready*/
[v-cloak] {
  display: none;
}

/******************** Header *************************/
.logo-header {
	margin-top: 10px;
	text-align: center;
}
.logo-header .logo {
	width: 299px;
	height: 122px;
}
.header {
	margin-top: 25px;
	text-align: center;
}
.logo-mon-fmoq {
	width:25%;
	margin: 0 auto 20px;
}
.logo-mon-fmoq img {
	width: 100%;
	height: auto;
}
.logos-fmoq {
  width: 100%;
  padding-top: 40px;
}

.logos-fmoq .logobox {
  width: 20%;
  float: left;
}
@media (max-width: 768px) {
  .logo-mon-fmoq {
    width: 60%;
    margin: 0 auto 20px;
  }
}
.logo-mon-fmoq img {
  width: 100%;
  height: auto;
}

@media (min-width: 768px) and (max-width:992px) {
  .logo-mon-fmoq {
    width: 40%;
    margin: 0 auto 20px;
  }
}
.logo-mon-fmoq img {
  width:100%;
  height:auto;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .logo-mon-fmoq {
    width: 35%;
    margin: 0 auto 20px;
  }
}
.logo-mon-fmoq img {
	width:100%;
	height:auto;
	} 
}
@media (min-width: 1200px) {
  .logo-mon-fmoq {
    width: 25%;
    margin: 0 auto 20px;
  }
}
.logo-mon-fmoq img {
	width:100%;
	height:auto;
}
/****************** @font-face *************************/
@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Regular-webfont.eot');
	src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/OpenSans-Regular-webfont.woff') format('woff'),  url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),  url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans Light';
	src: url('fonts/OpenSans-Light-webfont.eot');
	src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/OpenSans-Light-webfont.woff') format('woff'),  url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),  url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
	font-weight: normal;
	font-style: normal;
}