@import url('https://fonts.googleapis.com/css2?family=Damion&family=Open+Sans:wght@400;700&family=Snippet&display=swap');

*{box-sizing:border-box;}

body {
	font-size:18px;
	font-family:"Open Sans", Arial;
	margin:0px;
	padding:0px;
}
h1, h2, h3 {
	
}
h1 {font-size:30px; margin:10px 0px;}
h2 {font-size:26px;}
h3 {font-size:22px;}

a {
	color:#0080b0;
}

#edit-mail--description,
#edit-pass--description,
.password-confirm-message{
	display:none;
}



input[type=text],
input[type=email],
input[type=password],
input[type=number],
select  {
	padding:10px 20px;
	margin:0px 0px 10px;
	max-width:400px;
	width:100%;
	font-size:16px;
	font-family:"Arial";
}
.form-item-combine input {
	max-width:240px;
}
input[type=checkbox] {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

input[type=password].ok {
	border:1px solid #17B169;
}

svg {
	width:50px;
	height:auto;
}

ul {
    padding-left: 20px;
}

.layout-container {
	margin:0px;
}
.ajax-progress-throbber, .ajax-progress, .ajax-progress-fullscreen {
	position:fixed;
	z-index:1000;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url("../images/loading.svg") center center no-repeat rgba(0,0,0, 0.6);
	background-size:290px auto;
}

.throbber {
	display:none;
}

.status-message {
	color:white;
	font-weight:bold;
}

.status-message a {
	color:white;
	text-decoration:none;
	pointer-events:none;
}

.status-message.status {
	background:#17B169;
}
.status-message.error {
	background:#fd5c63;
}

.ui-widget.ui-widget-content {
	border:0px;
	box-shadow: 0px 0px 30px -15px black;
}
.champ-invalid {
    border: 1px solid red;
}
.form-actions button {
	background:#17B169;
	color:white;
}

.form-actions button.button--danger {
	background:#fd5c63;
	color:white;
}



.form-actions button:disabled {
background:#EEE;
color:#AAA;
 }
 
#block-montpellier-reine-primary-local-tasks > ul {
	display:flex;
	gap:20px;
	list-style:none;
	padding:0px;
	
}

.chosen-single {
	padding:10px 20px!important;
	height:auto!important;
	font-size:16px!important;
	background:white!important;
	box-shadow:0px 0px 0px 0px !important;
	color:black!important;
	border-radius:0px!important;
	border:1px solid #999!important;
	width:100%!important;
}

.chosen-container-single .chosen-single div {
	top:10px!important;
}
 




/* HEADER */

#header {
	padding: 20px 20px 0px;
	position:absolute;
	left:0px;
	width:100%;
}

#header #block-montpellier-reine-identitedusite {
	display:flex;
	align-items:center;
	gap:20px;
}
#header img {
	display:block;
	height:35px;
	width:auto;
}

.view-user.view-display-id-block {
	position:relative;
	z-index:5;)
}
.view-user.view-display-id-block > .view-content {
	position:relative;
	z-index:3;
}

.view-user.view-display-id-block > .view-content .views-field-field-nom {
	padding:10px 35px 8px 25px;
	border-radius:40px;
	background:#E06B78;
	cursor:pointer;
	color:white;
	position:relative;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}

.view-user.view-display-id-block > .view-content .views-field-field-nom .field-content:after {
	position:absolute;
	display:block;
	content:"⮟";
	font-size:12px;
	padding-left:10px;
	margin-bottom:6px;
	right:15px;
	top:12px;
}
.view-user.view-display-id-block > .view-footer {
	position:absolute;
	top:18px;
	right:0px;
	background:#E06B78;
	width:250px;
	color:white;
	border-radius: 20px 0px 20px 20px;
	overflow:hidden;
	max-height:0px;
	padding:0px 20px 0px;
	text-align:right;
	opacity:0;
	white-space:nowrap;
	transition:all 0.3s ease;
}

.view-user.view-display-id-block > .view-footer.open {
	padding:30px 20px 10px;
	max-height:300px;
	opacity:1;
}

.view-user.view-display-id-block > .view-footer a  {
	color:white;
	display:block;
	padding:0px 0px 10px;
	text-decoration:none;
	
}


