/* global */
.classic_container .center_content
{
	width: 50%;
	margin-left: 25%;
}

/* logizone */
.step + .logizone_btn
{
	padding-top: 26px;
	margin-top: 0;
}

/* step */
.step
{
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1025;
	height: 30px;
	border-radius: 0;
	line-height: normal;
}

.step .step_container
{
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	background-color: #e9e9e9;
	height: 100%;
}

.step a
{
	color: inherit;
	text-decoration: none;
}

.step a:hover
{
	text-decoration: none;
}

.step .step_content
{
	/*padding: 0 10px 0 10px;*/
	height: 30px;
}

.step .step_content > div
{
	display: table;
	height: 30px;
}

.step .arrow_box
{
	position: relative;
}

.step .disabled
{
	cursor: default;
}

.step .active
{
	background-color: #CCC;
}

.step .active .arrow_box:after
{
	border-left-color: #CCC;
}

.step .last-active .arrow_box:before
{
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	border-right-color: #CCC;
}

.step .circle_content
{
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
}

.step .circle_content .circle
{
	width: 24px;
	height: 24px;
	background-color: #FFF;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	position: relative;
}

.step .circle_content .circle .number_content
{
	display: table;
	width: 24px;
	height: 24px;
}

.step .circle_content .circle .number_content .number
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.step .name
{
	display: table-cell;
	vertical-align: middle;
}

