/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Bungee&family=Inter+Tight:ital,wght@1,100&display=swap');

.hidden {
	display: none;
}

.red {
	color: red;
}

.step_done {
	color: green;
}

.step_to_do {
	opacity: 0.5;
}

.error {
	color: red !important;
}

b,
strong {
	font-weight: 700 !important;
}

.center {
	text-align: center;
}

.bold {
	font-weight: 900;
}

.login-form {
	width: 80% !important;
}

.page-header::before {
	display: none !important;
}

.return-button-container {
	width: 100%;
	text-align: center;
}

.form-container form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.form-container form input[type="submit"] {
	margin-top: 25px;
}

/* 
		Pagination
	*/
.pagination-container {
	text-align: center;
	margin-top: 15px;
}

.pagination-container a {
	text-decoration: none;
}

.pagination-container .prev[data-disable="disabled"],
.pagination-container .next[data-disable="disabled"] {
	opacity: .5;
}

.pagination-container .prev[data-disable="disabled"]:hover,
.pagination-container .next[data-disable="disabled"]:hover {
	cursor: default;
}

.pagination-container .current-page {
	font-size: 20px;
	padding: 0px 10px;
}

/* 
	Page de gestion des demandes
*/
.points-request-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 2.5%;
	padding-left: 8% !important;
	padding-right: 8% !important;
}

.points-request-container .points-request {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 10px 20px;
	border-bottom: 1px solid #c5c5c5;
	border-top: 1px solid #c5c5c5;
}

.points-request-container .points-request:hover {
	cursor: pointer;
	transform: scale(1.03);
}

.points-request .left {
	text-align: left;
}

.points-request .under-sender {
	font-size: .8em;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.points-request .under-sender .date {
	margin-left: 5px;
}

.points-request .under-sender .status {
	border: 1px solid #c5c5c5;
	border-radius: 50px;
	padding: 5px 10px;
}

.points-request .sender {
	font-size: 1em;
}

.points-request .amount {
	font-size: 1em;
	font-weight: 600;
}

/*
	Points_request_template.php : Template pour la page de création d'une demande
*/
.request-container,
/* Affichage de la demande */
#points_request_form

/* Formulaire de création d'une demande */
	{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
	margin-bottom: 25px;
}

.request-container .amount,
.request-container .status,
/* Affichage de la demande */
#points_request_form .amount,
#points_request_form .sender {
	/* Formulaire de création d'une demande */
	font-size: 1.1em;
	font-weight: 600;
}

.request-container .date,
/* Affichage de la demande */
#points_request_form .date {
	/* Formulaire de création d'une demande */
	font-size: .9em;
	margin-top: 10px;
}

#points_request_form input[type="submit"] {
	margin-top: 25px;
}

/*
	Page de payement chez un commerçant
*/
#deduction_form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#deduction_form input[type="submit"] {
	margin-top: 25px;
}

/*
	Page de payement chez un commerçant
*/
#activation_form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#activation_form input[type="submit"] {
	margin-top: 25px;
}

/*
	Page de rechargement de carte
*/
#recharge_form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#recharge_form input[type="submit"] {
	margin-top: 25px;
}

/*
	Page de transfert de points
*/
#transfert_form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#transfert_form input[type="submit"] {
	margin-top: 25px;
}

/*
	Page Mon Solde
*/
.wallet-infos {
	padding: 0px 20px;
	margin-bottom: 15px;
}