#hero {
	background:url('../images/fond-header-groupes.jpg') center center no-repeat;
	background-size:cover;
	padding:10px 20px;
	position:relative;
}

#hero:before {
	content:'';
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	background: linear-gradient(90deg, rgba(255,255,255,0.7) 20%, rgba(0,0,0,0.6) 80%);
	z-index:0;
}

#hero > div {
	position:relative;
	z-index:1;
}


.view-id-header {
	display:flex;
	align-items:center;
	justify-content: space-between;
	padding:40px 0px;
}

.view-id-header .view-footer {
	text-align:right;
}

.view-id-header .site-name a  {
	display:block;
	color:white;
	text-decoration:none;
	font-size:50px;
	text-shadow:0px 0px 10px black;
	font-family:"Damion"
}

.view-id-header .site-slogan {
	color:white;
	font-size:20px;
	color:white;
	font-weight:bold;
}

.view-id-header a img {
	height:170px;
	width:auto;
}


/* PAGES */
#main, #header .site-header__fixable,
#hero .container,
.status-message .inner {
	max-width:1200px;
	margin:auto;
	transition:all 0.3s ease;
}

.path-membres #main {max-width:1000px;}

@media all and (min-width:1000px) {
	#main, #header .site-header__fixable,
	#hero .container	{
		padding:0px 100px;
	}
	.status-message .inner {
	padding:20px 120px;
	}
}

.site-header__inner__container > div {
	display:flex;
	align-items:center;
	justify-content:right;
}

.ui-widget-overlay {
  background: white!important;
  opacity: .8!important;
  -ms-filter: "alpha(opacity=80)"!important;
}

a.add-membre,
a.button-add {
	display:block;
	position:absolute;
	top:20px;
	right:0px;
	background:#17B169;
	color:white;
	padding:10px 30px;
	border-radius:30px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	transform:scale(1);
	transition:all 0.2s ease;
}





/* TABLEAUX */

.view {position:relative;}

.view .view-filters form {
	display:flex;
	gap:20px; 
	align-items:center;
}


.view .view-filters form .form-item > label {
	display:block;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}


.view table {
	border-spacing : 0;
	width:100%;
}
.view table tbody tr:hover {
	background:#EEE;
}
.view table tbody tr td {
	//border-top:1px solid #333;
}
.view table th, .view table td {
	text-align:left;
	padding:8px 15px 8px;
	overflow:hidden;
}
.view table td.views-field-nothing {
	overflow:visible;
}

.highlight {
    background-color: #ffefb0;
}
.actions {position:relative;}
.actions-bouton {
	font-size:36px;
	cursor:pointer;
	line-height:15px;
	padding-bottom:15px;
	text-align:right;
}
.actions .liens {
	position:absolute;
	z-index:2;
	right: -10px;
	top:-10px;
	display:none;
	background:white;
	padding:10px 20px;
	gap:10px;
	border-radius:10px;
	box-shadow:0px 0px 30px -15px black;
}
.actions .liens.open {
	display:flex;
}

.actions .liens a {
	display:block;
	width:24px;
	height:24px;
	font-size:0px;
}
.actions .liens .see {
	background:#0080b0;
	 -webkit-mask: url('../images/see.svg') center / contain no-repeat; /* Masque pour WebKit */
    mask: url('../images/see.svg') center / contain no-repeat; /* Masque standard */	
}
.actions .liens .add-facture {
	background:#0080b0;
	 -webkit-mask: url('../images/ajouter-facture.svg') center / contain no-repeat; /* Masque pour WebKit */
    mask: url('../images/ajouter-facture.svg') center / contain no-repeat; /* Masque standard */	
}
.actions .liens .download {
	background:#0080b0;
	 -webkit-mask: url('../images/pdf.svg') center / contain no-repeat; /* Masque pour WebKit */
    mask: url('../images/pdf.svg') center / contain no-repeat; /* Masque standard */	
}

