/* les styles de Paybyurl */
.crayon-html {
	z-index: 9999 !important;
	position: absolute !important;
}

[class^='ic-'].initiale {
	font-size: 1em;
	color: #000;
}
[class^='ic-'] {
	font-family: 'ff_paybyurl' !important;
	font-size: 1.5em;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: rgb(87, 85, 85);
}

table th.tirelire, table td.tirelire {
	width: 0;
	padding: 0;
}
th.tirelire > div, td.tirelire > div {
	display: none;
}

/* -------------- */
/* Couleurs perso */
/* -------------- */
.noir {
	color: #000;
}
.rouge {
	color: rgb(220, 53, 69);
}
.verte {
	color: rgba(8, 145, 15, 1);
}
.grise {
	color: rgb(87, 85, 85);
}
.orange {
	color: rgba(235, 122, 17, 1);
}
.curseur_help {
	cursor: help;
}
.curseur_lien {
	cursor: pointer;
}

/* Gamutable : json_transactions */
.transactions .id {
	min-width: 70px;
}
.transactions .id_commande {
	min-width: 70px;
}
.transactions .statut {
	min-width: 160px;
}
.transactions .url {
	min-width: 70px;
}
.transactions td.montant {
	white-space: nowrap;
	min-width: 120px;
	font-weight: bold;
}
.transactions .mode {
	min-width: 120px;
}
.transactions .etat {
	min-width: 180px;
	white-space: nowrap;
}
.transactions .banque {
	min-width: 120px;
}
.transactions .cheque_num {
	min-width: 100px;
}
.transactions td.montant {
	text-align: right;
	padding-right: 1rem;
}
.transactions td.id_commande {
	text-align: right;
	padding-right: 2rem;
}
.transactions td.id {
	text-align: right;
	padding-right: 2rem;
}
.transactions td.id_facture {
	text-align: right;
	padding-right: 2rem;
}
.transactions td.supprimer {
	text-align: center;
}

.page_transactions #filtreCol_id_commande input {
	width: 70px;
}
.page_transactions #filtreCol_montant input {
	max-width: 120px;
}
/*
.page_transactions #filtreCol_supprimer input {
	max-width: 50px;
}
*/
.transactions .gamutable__input--rechercher {
	font-size: 0.8rem;
	padding: 0.2rem 0.5rem;
}

/* Formulaire creation paybyurl */
#createPayByUrl .h1-like {
	font-size: 4rem;
	text-align: center;
}
#createPayByUrl .btn {
	background-color: #ced4da;
}
#createPayByUrl .btn:hover {
	background-color: #EBEBEB;
}
.paybyurl.table td, .paybyurl.table th {
	border: 1px #666 dotted;
}
.paybyurl td a {
	display: block;
}
.paybyurl td.montant {
	white-space: nowrap;
	text-align: right;
}
.paybyurl td.mode {
	white-space: nowrap;
}
.paybyurl td.fusion .ic-merge {
	display: block;
	transform: rotate(0.25turn);
}
.paybyurl td.cell_invisible {
	width: 0;
	padding: 0;
}
.formulaire_spip .boutons {
	margin-top: 0;
}
.formulaire_creer_paybyurl .boutons button {
	width: 100px;
}
.formulaire_spip .editer {
	padding-top: 0;
}
.montant_total_transaction {
	font-size: 2rem;
	font-weight: bold;
}
.rouge {
	color: rgb(220, 53, 69);
}
.fillRouge {
	fill: rgb(220, 53, 69);
}
.formulaire_creer_paybyurl svg {
	width: 1.5em;
	height: 1.5em;
}
.titre_choix {
	font-size: 120%;
	margin-top: 1rem;
}

.formulaire_creer_paybyurl .table--zebra tbody tr.transaction_annulee {
	background: rgb(228, 202, 202) !important;
	font-size: 0.6em;
}
.formulaire_creer_paybyurl .table--zebra tbody tr.transaction_annulee td {
	padding-top: 0;
	padding-bottom: 0;
}
.formulaire_creer_paybyurl .table--zebra tbody tr.transaction_annulee td i {
	font-size: 1em;
}
/*.formulaire_creer_paybyurl th.etat {
	width: 120px;
}*/
.formulaire_spip fieldset fieldset {
	margin-top: 1rem;
}
.formulaire_spip fieldset.paiement {
	border: 1px solid #ddd;
	border-radius: 0.5rem;
	padding: 1rem;
}
.formulaire_spip fieldset.paiement legend {
	width: unset;
}
fieldset.paiement .sous_titre {
	font-size: 110%;
	margin-top: 1rem;
	font-weight: 600;
}
.bloc_paiement_validation {
	margin-top: 2rem;
}
.bloc_paiement_validation h3 {
	font-size: 2.5rem;
}
.bloc_paiement_validation .choix {
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
}
.bloc_paiement_validation .choix.type_fusionner_paiements {
	display: flex;
	justify-content: space-between;
}
.bloc_paiement_validation .choix.type_fusionner_paiements:hover {
	background-color: #cecece;
}

.bloc_paiement_validation .choix label {
	margin-bottom: initial;
	margin-left: 0.2rem;
}
.bloc_paiement_validation .flex-row {
	align-items: baseline;
	padding-top: 2rem;
}
.bloc_paiement_validation .flex-row .boutons {
	margin-top: 1rem;
}
.formulaire_spip .grid {
	column-gap: 3rem;
}
.formulaire_spip .aff_masque_annules {
	font-size: 80%;
	font-weight: 400;
	transition: all 0.3s ease-in;
	color: #acb3c2;
	box-shadow: 2px 2px 5px #d5d5d5;
	padding: 0.5rem 1rem;
	cursor: pointer;
	background-color: #ebebeb;
}
.formulaire_spip .aff_masque_annules:hover {
	background-color: white;
	color: #777;
}

@media screen and (min-width: 660px) {
	/*.bloc_paiement_validation {
		display: flex;
	}*/
	.boutons_fluid {
		flex-grow: 1;
		justify-content: flex-end;
		display: flex;
		align-items: baseline;
		padding-right: 1rem;
	}
}

/* page des liens de paiement */
.payer_mode {
	margin: 1em 0;
	border-bottom: 1px solid #eee;
}
.payer_mode .boutons {
	margin-bottom: 1.5em;
}
.payer_mode .boutons > form,
.payer_mode .boutons > form > div {
	display: inline;
}
.payer_mode .submit .logo {
	display: inline;
}
.paiement_attente {
	background-color: rgba(255, 165, 0, 0.5);
	border: 2px solid rgba(255, 165, 0, 1);
	font-size: 3rem;
	text-align: center;
	margin-bottom: 3rem;
}
.paiement_annule {
	background-color: rgba(255, 0, 0, 0.5);
	border: 2px solid rgba(255, 0, 0, 1);
	font-size: 3rem;
	text-align: center;
	margin-bottom: 3rem;
}