.wallet-infos .wallet-qr {
	margin-bottom: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.wallet-infos .wallet-qr h3 {
	margin: 0px;
}

/*
	Page Gestion des Partenaires
*/
.list-partners {
	width: 70%;
	margin-left: 15%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 2.5%;
}

.partner {
	display: flex;
	flex-direction: column;
	align-items: start;
	padding: 10px 20px;
	border-bottom: 1px solid #c5c5c5;
	border-top: 1px solid #c5c5c5;
}

.partner:hover {
	cursor: pointer;
	transform: scale(1.03);
}

.partner>div {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
}

.partner .label {
	font-size: 16px;
}

.partner .value {
	font-size: 16px;
	font-weight: 700;
}

.details-content-container {
	width: 50%;
	margin-left: 25%;
	font-size: 25px;
	margin-bottom: 50px;
}

.ligne {
	width: 49%;
	display: inline-block;
}

.ligne div {
	display: inline-block;
}

.details-content-container .ligne-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.details-content-container .ligne {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ligne .value {
	font-size: 20px;
	font-weight: 700;
}

.ligne .label {
	font-size: 20px;
}

.details-partenaire-container .actions {
	margin: 30px 0px 30px;
}

/* Application mobile */
.wpmobileapp .points-request-container {
	padding: 0;
}

/*
	Page Transactions
*/
.tab-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.tab-container .tab-row-container {
	width: 50%;
}

.tab-link-container .tab-icon {
	filter: grayscale(100%);
}

.tab-link-container .tab-icon:hover {
	filter: grayscale(0%);
}

.tab-link-container.active .tab-icon {
	filter: grayscale(0%);
}

.tab-container {
	margin: 0px 5%;
}

/* Filter */
.filter-main-container {
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.filter-container {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: center;
	width: 80%;
}

.filter-container .filter {
	display: flex;
	flex-direction: column;
	padding: 5px 5px;
}

.filter label {
	text-align: center;
}

.filter input,
.filter select {
	width: 100%;
}

.filter-container input[type="submit"] {
	margin-top: 10px;
	margin-right: 10px;
}

.tab-link-container .tab-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
}

.tab-link-container .tab-name {
	font-size: 16px;
	font-weight: 400;
}

.tab-link-container:not(.active) .tab-name {
	color: #000000 !important;
}

.tab-link-container .tab-icon {
	width: 50%;
}

.transactions-list-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0px 8%;
}

.transactions-list-container .list-transactions {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 2.5%;
}

.transactions-list-container .tab-container {}

.transaction {
	display: flex;
	flex-direction: column;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin: 5px 0px;
	padding: 0px 10px 10px 10px;
}

.transaction[data-status="close"] .informations-hidden {
	display: none;
}

.transaction[data-status="open"] .informations-hidden {
	display: inline-block;
	margin-top: 5px;
}

.transaction .informations-display-container {
	display: flex;
	flex-direction: column;
}

.transaction .informations-display {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	justify-content: space-between;
	padding-top: 10px;
}

.transaction .informations-display:hover {
	cursor: pointer;
}

.transaction .open-action {
	padding: 0px 15px;
	font-size: 22px;
}

.transaction .title {
	font-size: 18px;
	font-weight: 400;
}

.transaction .date {
	font-size: 16px;
}

.transaction .informations-container>div {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.transaction .informations-container .label {
	font-size: 20px;
}

.transaction .informations-container .value {
	font-size: 20px;
	font-weight: 700;
}

.export-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	padding: 0px 8%;
	margin: 30px 0px;
}

.export-container .export-button {
	margin-left: 25px;
}

/*
Style App Mobile
*/
/* body.wpappninja #page-header{
	display: none;
} */
.mobile-show {
	display: none !important;
}

.wpmobile-title {
	font-size: 1em;
	font-weight: normal;
}

.menu-container {
	width: 50%;
	margin-left: 25% !important;
}

.compte-link-container {
	padding: 5px;
	min-height: 230px;
	display: flex !important;
	flex-direction: column;
}

.compte-link-container .compte-link:hover {
	transform: scale(1.05);
}

.compte-link-container a {
	width: 100%;
	height: 100%;
	padding: 5px;
	/* display: inline-block; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	flex-grow: 1;
	box-shadow: 0px 0px 7px 0px #a5a5a5;
}

.compte-link-container .compte-link {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 5px;
}

.menu-container .compte-link-container:nth-child(odd) {
	padding-right: 30px;
	background-color: red;
}

/* .compte-link-container a:hover {
	border: 1px solid black;
	border-radius: 10%;
} */

.compte-link-container .app-icon {
	width: 5em;
}

.compte-link-container .page-name {
	font-size: 16px !important;
	font-weight: 400;
	width: 90%;
}


@media (max-width: 900px) {
	.return-button {
		width: 100% !important;
		border-radius: 0px !important;
	}

	.error {
		padding-left: 5% !important;
		padding-right: 5% !important;
	}

	.page-header {
		padding-bottom: 4rem !important;
	}

	.mobile-show {
		display: inline-block !important;
	}

	.mobile-hidden {
		display: none !important;
	}

	h3 {
		font-size: 1.2em !important;
	}

	.wpmobileapp .navbar {
		height: 100px !important;
	}

	.wpmobileapp .title {
		height: 90%;
	}

	.wpmobileapp .title div {
		height: 100%;
	}

	.wpmobileapp .title div img {
		height: 100% !important;
		max-height: 100% !important;
	}

	.wpmobileapp .page-header {
		padding: 8rem 0 8rem;
	}


	/*
		Page Compte
	*/
	.wpmobileapp .hcscs_wpapp_logo_header {
		display: none !important;
	}

	body:not(.wpmobileapp) .page-header.entry-title-container {
		padding-top: 0px;
	}

	body:not(.wpmobileapp) .hcscs_wpapp_logo_header {
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	body:not(.wpmobileapp) .hcscs_wpapp_logo_header .logo {
		width: 45%;
	}

	.title-area {
		display: none !important;
	}

	.menu-container {
		width: 100%;
		margin-left: 0px !important;
	}

	.compte-link-container {
		padding: 5px;
		min-height: 230px;
		display: flex !important;
		flex-direction: column;
	}

	.entry-header {
		z-index: 5;
		/* display: block !important; */
		display: flex !important;
		flex-direction: column;
		align-items: center;
		padding: 2rem 0 3rem !important;
	}

	.entry-header a {
		display: flex !important;
		flex-direction: column;
		align-items: center;
	}

	.entry-header .logo {
		width: 30%;
	}

	.entry-title-container {
		display: block !important;
		text-align: center;
		margin-top: -30px;
		position: relative;
		z-index: 9;
	}

	.wpmobileapp .entry-title-container.page-header {
		padding: 6rem 0 6rem;
	}

	.entry-title {
		background: white;
		width: fit-content;
		margin-right: auto;
		margin-left: auto;
		/* border: solid 2px #3C8A2E; */
		/* padding: 10px 25px; */
		text-transform: uppercase;
		/* color: #3C8A2E; */
		font-weight: 400;
		font-size: 1.5em;
		font-family: 'Bungee', cursive;
	}

	.entry-sub-title {
		padding: 0px;
		margin: 0px;
	}

	.compte-link-container a {
		width: 100%;
		height: 100%;
		padding: 5px;
		/* display: inline-block; */
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		flex-grow: 1;
		box-shadow: 0px 0px 7px 0px #a5a5a5;
	}

	.compte-link-container .compte-link {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		padding: 5px;
	}

	.menu-container .compte-link-container:nth-child(odd) {
		padding-right: 30px;
		background-color: red;
	}

	/* .compte-link-container a:hover {
		border: 1px solid black;
		border-radius: 10%;
	} */

	.compte-link-container .app-icon {
		width: 5em;
	}

	.compte-link-container .page-name {
		font-size: 16px !important;
		font-weight: 400;
		width: 90%;
	}

	/*
		Page Transactions
	*/
	.transactions-header {
		padding: 4rem 0 4rem !important;
	}

	.tab-container {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.tab-container .tab-row-container {
		width: 100%;
	}

	.transactions-list-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 0px;
	}

	.transactions-list-container .list-transactions {
		display: flex;
		flex-direction: column;
	}

	.tab-container {
		margin: 0px 5px;
	}

	/* Filter */
	.filter-main-container {
		margin-bottom: 25px;
	}

	.filter-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.filter-container .filter {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 5px 5%;
	}

	.filter label {
		text-align: center;
	}

	.filter input,
	.filter select {
		width: 100%;
	}

	.filter-container input[type="submit"] {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.tab-link-container .tab-link {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-decoration: none;
	}

	.tab-link-container .tab-name {
		font-size: 16px;
		font-weight: 400;
	}

	.tab-link-container .tab-icon {
		width: 50%;
	}

	.transaction[data-status="open"] .informations-hidden {
		display: inline-block;
		margin-top: 5px;
	}

	.transaction .informations-display {
		display: flex;
		flex-direction: row;
		align-items: baseline;
		justify-content: space-between;
		padding-top: 5px;
	}

	.transaction .open-action {
		padding: 0px 5px;
		font-size: 20px;
	}

	.transaction .title {
		font-size: 18px;
		font-weight: 400;
	}

	.transaction .date {
		font-size: 14px;
	}

	.transaction .informations-container>div {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.transaction .informations-container .label {
		font-size: 16px;
	}

	.transaction .informations-container .value {
		font-size: 16px;
		font-weight: 700;
	}

	.export-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 0px 5%;
		margin: 30px 0px;
	}

	.export-container .export-button {
		margin-left: 0;
	}

	.export-container .export-message {
		margin-bottom: 10px;
	}

	/* Hide export buttons on mobile */
	.export-container {
		display: none !important;
	}


	/*
		Page Mon Solde
	*/
	.my-solde-container {
		padding-bottom: 4rem !important;
	}

	/* body.wpmobileapp .my-solde-container {
		padding: 4rem 0 4rem !important;
	} */

	.wallet-infos .wallet-id,
	.wallet-infos .wallet-pin {
		text-align: left;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.solde {
		margin-top: 30px;
		font-size: 20px;
	}

	/*
		Page Gestion des Partenaires
	*/
	.list-partners {
		width: 100%;
		margin: 0px;
		display: flex;
		flex-direction: column;
	}

	.partner>div {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		width: 100%;
	}

	.partner .label {
		font-size: 16px;
	}

	.partner .value {
		font-size: 16px;
		font-weight: 700;
	}

	/* Page Gestion des partenaires détails */
	.details-content-container {
		width: 100%;
		margin: 0;
		padding: 0px 5%;
	}

	.details-content-container .ligne-container {
		align-items: flex-start;
	}

	.details-content-container .ligne {
		width: 100%;
	}

	.ligne .value {
		font-size: 16px;
	}

	.ligne .label {
		font-size: 16px;
	}

	.details-partenaire-container .actions {
		margin: 30px 0px 15px;
	}

	/*
		Page Gestion des demandes
	*/
	.points-request-container {
		padding: 0 !important;
		display: flex;
		flex-direction: column;
	}

	.force-hide-mobile {
		display: none !important;
	}
}


body:not(.wpmobileapp) .hide-on-desktop {
	display: none !important;
}