/******************************************** Import Font ********************************************/

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''), url('../../font/roboto-v27-latin-regular.ttf') format('truetype');
}

/********************************************** Reset ***********************************************/

html { color: black; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; font-size: inherit; }

fieldset, img { border: none; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

li { display: inline; list-style: none outside none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:lang(fr) { quotes: "«" "»" '"' '"'; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

em { font-style: italic; }

strong { font-weight: bold; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; }

a { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

a, a:visited { color: inherit; text-decoration: none; }

a:hover { text-decoration: underline; }

hr { margin: 0; }


/********************************************* Ossature *********************************************/

html {
}


body {
	font-size: 0.7em;
	color: #2A2A2A;
	background-color: transparent !important;
}

body, .label, .popup_header_title {
	font-family: Roboto, Arial, Verdana, Geneva, sans-serif;
}

a, a:visited {
	color: var(--mw-text-color);
}

.required {
	margin-left: 3px;
	color: red;
}


#main, #footer_links, #footer_logo {
	width: 100%;
}

#connexion_header {
	padding: 35px 60px 10px 60px;
    text-align: center;
	border-width: 0 0 1px 0;
}

#footer_links {
	text-align: center;
}

#footer_links li {
	padding: 0 8px;
	border-right: 1px solid #9A9A9A;
}

#footer_links .lastItem {
	border: none;
}

#footer_logo {
	margin-top: 1.5em;
	text-align: center;
	padding-bottom: 1.5em;
}

#connexion_main {
	float: left;
	padding: 0 60px 35px 60px;
	text-align: -webkit-center;
}

#connexion_main label {
	float: left;
	margin: 1.5em 0 0.5em 0;
	width: 100%;
	color: #888;
	font-size: 120%;
}

#connexion_main #j_username {
    background-position: 5px -8px !important;
    width: 100%;
}

#connexion_main .password {
    background-position: 5px -58px !important;
    margin-top: 2em;
}

#connexion_main input[type=text],
#connexion_main input[type=password] {
	padding: 3px 0 3px 7px;
	width: 100%;
	height: 2em;
	font-size: 120%;
	color: #555;
	border: 1px solid #333333;
	-moz-border-radius: 15px !important;
	border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
}

#connexion_main input[type=text],
#connexion_main input[type=text]:hover, 
#connexion_main input[type=text]:focus, 
#connexion_main input[type=text]:active,
#connexion_main input[type=password],
#connexion_main input[type=password]:hover, 
#connexion_main input[type=password]:focus, 
#connexion_main input[type=password]:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

#password_forgot {
	float: left;
	margin-top: 6px;
	color: #AAA;
}

#connexion_main .button {
	float: right;
	margin-top: 2em;
	padding: 0 10px !important;
	height: 2.2em;
	line-height: 2.2em;
	font-size: 120%;
	border: none !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	text-align: center;
	color: white;
	background-color: #555;
	cursor: pointer;
}

#connexion_main #retour.button {
	color: #2A2A2A;
	background-color: var(--mw-couleur-fond-bouton-hover);
}

.message_error {
	float: left;
	margin-top: 16px;
	width: 60%;
	color: #F40909;
}

#lostPassword {
	float: left;
	margin-top: 3em;
}

.button {
  float: right;
  margin: 8px 0 0 8px;
  padding: 0 10px !important;
  height: 2.4em;
  line-height: 2.4em;
  font-weight: bold;
  border: none !important;
  text-align: center;
  background-color: var(--mw-couleur-fond-bouton-hover);
  cursor: pointer;
}

.button_active {
	color: white;
}

.ui-password-panel {
	background-color: white !important;
}

/* RGPD */

.AsRgpdWarning {
  left: 0px !important;
  position: relative;
  z-index: 1001;
  position: fixed;
  opacity: 1 !important;
  visibility: visible !important;
  bottom: 0;
  width: 100%;
  font-family: font-arial;
  font-size: 1.1rem;
  hyphens: none;
  background-color: black;
  color: white;
  text-align: center;
}

.AsRgpd-inner {
  display: flex;
  position: relative;
  padding: small-plus-value;

}
.AsRgpd-flex {
  display: flex;
  flex-direction: column;
  padding: 0 small-value;
    width:100%;
}
.AsRgpd-baseline {
  margin-top: small-value;
}

.btn {
  font-family: font-arial;
  padding: tiny-value small-plus-value;
  margin: 0 tiny-value;
}
.btn-more {
  color: grey7;
  border: 1px solid grey7 !important;
}
.btn-ok {
  background-color: white;
  color: black;
  cursor: pointer;
}

.btn-close {
  height: 2rem;
  width: 2rem;
}
.btn-close::before {
    content: '\2715';
    color: white;
    font-size: medium;
    line-height: 2rem;
    cursor: pointer;
}

.mw-login {
	display: flex;
	justify-content: flex-end;
	height: 100%;
	background-image: linear-gradient(to top, rgb(255, 255, 255, 0.7), rgb(255, 255, 255, 0.7)), url(../../../resources/img/login/mw-fd-monogramme.svg);
}

.mw-login-left-panel {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mw-login-left-panel-center {
	display: flex;
	    width: 40vw;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    align-content: center;
    justify-content: center;
	margin: 10% 10%;
	background-color: white;
	box-shadow: 0px 8px 16px 0px #ced4da;
}

.mw-login-right-panel {
	display: flex;
    width: 60vw;
    flex-direction: row-reverse;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    justify-content: space-around;
}