.pointer { cursor: pointer; }


/* -----------------------
	LOGIN
   -----------------------
*/
#login-wrapper {
	display: flex;
	align-items: center;
	width: 250px;
	max-width: 100%;
	min-height: 450px;
	margin: auto;
}
#login-wrapper form { width: 100%; }
#login-wrapper input[type="password"] { width: 100%;border: 1px solid #bbb;border-left-width: 4px; }
.login-error { border-color: tomato !important; }


/* -----------------------
	EDITOR
   -----------------------
*/
.se-wrapper-inner { width: 300px !important;max-height: 550px;margin: auto; }
.sun-editor-editable { /* font-size: 1rem; */ }
.se-wrapper-inner.se-wrapper-code { width: 100% !important;overflow-y: auto !important; }
.notification { display: none;position: fixed;top: 15px;left: 30px;border: 1px solid green;z-index: 10000;}



#actus-wrapper,
#adresse-wrapper,
#telephone-wrapper,
#email-wrapper,
#pwd-wrapper {
	width: 650px;
	max-width: 100%;
	margin: auto;
}

h1.page-title { position: relative; }
h3.title {
	position: relative;
	margin: 50px 0 12px;
	color: var(--main-color-brown);
}

.inputs-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 300px;
}
.inputs-wrapper input, input[type="tel"] { margin: 2px 0; }
input[type="text], input[type="password] { padding: 3px 8px; }
input[name="input_email"], input[name="input_pwd"] { width: 300px; }
input[name="input_adresse"] { width: 100%; }
input[name="input_codePostal"] { width: 25%; }
input[name="input_ville"] { width: 75%; }
input[type="tel"] { width: 180px; }

button.admin-save {
	background: var(--main-color-green);
	color: white !important;
	margin-top: 4px;
}
button.admin-save:hover, button.admin-save:focus {
	background: var(--main-color-green);
	opacity: 0.75 !important;
}

#mdp-eye { color: gray; }

.deconnexion {
	position: absolute;
	top: 0;right: 0;
	font-size: 0.55em;
	font-weight: normal;
	color: gray;
	cursor: pointer;
}