.actions .liens .edit {
	background:#17B169;
	 -webkit-mask: url('../images/edit.svg') center / contain no-repeat; /* Masque pour WebKit */
    mask: url('../images/edit.svg') center / contain no-repeat; /* Masque standard */	
}
.actions .liens .trash {
	background:#fd5c63;
	 -webkit-mask: url('../images/trash.svg') center / contain no-repeat; /* Masque pour WebKit */
    mask: url('../images/trash.svg') center / contain no-repeat; /* Masque standard */	
}

input#recherche, input#recherche:focus {
	outline:none;
	border:0px;
	border-bottom:1px solid grey;
	padding-left:28px;
	background:url("../images/recherche.svg") center left / 20px 20px no-repeat
}

.pager ul {
	display:flex;
	gap:14px;
	list-style:none;
	justify-content:center;
	flex-wrap:wrap;
}

.pager ul li a {
	text-decoration:none;
}
.pager ul li.is-active a {
	font-weight:bold;
	text-decoration:underline;
}




/* MEMBRE EDIT  */
.role-gestionnaire_de_groupe .node-membre-form .field--name-field-groupe,
.role-gestionnaire_de_groupe .node-membre-edit-form .field--name-field-groupe {
	display:none;
}
.field-group-html-element.flex {
	display:flex;
	gap:20px;
	margin-bottom:20px;
}
.field-group-html-element.flex > * {
	flex:1;
}
.field-group-html-element.flex input,
.field-group-html-element.flex select {
	padding: 8px 20px!important;
	width:100%;
}

input.form-date {padding:10px 15px; margin-bottom:20px}












/* PAGE USER REGISTER */

.path-connexion .layout--twocol-section {
	gap:30px;
	flex-wrap: nowrap;
	text-align:center;
}

.path-user main {
	text-align:center;
}

form.user-login-form + ul {
	list-style:none;
	padding-left:0px;
}

form.user-login-form + ul li:first-child {
	display:none;
}

form.user-form {
	max-width:600px;
	margin:auto;
}

#edit-field-type-entite {
	display:flex;
	justify-content:center;
	column-gap:50px;
	padding:20px 0px;
}

#edit-field-type-entite > div > * {
	display:block;
	cursor:pointer;
}

#edit-field-type-entite > div > input {
	display:none;
}

#edit-field-type-entite > div > label span{
	display:block;
	text-align:center;
}

#edit-field-type-entite > div > input:checked + label {
	color:#17B169;
}

#edit-field-type-entite > div > input:checked + label svg {
	fill:#17B169;
}

.form-item-field-type-entite .nomgroupe  {display:none!important;}

.confirm-parent {

}
.field--widget-options-select {
	margin-top:10px;
}
.field--widget-chosen-select label,
.field--type-string label,
.field--widget-options-select label,
.field--type-string-long label,
.form-item-mail label,
.form-item-pass label,
.fieldset-legend, 
.field--type-text-long label,
.js-form-type-textfield label,
.field--type-integer label, 
.field--type-datetime > h4  {
	display:block;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:0px;
}

label.js-form-required:after {
	content:"*";
	color:red;
	padding-left:8px;
	font-size:12px;
}
.field--type-string input,
#edit-account input,
.user-login-form input,
.field--type-integer input {
	margin-top:0px;
	margin-bottom: 20px;
}

form.user-register-form .form-actions { text-align:center; margin-top:30px;}
#edit-current-pass--description {display:none;}

.user-form #edit-actions #edit-delete {display:none;}

#edit-name--description {display:none;}





/* DASHBOARD */

#main-wrapper {
	padding:20px;
	//background:linear-gradient(145deg, rgba(255,210,211,1) 0%, rgba(238,238,238,1) 100%);
	//background:#FEFEF3;
	min-height:600px;
}

.dashboard-container {
	display:flex;
	gap:20px;
	border:3px solid #EEE;
}

.view-dashboard.view-display-id-bouton_gerer_membres .views-field-nothing a, input[type=submit], .create-account {
	display:inline-block;
	padding:10px 20px;
	border-radius:30px;
	background:#17B169;
	text-transform:uppercase;
	text-decoration:none;
	color:white;
	font-weight:bold;
	cursor:pointer;
	border:none;
	font-size:18px;
}

.dashboard-container .infos-groupe {
	flex:2;
	padding:20px;
}