.step .arrow_box:before,
.step .arrow_box:after
{
	left: 95%;
	top: 15px;	/* force la fleche a etre toujours en haut */
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.step .arrow_box:after
{
	border-color: transparent;
	margin-top: -14px;
	border-width: 14px 13px 14px 25px;
	border-left-color: #e9e9e9;
}

.step .arrow_box:before
{
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #FFF;
	border-width: 15px;
	border-left-width: 28px;
	margin-top: -15px;
	border-top-color: #e9e9e9;
	border-bottom-color: #e9e9e9;
	border-right-color: #e9e9e9;
}

/* transaction / commitment */
.classic_container .transaction_commitment .card
{
	margin-bottom: 20px;
}

/* single trx */
.classic_container .singletrx_amount_qte .singletrx_amount select,
.classic_container .singletrx_amount_qte .singletrx_qte_subtotal input[type="text"],
.classic_container .singletrx_amount_qte .singletrx_qte_unit input[type="text"]
.classic_container .singletrx_amount_qte .singletrx_amount_other input[type="text"]
{
	text-align: right;
}

.classic_container .singletrx_amount_qte div[data-act_qte="1"] > div > .row:first-of-type
{
	margin-bottom: 0;
}

.classic_container .singletrx_amount_qte .singletrx_amount_buttons,
.classic_container .singletrx_amount_qte .singletrx_amount_dropdown,
.classic_container .singletrx_amount_qte .singletrx_amount_other_input
{
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.classic_container .singletrx_amount_qte .singletrx_qte input[type="text"]
{
	text-align: center;
}

.classic_container .singletrx_amount_qte .singletrx_qte button
{
	padding-left: 10px;
	padding-right: 10px;
}

.classic_container .singletrx_amount_qte .singletrx_qte_x
{
	padding: 0;
	margin-top: 5px;
	text-align: center;
}

.classic_container .singletrx_amount_qte .singletrx_qte_unit input[type="text"]
{
	text-align: right;
}

.classic_container .singletrx_amount_qte .singletrx_qte_equal
{
	padding: 0;
	margin-top: 5px;
	text-align: center;
}

.classic_container .singletrx_amount_qte .singletrx_amount_buttons
{
	text-align: center;
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="1"] .singletrx_amount_buttons .singletrx_amount_buttons_wrapper
{
	display: inline-block;
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="1"] .singletrx_amount_buttons .singletrx_amount_buttons_items
{
	min-width: 150px;
	display: inline-block;
	padding: 5px;
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="1"] .singletrx_amount_buttons .singletrx_amount_buttons_items .singletrx_amount_buttons_items_label
{
	display: none;
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="2"]
{
	text-align: center;
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="2"] label
{
	flex-basis: initial;
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="2"] .singletrx_amount_radio .custom-control-inline
{
	margin-right: 0;
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="2"] .singletrx_amount_radio .singletrx_amount_radio_label
{
	height: 45px;
	min-width: 50px;
	text-align: center;
	font-weight: bold;
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="2"] .singletrx_amount_radio .singletrx_amount_radio_label::before,
.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="2"] .singletrx_amount_radio .singletrx_amount_radio_label::after
{
	top: 1.25rem;
	left: 0;
	margin-left: calc(50% - 0.65rem);		/* normalement devrais être 0.5 (moitié width du radio) */
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="2"] .singletrx_amount_radio input[type="radio"]
{
	top: 1.25rem;
	left: 2.5rem;
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="3"] .singletrx_amount_buttons .singletrx_amount_buttons_wrapper
{
	display: block;
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="3"] .singletrx_amount_buttons .singletrx_amount_buttons_items
{
	width: 100%;
	margin-bottom: 5px;
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="3"] .singletrx_amount_buttons .singletrx_amount_buttons_items button
{
	padding: 7px;
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="3"] .singletrx_amount_buttons .singletrx_amount_buttons_items button > span:first-child
{
	display: none;
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="3"] .singletrx_amount_buttons .singletrx_amount_buttons_items .singletrx_amount_buttons_items_amount
{
	width: 20%;
	float: left;
	display: inline-block;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

.classic_container .singletrx_amount_qte .singletrx_amount[data-act_sug_display="3"] .singletrx_amount_buttons .singletrx_amount_buttons_items .singletrx_amount_buttons_items_label
{
	width: 80%;
	display: inline-block;
	border-left: 1px dashed #FFF;
	text-align: left;
	padding-left: 10px;
	font-size: 0.75rem;
	white-space: normal;
}

.classic_container .singletrx_amount_qte .singletrx_qte_label .qte_unit_label
{
	display: none;
}

.classic_container .singletrx_amount_qte .singletrx_amount .singletrx_amount_buttons .singletrx_amount_buttons_items button
{
	width: 100%;
}

/* multi trx */
.classic_container .multitrx .multitrx_group_activity
{
	position: relative;
}

.classic_container .multitrx .multitrx_activity.multitrx_invisible
{
	visibility: hidden;
}

.classic_container .multitrx .multitrx_group_activity .group_activity_label
{
	margin-bottom: 5px;
}

.classic_container .multitrx .multitrx_group_activity .group_activity_dropdown
{
	width: 36%;
	position: absolute;
	padding-right: 15px;
}

.classic_container .multitrx .multitrx_activity
{
	-ms-flex: 0 0 36%;
	flex: 0 0 36%;
	max-width: 36%;
	margin-top: 5px;
	margin-bottom: 0;
}

.classic_container .multitrx .multitrx_activity .qte_unit_label
{
	display: none;
}

.classic_container .multitrx .multitrx_qte
{
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	margin-bottom: 0;
}

.classic_container .multitrx .multitrx_qte input[type="text"]
{
	text-align: center;
}

.classic_container .multitrx .multitrx_qte button
{
	padding-left: 10px;
	padding-right: 10px;
}

.classic_container .multitrx .multitrx_qte_x
{
	-ms-flex: 0 0 2%;
	flex: 0 0 2%;
	max-width: 2%;
	margin-top: 5px;
	padding: 0;
	text-align: center;
}

.classic_container .multitrx .multitrx_qte_unit
{
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	margin-bottom: 0;
	text-align: center;
}

.classic_container .multitrx .multitrx_amount select,
.classic_container .multitrx .multitrx_qte_unit input[type="text"],
.classic_container .multitrx .multitrx_subtotal input[type="text"],
.classic_container .multitrx .multitrx_total_field input[type="text"]
{
	text-align: right;
}

.classic_container .multitrx .multitrx_qte_x_spacer
{
	-ms-flex: 0 0 22%;
	flex: 0 0 22%;
	max-width: 22%;
}

.classic_container .multitrx .multitrx_amount
{
	text-align: center;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="0"]
{
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="1"],
.classic_container .multitrx .multitrx_amount[data-act_sug_display="2"],
.classic_container .multitrx .multitrx_amount[data-act_sug_display="3"]
{
	-ms-flex: 0 0 42%;
	flex: 0 0 42%;
	max-width: 42%;
}

.classic_container .multitrx .multitrx_amount .multitrx_amount_buttons
{
	margin-top: -5px;
}

.classic_container .multitrx .multitrx_amount .multitrx_amount_buttons .multitrx_amount_buttons_wrapper
{
	width: 100%;
	margin-left: -5px;
	margin-right: -5px;
	display: inline-block;
}

.classic_container .multitrx .multitrx_amount .multitrx_amount_buttons .multitrx_amount_buttons_items
{
	display: inline-block;
	padding: 5px;
}

.classic_container .multitrx .multitrx_amount .multitrx_amount_buttons .multitrx_amount_buttons_items button
{
	width: 100%;
	display: flex;
	align-items: center;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="1"] .multitrx_amount_buttons > div
{
	padding-left: 0;
	padding-right: 0;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="1"] .multitrx_amount_buttons .multitrx_amount_buttons_items
{
	min-width: 120px;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="1"] .multitrx_amount_buttons .multitrx_amount_buttons_items .multitrx_amount_buttons_items_label
{
	display: none;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="2"] .multitrx_amount_radio
{
	margin-bottom: 0;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="2"] .multitrx_amount_radio .custom-control-inline
{
	margin-right: 0;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="2"] .multitrx_amount_radio .multitrx_amount_radio_label
{
	height: 45px;
	min-width: 50px;
	text-align: center;
	font-weight: bold;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="2"] .multitrx_amount_radio .multitrx_amount_radio_label::before,
.classic_container .multitrx .multitrx_amount[data-act_sug_display="2"] .multitrx_amount_radio .multitrx_amount_radio_label::after
{
	top: 1.25rem;
	left: 0;
	margin-left: calc(50% - 0.65rem);		/* normalement devrais être 0.5 (moitié width du radio) */
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="2"] .multitrx_amount_radio input[type="radio"]
{
	top: 1.25rem;
	left: 2.5rem;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="3"] .multitrx_amount_buttons .multitrx_amount_buttons_items
{
	width: 100%;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="3"] .multitrx_amount_buttons .multitrx_amount_buttons_items:last-child
{
	margin-bottom: 0;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="3"] .multitrx_amount_buttons .multitrx_amount_buttons_items button
{
	padding: 7px;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="3"] .multitrx_amount_buttons .multitrx_amount_buttons_items button > span:first-child
{
	display: none;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="3"] .multitrx_amount_buttons .multitrx_amount_buttons_items .multitrx_amount_buttons_items_amount
{
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	display: inline-block;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

.classic_container .multitrx .multitrx_amount[data-act_sug_display="3"] .multitrx_amount_buttons .multitrx_amount_buttons_items .multitrx_amount_buttons_items_label
{
	-ms-flex: 0 0 80%;
	flex: 0 0 80%;
	max-width: 80%;
	display: inline-block;
	border-left: 1px dashed #FFF;
	text-align: left;
	padding-left: 10px;
	font-size: 0.75rem;
	white-space: normal;
}

.classic_container .multitrx .multitrx_amount_buttons.row
{
	margin-bottom: 0;
}

.classic_container .multitrx .multitrx_equal
{
	-ms-flex: 0 0 2%;
	flex: 0 0 2%;
	max-width: 2%;
	padding: 0;
	margin-top: 5px;
	text-align: center;
}

.classic_container .multitrx .multitrx_equal_spacer
{
	-ms-flex: 0 0 2%;
	flex: 0 0 2%;
	max-width: 2%;
	padding: 0;
}

.classic_container .multitrx .multitrx_nosugg_spacer
{
	-ms-flex: 0 0 44%;
	flex: 0 0 44%;
	max-width: 44%;
	margin-bottom: 0;
}

.classic_container .multitrx .multitrx_subtotal
{
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	margin-bottom: 0;
}

.classic_container .multitrx .multitrx_subtotal_lbl,
.classic_container .multitrx .multitrx_subtotal_lbl_spacer,
.classic_container .multitrx .multitrx_subtotal_lbl .multitrx_subtotal_lbl_total
{
	display: none;
}

.classic_container .multitrx .multitrx_subtotal_lbl_spacer
{
	padding: 0;
}

.classic_container .multitrx .multitrx_total_lbl
{
	-ms-flex: 0 0 80%;
	flex: 0 0 80%;
	max-width: 80%;
	margin-top: 5px;
	text-align: right;
	margin-bottom: 0;
}

.classic_container .multitrx .multitrx_total_field
{
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	margin-bottom: 0;
}

.classic_container .multitrx .separator
{
	background-color: #e5e5e5;
	height: 1px;
	margin: 0px 15px 15px 15px;
	overflow: hidden;
}

/* Quand on a seulement 1 activité, on cache le total affiche le sous-total */
.classic_container .multitrx div[data-uid]:first-child:nth-last-child(2) ~ .multitrx_total,
.classic_container .multitrx div[data-uid]:first-child:nth-last-child(2) .separator
{
	display: none;
}

/* participants */
.classic_container .multitrx .participant .participant_position
{
	width: calc(36% + 15px);
	text-align: right;
	font-weight: bold;
	padding-right: 15px;
}

.classic_container .multitrx .participant
{
	margin-bottom: 0;
}

.classic_container .multitrx  .participant .participant_content
{
	width: calc(64% - 30px);
	border-left: 1px solid #CCC;
	padding-left: 15px;
}

.classic_container .singletrx_amount_qte .participant
{
	width: calc(50% + 45px);
	margin-left: calc(25% - 45px);
}

.classic_container .singletrx_amount_qte .participant .participant_position
{
	width: 45px;
}

.classic_container .singletrx_amount_qte  .participant .participant_content
{
	width: calc(100% - 45px);
	padding-right: 0;
}

.classic_container .participant .participant_content .participant_customization,
.classic_container .participant .participant_content > .row:nth-last-child(2)
{
	margin-bottom: 0;
}

.classic_container .participant .participant_content .participant_customization:not(:only-child) .customization > div
{
	margin-top: 15px;
}


/* logizone login */
.classic_container .logizone_login button
{
	min-width: 140px;
}

/* logizone password */
.classic_container .logizone_password .logizone_what_text
{
	padding-left: 25px;
}

.classic_container .logizone_password .logizone_what_text ul
{
	margin-bottom: 0;
}

/* phone */
.classic_container .phone .phone_type
{
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	max-width: 40%;
}

.classic_container .phone .phone_number
{
	-ms-flex: 0 0 52%;
	flex: 0 0 52%;
	max-width: 52%;
}

.classic_container .phone div[data-phone_type="2"] .phone_number
{
	-ms-flex: 0 0 37%;
	flex: 0 0 37%;
	max-width: 37%;
}

.classic_container .phone .phone_extension
{
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
	max-width: 15%;
}

.classic_container .phone .phone_delete_button
{
	-ms-flex: 0 0 8%;
	flex: 0 0 8%;
	max-width: 8%;
}

.classic_container .phone .phone_number:not(:last-child),
.classic_container .phone .phone_extension:not(:last-child)
{
	padding-right: 0;
}

.classic_container .phone .phone_extension,
.classic_container .phone .phone_delete_button
{
	padding-left: 5px;
	padding-right: 5px;
}


/* buttons */
.classic_container .trxtype_transaction,
.classic_container .trx_previous,
.classic_container .form_previous,
.classic_container .summary_previous
{
	text-align: right;
}

.classic_container .btn_trxtype_transaction,
.classic_container .btn_trxtype_commitment
{
	min-width: 140px;
}

.classic_container .btn_trx_next,
.classic_container .btn_trx_previous,
.classic_container .btn_form_next,
.classic_container .btn_form_previous,
.classic_container .btn_summary_next,
.classic_container .btn_summary_confirm,
.classic_container .btn_summary_previous
{
	min-width: 120px;
}


/* summary */
.summary .card
{
	margin-bottom: 20px;
}

/* payment */
.payment .card
{
	margin-bottom: 20px;
}