.dashboard-container .validation {
	flex:1;
	padding:20px;
	text-align:center;
	background:#EEE;
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.dashboard-container .validation a {
	display:inline-block;
	padding:10px 20px;
	border-radius:30px;
	background:#CCC;
	text-transform:uppercase;
	text-decoration:none;
	color:black;
margin-bottom:20px;
}

.dashboard-container .validation.desactive 	a {
	pointer-events:none;
}

.dashboard-container .validation.active {
	background: #17B169;
	color:white;

}
.message-groupe-valide {
	font-weight:bold;
}


.view-dashboard.view-display-id-bouton_validation .view-content {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:10;
	background: rgba(255,255,255,0.8);
	display:none;
	align-items:center;
	justify-content:center;

}
.view-dashboard.view-display-id-bouton_validation .view-content.open {
	display:flex;
}
.view-dashboard.view-display-id-bouton_validation .view-content .views-form {
	padding:50px 30px 20px;
	background: #17B169;
	max-width:300px;
	position:relative;
	border-radius:20px;
}
.view-dashboard.view-display-id-bouton_validation .view-content .views-form #edit-actions input, .bouton-valider {
	display:inline-block;
	padding:10px 20px;
	border-radius:30px;
	background:white;
	text-transform:uppercase;
	text-decoration:none;
	color:black;
	margin-bottom:20px;
	font-family:"Open Sans";
	margin:20px;
	cursor:pointer;
font-size:18px;
font-weight:bold;
border:0px;

}

.view-dashboard.view-display-id-bouton_validation .view-content .views-form {
	
}

.close {
	color:black;
	font-weight:bold;
	background:white;
	padding: 10px 18px;
	position:absolute;
	right:10px;
	top:10px;
	border-radius : 30px;
cursor:pointer;
}
.view-dashboard.view-display-id-bouton_validation .view-content .views-form input[type=checkbox] {
	width:20px;
	height:20px;
}

.view-dashboard.view-display-id-membres_title .views-field-field-valide {display:none;}







/* dashboard-membres */

.view-dashboard.view-display-id-membres {
	position:relative;
}

.view-header {
	position:relative;
}

.view-header .csvExport {
	position:absolute;
	top:95px;
	right:0px;
}

.view-dashboard.view-display-id-membres_title {
	width:calc(100% - 60px);
}

.view-dashboard.view-display-id-membres_title h1 span {
	font-size:18px;
	font-family:"Open Sans", Arial;
}

a.add-membre {
	display:block;
	position:absolute;
	top:20px;
	right:0px;
	background:#17B169;
	color:white;
	padding:10px 30px;
	border-radius:30px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	transform:scale(1);
	transition:all 0.2s ease;
}
.view-dashboard.view-display-id-membres a.add-membre:hover {
	transform:scale(1.1);
}


.view-dashboard.view-display-id-membres > .view-content thead, 
.view-dashboard.view-display-id-membres > .view-content tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.view-dashboard.view-display-id-membres > .view-content table tbody {
	display:block;
}
.view-dashboard.view-display-id-membres > .view-content table tbody tr {
	display: table
}

.view-dashboard.view-display-id-calcul_cout_groupe > .view-content {
	padding:10px 5px;
}
.view-dashboard.view-display-id-membres table .views-field-field-sexe,
.view-dashboard.view-display-id-membres table .views-field-field-categorie {
	width : 160px;
}
.view-dashboard.view-display-id-membres table .views-field-nothing {
	width:50px;
}
tr.valide {
	background:#c7f9c3;
}






/* WEBMASTER DASHBOARDS */

nav#block-montpellier-reine-webmaster {
	background:#e1eef2;
}

nav#block-montpellier-reine-webmaster > ul {
	margin:0px;
	padding:0px;
	list-style:none;
	display:flex;
	gap:10px;
	justify-content:center;
}

nav#block-montpellier-reine-webmaster > ul a {
	display:block;
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	transition:all 0.2s ease;
}

nav#block-montpellier-reine-webmaster > ul a.is-active,
nav#block-montpellier-reine-webmaster > ul a:hover {
	color:white;
	background:#0080b0;
}







/*  FACTURE  */

.downloadpdf {display:block!important;}