/* mobile-small */
@media all and (min-width: 0) and (max-width: 800px) and
(max-aspect-ratio: 13/9) {
	.icon-field-code-touchcash {
		margin-right: 2%;
	}

	.recap_info_line_acep {
		width: 75%;
		margin-left: 2%;
		margin-right: 2%;
		text-align: left;
		position: inherit;
		float: left;
		border-bottom-style: groove;
	}

	.page-content {
		height: 100% !important;
		overflow: auto;
	}

	.hauteur-option-canal {
		min-height: inherit;
	}

	.info_estimation_canal {
		font-weight: bold;
		font-size: 1.0rem;
	}

	.big_row {
		display: none;
	}

	.small_row {
		display: block;
	}


	.hauteur-offres-canal {
		background-color: #faf5f5;
		width: 100%;
		margin-top: 2%;
		overflow-y: scroll;
		margin-left: -8%;
		max-height: inherit;

	}

	.check-info-baloon {
		overflow-y: scroll;
		height: 326px;
	}

	.largeur-recap-kashkash-sms {
		width: 100%;
	}

	.info_estimation_al_askia {
		font-weight: bold;
		font-size: 0.5rem;
	}

	.adaptation_montant_touchcash {
		margin-top: 1%;
		margin-right: 10%;
		margin-left: 10%;
		position: relative;
		max-width: 85% !important;
	}

	.adaptation_montant_touchpoint {
		margin-top: 1%;
		margin-right: 10%;
		margin-left: 10%;
		position: relative;
		max-width: 85% !important;
	}

	.adaptation_retrait_montant_touchcash {
		margin-top: 5%;
		margin-right: 10%;
		margin-left: 10%;
		position: relative;
		max-width: 85% !important;
	}

	.div_center_recap_alp_touchcash {
		width: 85%;
		padding-top: 2;
		margin-left: 2%;
		height: 330px;
		overflow-y: scroll;

	}

	.div_center_recap_alp_suitch {
		width: 85%;
		padding-top: 2;
		margin-left: 2%;
		height: 330px;
		overflow-y: scroll;

	}

	.check-carte-promotionnel {

		margin-left: -40%;
		margin-top: 10%;
	}

	.div_image, .div_text_cof {
		display: inline;
		margin-left: 21%;

	}

	.div_image, .div_text_cof_retr {
		display: inline;
		margin-left: 2%;

	}

	.z-combobox-content {
		overflow-y: scroll;
		height: 100px !important;


	}

	.decalage_pamecas {
		margin-left: 10%;
		margin-right: 14%;
	}

	.img_success_alpha {
		margin-left: 40%;
	}

	.form-control-cust-long {
		padding: 0px !important;
		/* box-shadow: none; */
		border: none !important;
		height: 10px;
		font-size: 14px !important;
		overflow-y: scroll;
	}

	.info-retrait-wizall {

		margin-left: -15%;

	}

	.recap-cachin-ipay {

		margin-left: -11%;

	}

	.recap_retrait_wafa {
		overflow-y: scroll;
		height: 256px;

	}

	.infos_annul_wafa {
		overflow-y: scroll;
		height: 168px;

	}

	.infos_wizall_wafa {
		overflow-y: scroll;
		height: 133px;

	}

	.info_wizall_montant {
		padding-right: 35%;
		margin-bottom: 10%;
	}

	.info_enroldest {
		overflow-y: scroll;
		height: 224px;

	}

	.info_recapdest {
		overflow-y: scroll;
		height: 360px;

	}

	.info_popup_western {

		width: 352px;
		height: 200px;
		text-align: center;
		display: inline-block;
		margin: auto;
		top: 245px;
	}

	.mont_taftaf_scroll {

		overflow-y: scroll;
		height: 335px;
	}

	.mont_wizallbon_scroll {

		overflow-y: scroll;
		height: 330px;
	}

	.info_estimation_al_taf {
		font-weight: bold;
		font-size: 1rem;
	}

	.info_estimation_al_ver_cof {
		margin-left: -45%;
		font-weight: bold;
		font-size: 1.2rem
	}

	.div_center_recap_alpa {
		width: 85%;
		padding-top: 7%;
		margin-left: 15%;
	}

	.scroll-petit-modele {
		margin-top: 13%;
		overflow-y: scroll;
		height: 317px;
	}

	.info_recap_retrait_west {
		margin-top: 2% !important;
		margin-left: -46%;
	}

	.info_popup_western_dernier {
		position: absolute;
		text-align: center;
		display: inline-block;
		margin: auto;
		width: 366px;
		height: 540px;
		top: 100px;
		left: 0px;
		z-index: 1800;
	}

	.scroll-exped-mywu {
		overflow-y: scroll;
		height: 66px
	}

	.div_center_recap-pamecas {
		width: 100%;
		padding-top: 5%;
		padding-bottom: 5%;
		padding-left: 5%;
		overflow-y: scroll;
		height: 350px;
		margin-left: 10%;
	}

	.scroll-exped-nomywu {
		overflow-y: scroll;
		height: 222px
	}

	.scroll-benef-mywu {
		overflow-y: scroll;
		height: 66px
	}

	.div_center_recap-west {
		width: 90%;
		padding-top: 0%;
		padding-bottom: 5%;
		padding-left: 10%;
		overflow-y: scroll;
		height: 362px;

	}

	.scroll-benef-nomywu {
		overflow-y: scroll;
		height: 158px;
	}

	.over-exp-enrol {
		overflow-y: scroll;
		height: 280px;
	}

	.over-retraitid-om {
		overflow-y: scroll;
		height: 300px;
	}

	.recap_info_line_cofina {
		width: 90% !important;
		margin-left: 3%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
		border-bottom-style: groove;
		border-right-style: none;
	}

	.input-icon-srv-west {
		display: inline-flex;
		width: 100%;
		margin-top: 12%;
	}

	.input-icon-srv-west-benef {
		display: inline-flex;
		width: 100%;
		margin-top: 12%;
	}

	.page-content > div:first-of-type {
		height: auto !important;
	}

	.cell_firs_scroll_sde {
		overflow-y: scroll;
		height: 300px;
	}

	.form-actions-sde {
		padding-left: 10%;
		text-align: center;

	}

	.z-bandbox-popup {
		width: 90% !important;
		left: 5% !important;
	}

	.z-bandbox-button {
		padding: 8px 0;
		font-size: small;
		border: none;
	}

	.dujour .z-bandbox-button {
		border: 1px solid #cfcfcf;
	}

	.list-bandbox .z-listbox-body {
		overflow: hidden !important;
	}

	.list-bandbox table {
		display: table !important;
	}

	.z-window-content {
		height: 600px;
	}

	.div_btn_transaction {
		text-align: center;
		overflow-y: scroll;
		max-height: 450px;
	}

	.info_space_wizall {
		margin-top: 2%;
		display: inline-grid;
		width: 90%;
	}

	.z-button img {
		vertical-align: middle;
		max-width: 100px;
	}

	.z-button {
		background: transparent;
		border: none;
		box-shadow: none !important;
	}

	.col-md-8 {
		/* -webkit-box-flex: 0; */
		/* flex: 0 0 66.66667%; */
		/* margin: 0%; */
		/*  max-width: 46%; */
		/* margin: 0px; */

	}

	.nom_vers {
		margin-top: -10%;
		margin-left: 21%;

	}

	.input-wrapper2 {
		display: flex;
		justify-content: center;
	}

	.menu_cashin {
		display: inline-grid;
		padding: 5%;
		margin-top: 2%;
		background-color: transparent;
		max-width: 35%;
		text-align: center;
	}

	.menu_cashout {
		display: inline-grid;
		padding: 5%;
		margin-top: 2%;
		background-color: transparent;
		max-width: 35%;
		text-align: center;
	}

	.menu_school {
		display: inline-grid;
		/*padding: 5%;
		margin-top: 2%;*/
		background-color: white;
		max-width: 35%;
		text-align: center;
	}

	.btn-image {
		max-width: 100px !important;
	}

	.col-md-offset-2 {
		margin-left: 0%;
	}

	.banner-partner {
		/*height: 50px;
	    display: -webkit-box;
	    background-color: transparent;
	    width: max-content !important;
	    padding-bottom: 60px;
	    padding-top: 10px;
	    padding-left: 10px !important;
	    border-bottom: 1px solid #cfcfcf;
	     border-bottom-style: outset; */

	}

	.div_input {
		margin-top: 10%;
		margin-left: 7%;
		position: relative;
		max-width: 85% !important;
		/* margin-right: 22.5%; */
	}

	.div_input_ident_wu {
		margin: 10%;
		position: relative;
		max-width: 100% !important;
		width: 100%;
	}

	.z-button {
		font-size: 12px;
		/* padding-top: 0;
		padding-bottom: 0; */
		box-shadow: none;
	}

	.form-actions {
		padding-top: 0.6375rem;
		margin: 0;
		/* bottom: -5%; */
		position: relative;
		text-align: center;
		width: 100%;
		z-index: 900;
	}

	.form-actions-west {
		padding-top: 0.6375rem;
		margin: 0;
		bottom: 2%;
		position: relative;
		text-align: center;
		width: 100%;
		z-index: 900;
	}

	.form-scrol {
		overflow-y: scroll;
		height: 100px;
	}

	.arrow-steps .step {
		display: none;
	}

	.col-md-6_cofina {
		margin-left: 62%;
		margin-top: -8%;
	}

	.col-md-6_cof {
		margin-left: 146%;
		margin-top: -22%;
	}

	.div_center_recap {
		width: 100%;
		padding-top: 12%;
		padding-left: 10%;
		display: inline-grid;
	}

	.div_center_recap {
		width: 100%;
		padding-top: 12%;
		padding-left: 10%;
		display: inline-grid;
	}

	.div_center_recap-der {
		width: 100%;
		padding-top: 12%;
		padding-left: 10%;
		display: inline-grid;
	}

	.div_center_recap_collect {
		width: 100%;
		padding-top: 7%;
		padding-left: 6%;
		display: inline-grid;
	}

	.recap_info_line {
		width: 90% !important;
		margin-left: 3%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
		border-bottom-style: groove;
		border-right-style: none;
	}

	.separateur_suitch {
		border-bottom-style: groove;
		border-right-style: none;
	}

	.recap_info_line_ludwin {
		width: 90%;
		margin-left: 2%;
		margin-right: 2%;
		text-align: left;
		position: relative;
		float: left;
		border-right-style: none;
		border-bottom-style: groove;
	}

	.recap_info_line_april {
		width: 90%;
		margin-left: 2%;
		margin-right: 2%;
		text-align: left;
		position: relative;
		float: left;
		border-right-style: none;
		border-bottom-style: groove;
	}

	.recap_info_line_mnt_ludwin {
		width: 90%;
		margin-left: 2%;
		text-align: left;
		float: left;
		position: relative;
	}

	.recap_info_line_mnt {
		width: 90%;
		margin-left: 2%;
		text-align: left;
		padding: 5px;
		float: left;
		position: relative;
	}

	.svt {
		width: 30%;
		color: #fafafa;
		background-color: var(--primary-color);
		height: 45px;
	}

	.pcd {
		background-color: #fafafa;
		color: var(--primary-color);
		width: 30%;
		height: 45px;
		border: var(--primary-color) solid 1px;
	}

	.col-md-4 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		text-align: center;
		width: 100%;
	}

	.indicateur_responsive_logo {
		display: inline-block;
	}

	.printer-button {
		width: 40%;
		font-size: 10px;
		display: none;
	}

	.retour_accueil {
		background-color: #fafafa;
		color: var(--primary-color);
		width: 40%;
		height: 45px;
		border: var(--primary-color) solid 1px;
		font-size: 10px;
	}

	.form_deux_sur_trois {
		display: table-cell;
		width: 95%;
		padding-right: 2%;
		padding-left: 2%;
	}

	.div_input_no_margin {
		margin-top: 8%;
		width: 100%;
		max-width: 100% !important;
		padding-right: 2%;
		padding-left: 2%;
		display: inline-grid;
	}

	.rowformcompte {
		text-align: center;
		padding: 27% 0;
		font-size: large;
	}

	.btnnondeconnexion {
		border: 3px solid var(--primary-color);
		width: 30%;
		height: 45px;
		border-radius: 7px !important;
		color: var(--primary-color);
		font-size: medium;
		background: #eeeeee;
		border-radius: none;
	}

	.btnouideconnexion {
		background-color: var(--primary-color);
		border: 3px solid var(--primary-color);
		width: 30%;
		height: 45px;
		border-radius: 7px;
		color: #eeeeee;
		font-size: medium;
	}

	.change-pass-title span {
		font-size: x-large;
	}

	.besoin_aide {
		font-size: small;
		display: none;
	}

	.besoin_aide_others {
		font-size: small;
	}

	.change-pass-text-wrapper {
		width: 80% !important;;
		margin: auto;
	}

	.title-wrapper {
		width: 100%;
		margin: 5% 0 0;
		padding: 0;
	}

	.input-pass-wrapper {
		width: 80%;
		margin: auto;
	}

	.input-pass-wrapper .row {
		margin-left: 0;
		margin-top: 0;
	}

	.index-caisse-jour .z-window-content {
		padding-top: 0px !important;
	}

	.contentlistdivfiltre {
		width: 75%;
		margin-top: 3%;
	}

	.contentlistdiv {
		width: 75%;
		height: 428px;
		/* overflow: auto; */
	}

	.cdj-filter .z-grid-body {
		/* padding: 7% */

	}

	.mydivfloat {
		margin: 5px 0 !important;
		height: 60px;
		display: flex;
		align-items: center;
		padding: 0;
	}

	.contentlistdivfiltre table {
		width: 85%;
	}

	.float {
		margin: 0;
	}

	.ecriturelabel {
		margin: 0;
		text-align: right;
	}

	.ecriturenbre {
		text-align: right;
	}

	.mydivfloat > div:first-of-type {
		width: 70%
	}

	table {
		width: 100%;
	}

	.z-listbox-body table {
		display: contents;
	}

	.z-listbox-body {
		overflow-y: auto !important;
	}

	.hide-mobile {
		display: none;
	}

	.headerlistitem .z-listcell-content {
		width: 62px;
		overflow: inherit;
	}

	.z-listcell-content {
		font-size: small;
	}

	.filterdiv .z-grid-body {
		/* overflow-x: auto !important; */
	}

	.filterdiv .z-grid {
		height: 60px;
	}

	.filterdiv input {
		min-width: 55px !important;
		font-size: small !important;
		padding: 0;
		border: none;
	}

	.cellgrid1 span {
		min-width: 80px !important;
	}

	.filterdiv .boutonfiltrer {
		/* width: 49px !important; */
		height: 44px !important;
		position: absolute !important;
		top: 0;
		text-align: center;
		font-size: small;
		/* padding: 3% !important; */
	}

	.labeltotallib {
		position: initial;

	}

	.labeltotalval {
		font-size: 0.9em;
	}

	.divlabeltotalval {
		position: initial;
	}

	.mylistitem .z-listcell-content, .z-listbox-body table td {
		width: auto;
	}

	.dest-cell .z-listcell-content {
		width: 100px;
	}

	.div_center_recap_alp_ria {
		width: 85%;
		padding-top: 2%;
		margin-left: 2%
	}

	.div_center_recap_touchcash {
		width: 85%;
		padding-top: 2%;
		margin-left: 2%
	}

	.input-wrapper_scroll_ria {
		min-height: 350px;
		background-color: white;
		margin: auto;
		margin-top: 1%;
		overflow-y: scroll;
		max-height: 450px;
		/* overflow: scroll; */
	}

	.input-wrapper_scroll {
		min-height: 350px;
		background-color: white;
		margin: auto;
		margin-top: 1%;
		max-height: 400px;
		overflow-y: scroll;
		/* overflow: scroll; */
	}

	.input-wrapper_scroll_cofina {
		min-height: 350px;
		background-color: white;
		margin: auto;
		margin-top: 1%;
		max-height: 400px;
		overflow-y: scroll;
		margin-left: 10%;
		overflow: auto;
	}

	.arrow-steps-rev {
		width: 100%;
		display: none;
	}

	/*.btn_transfertuv {
	    height: 110px;
	    width: 105px;
	    margin-bottom: 0px;
	    display: inline-grid;
	    background-color: #faf5f5;
	    color: var(--primary-color);
	    font-size: 14px;
	    text-transform: initial;
	    background: #fff;
	    border: #ccc solid 1px;
	    border-radius: 4px;
	    margin-right: 2%;
	}*/
	table {
		position: relative !important;
	}

	.windialog {
		margin-top: 35%;
		background-color: #ffffff;
		height: auto;
		width: 70%;
		top: 10%;
		left: 15%;
		z-index: 1800;
		position: absolute;
	}

	.row_inline_grid {
		display: inline-grid;
		width: 100%;
	}

	.form-group_cell_resp {
		margin-bottom: 1.5rem !important;
		border-top: none !important;
		border-right: none !important;
		margin-left: 0% !important;
		padding-left: 0% !important;
	}

	.cell_recap_Joni_sizing {
		display: inline-grid;
	}

	.div_block_joni_recap {
		display: inline-block;
	}

	.cell_firs_recap_Joni {
		text-align: left;
		padding-right: 2%;
		border-bottom: 3px solid grey;
		vertical-align: top;
		border-right: none;
	}

	.cell_firs_recap_touchcash {
		text-align: left;
		padding-right: 2%;
		border-bottom: 3px solid grey;
		vertical-align: top;
		border-right: none;
	}

	.cell_sec_recap_joni {
		text-align: left;
		vertical-align: top;
		padding-right: 2%;
		border-bottom: 3px solid grey;
		border-right: none;
	}

	.val_complete_name_jo {
		float: left !important;
	}

	.cell_first_recap_ria {
		text-align: left;
		vertical-align: top;
		display: inline-grid;
		float: left;
	}

	.cell_sec_recap_ria {
		text-align: left;
		vertical-align: top;
		display: inline-grid;
	}

	.cell_last_recap_ria {
		text-align: left;
		vertical-align: top;
		display: inline-grid;
		float: left;
	}

	.arrow-steps-qua {
		display: none;
	}

	.info_recap_momo {
		font-weight: bold;
		font-size: 1.2rem;
		margin-top: -5%;
		/* top: 29%; */
		/* width: 20%; */
		display: table;
		margin-left: 23%;
	}

	.rowtotal {
		padding: 0 !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.rowtotalCom {
		padding: 0 !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.rowtotalAppro {
		padding: 0 !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.cellfiltrer {
		padding-left: 7% !important;
	}

	.tplink-recap-row {
		display: block;
	}

	.tp_link_col2 {
		width: 85%;
		margin-left: 0%;
		text-align: left;
		/* font-size: 15%; */
		float: left;
		position: relative;
	}

	.tp_link_col1 {
		width: 85%;
		/* padding-right: 25%; */
		padding-bottom: 5%;
		/* display: inline-grid; */
		margin-left: 5%;
		text-align: left;
		position: relative;
		float: left;
		border-bottom-style: groove;
		border-right-style: none;
	}

	.info_recap_no_name {
		padding-top: 4%;
		padding-bottom: 2%;
		font-size: 11px;
		margin-left: 20%;
	}

	.div_input_touchcard_code {
		margin-left: 0%;
		max-width: 100%;
	}

	.div_input_touchcard_infos_code {
		margin-left: 10%;
		margin-right: 3%;
		max-width: 80%;
	}

	.login-form-code-tc {
		margin-top: 10%;
	}

	.achat_bon_recap_col1 {
		text-align: left;
		padding-right: 0%;
	}

	.achat_bon_recap_col2 {
		text-align: left;
		margin-left: 0%;
		vertical-align: top;
		padding-right: 0%;
		padding-left: 0%;
		border-bottom-style: groove;
		border-top-style: groove;
	}

	.achat_bon_recap_col3 {
		text-align: left;
		vertical-align: top;
		display: inline-grid;
		padding-left: 0%;
	}

	.recap_info_line_woyofal {
		width: 90%;
		margin-left: 3%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
		border-bottom-style: groove;
	}

	.div_b_right_woyofal {
		border-right-style: none;
	}

	.div_b_right_woyofal2 {
		border-right-style: none;
	}

	.div_input_inline_grid {
		margin-right: 33.333333%;
		margin-left: 7%;
		position: relative;
		max-width: 85% !important;
		/* margin-right: 22.5%; */
		display: inline-grid;
	}

	.canal_offers_div_par {
		width: 100%;
		padding-top: 5%;
		padding-left: 15%;
		display: inline-grid;
	}

	.canal_offers_col1 {
		width: 95%;
		padding-right: 5%;
		padding-bottom: 5%;
		text-align: left;
		position: relative;
		float: left;
		border-right-style: none;
	}

	.canal_offers_col2 {
		width: 95%;
		margin-left: 0%;
		text-align: left;
		float: left;
		padding-right: 5%;
		position: relative;
	}

	.cell_recap_canal_ident2 {
		text-align: left;
		margin-left: 0%;
		vertical-align: top;
		padding-right: 3%;
		padding-left: 0%;
	}

	.cell_recap_canal_ident1 {
		text-align: left;
		padding-right: 3%;
		vertical-align: top;
		border-bottom: 3px solid grey;
		border-right: none;
	}

	.change-password-wrapper .form-group {
		margin-bottom: 5px !important;
	}

	.barre-menu {
		height: 124px;
		display: unset;
	}

	/***************MODERNCOAST*****************/
	.div_place_moderncoast {
		padding-top: 8%;
		margin-right: 33.333333%;
		margin-right: 4%;
		margin-left: 4%;
		margin-top: 2%
	}

	.item_place_moderncoast {
		width: 30%;
		margin-left: 20%
	}

	.div_prix_moderncoast {
		text-align: center;
		padding-top: 3%;
		padding-bottom: 3%

	}

	.div_input_moderncoast {
		margin-top: 8%;
		margin-right: 15%;
	}

	.separator_style {
		width: 90%;
		margin-left: 5%;
	}

	.ria-amount-fees {
		margin-top: 3%;
		margin-bottom: 3%;
		display: inline-grid;
		width: 90%
	}

	.ria-amount-fees-tp {
		margin-top: 3%;
		margin-bottom: 3%;
		display: inline-grid;
		width: 90%
	}

	.ria-amount-der {
		margin-top: 3%;
		margin-bottom: 3%;
		display: inline-grid;
		width: 90%
	}

	.label-recap-ria-style-size {
		font-size: 18px
	}

	.div_info_piece_ria {
		margin-top: 4%;
		width: 93%;
	}

	.div-margin-class-jonijoni {
		margin-top: 4%;
		margin-left: 1%;
		margin-right: 1%;
	}

	.joni_info_retrait_piece {
		display: inline-grid;
		margin-top: 4%;
		width: 97%;
	}

	.recep_advans_text {
		font-size: 16px;
	}

	.info_space_cashExpress {
		margin-top: 2%;
		display: inline-grid;
		width: 90%;
	}

	.radio_cashExpress {

		margin-right: 20%;
	}

	.taftaf_recap_col1 {
		text-align: left;
		padding-right: 0%;
		border-right: none;
		border-bottom: 3px solid grey;
	}

	.taftaf_recap_col2 {
		text-align: left;
		margin-left: 0%;
		vertical-align: top;
		padding-right: 0%;
		padding-left: 0%;
		border-right: none;
		border-bottom: 3px solid grey;
	}

	.taftaf_recap_col3 {
		text-align: left;
		vertical-align: top;
		display: inline-grid;
		padding-left: 0%;
	}

	.uba_recap_col1 {
		text-align: left;
		padding-bottom: 2%;
		border-right: none;
		border-bottom: 3px solid grey;
	}

	.uba_recap_col2 {
		text-align: center;
		margin-left: 0%;
		vertical-align: top;
		padding-bottom: 2%;
		padding-top: 2%;
		border-right: none;
		border-bottom: 3px solid grey;
	}

	.uba_recap_col3 {
		text-align: left;
		vertical-align: top;
		display: inline-grid;
		padding-top: 2%;
	}

	.div_recap_moderncoast_space {
		text-align: left;
		margin-top: 1% !important;
	}

	.info_estimation_moderncoast_al {
		font-weight: bold;
		font-size: 15px;
	}

	.div_voyageur_moderncoast {
		margin-top: 0%
	}

	.calc_frais_taftaf {
		background: #C0C0C0;
		color: white;
		margin-top: 2%;
		margin-left: 25%;
	}

	.calc_frais_touchcash {
		/*background: #C0C0C0;*/
		color: white;
		margin-top: 2%;
		font-size: 11px;


	}

	.div_center_recap3 {
		width: 100%;
		padding-top: 7%;
		padding-left: 5%;
		display: inline-grid;
		/* overflow-y: scroll; */
	}

	.recap_info_line_value_uv {
		width: 95%;
		margin-left: 1%;
		text-align: left;
		padding: 2px;
		position: relative;
		float: left;
		border-right-style: none;
		border-bottom-style: groove;
	}

	.recap_info_line_bene_uv {
		width: 95%;
		/* margin-left: 2%; */
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
	}

	.recap_info_line_mnt_uv {
		width: 95%;
		margin-left: 1%;
		text-align: left;
		padding: 5px;
		float: left;
		position: relative;
		border-left-style: none;
		border-top-style: groove;
	}

	.img_recap_uv {
		width: 32px;
		max-height: 32px;
		margin-top: 15px;
	}

	.title_recap_uv {
		margin-top: 3%;
		padding: 0%;
		margin-left: 5%;
	}

	.title_recap_uv_al {
		margin-top: 3%;
		padding: 0%;
		margin-left: 5%;
	}

	.btn_transfertuv {
		height: 110px;
		width: 110px;
		margin-bottom: 0px;
		display: inline-grid;
		background-color: #faf5f5;
		color: var(--primary-color);
		font-size: 11px;
		text-transform: initial;
		background: #fff;
		border: #ccc solid 1px;
		border-radius: 4px;
		margin-right: 2%;
		text-align: -webkit-center;
	}

	.btn_transfertuv img {
		max-height: 60px;
	}

	.filterdiv {
		width: 95%;
	}

	.listTransactionExchanges {
		overflow-y: auto;
		max-height: 250px;
		width: max-content
	}

	.contentlistdivfiltre .cellfiltrer {
		width: 16% !important;
	}

	.filter-agent-wrapper {
		margin: auto;
		width: 90%;
	}

	.filter-agent-wrapper .cellgrid1 {
		width: 50% !important;
	}

	.filter-agent-wrapper .cellgrid1-position {
		width: 33% !important;
	}

	.cellgrid1-position .agent-cb input {
		width: 60% !important;
	}

	.agent-cb input {
		width: 100% !important;
	}

	.list-agent-wrapper {
		margin: auto;
		margin-top: 5px;
		width: 95%;
	}

	.z-icon-print {
		display: none !important;
	}

	.header-title {
		/* display: none; */
	}

	.listtransactionsvbox {
		width: 90% !important;
	}

	.listtransactionsvbox td:first-of-type {
		overflow-x: scroll;
		max-width: 100px;
	}

	.row-filter-title td {
		width: 110px;
	}

	.z-datebox-popup {
		width: 80% !important;
		height: 180px !important;
		top: 55% !important;
		left: 10%;
	}

	.z-calendar-wheel-footer {
		/* height: 35px; */
		justify-content: space-around;
		display: flex;
	}

	.z-calendar-wheel-left {
		float: right;
		border-color: #004396;
		color: white;
		padding: 0;
		width: 34%;
		height: 36px;
		background: #004396;
		font-size: medium;
	}

	.z-calendar-wheel-right {
		border-color: #004396;
		color: #004396;
		padding: 0;
		width: 34%;
		height: 36px;
		font-size: medium;
	}

	.z-calendar-wheel-list {
		height: 120px;
		margin: 0 1px 0 0;
		background: white;
		color: #004396;
		font-weight: 600;
		/* height: 110px; */
	}

	.formwindow {
		width: 94% !important;
		left: 3% !important;
		top: 25% !important;
	}

	.formwindow-content .lastcell {
		width: 8% !important;
	}

	.z-paging-button {
		min-width: 20px;
		height: 20px;
		line-height: 10px;
	}

	.z-paging-input {
		height: 20px;
		width: 22px;
	}

	.z-paging-info {
		top: 2px;
		font-size: 11px;
	}

	.div_recap_info_left_22 {
		width: 100%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
	}

	.div_recap_info_left_29 {
		width: 100%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
	}

	.div_recap_info_left_marg_22 {
		width: 100%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
	}

	.div_recap_info_left_marg_29 {
		width: 100%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
	}

	.windialogpwd {
		position: absolute;
		background-color: white;
		width: 100%;
		top: 0px !important;
		left: 0px !important;
		z-index: 1800;
	}

	.form-group-pwd {
		margin-bottom: 4%;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		/* background: white; */
	}

	.change-pass-title span {
		font-size: xx-large;
	}

	.change-pass-subtitle span {
		font-size: medium;
	}
}

/* mobile-large */
.windialogpwd {
	position: absolute;
	background-color: white;
	width: 97%;
	left: 0px !important;
	z-index: 1800;
}

.form-group-pwd {
	margin-bottom: 4%;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	/* background: white; */
}

.change-pass-title span {
	font-size: xx-large;
}

.change-pass-subtitle span {
	font-size: medium;
}

@media all and (min-width: 361px) and (max-aspect-ratio: 13/9) {

	.page-content {
		height: 100% !important;
		/* overflow: auto; */
	}

	.z-window-content {
		height: 600px;
	}

	.page-content > div:first-of-type {
		height: auto !important;
	}

	.z-bandbox-popup {
		width: 90% !important;
		left: 5% !important;
	}

	.list-bandbox .z-listbox-body {
		overflow: hidden !important;;
	}

	.list-bandbox table {
		display: table !important;
	}

	.div_btn_transaction {
		text-align: center;
		overflow-y: scroll;
		max-height: 450px;
	}

	.z-button img {
		vertical-align: middle;
		max-width: 100px;
	}

	.z-button {
		background: transparent;
		border: none;
		box-shadow: none !important;
	}

	.col-md-8 {
		/* -webkit-box-flex: 0; */
		/* flex: 0 0 66.66667%; */
		/* margin: 0%; */
		/*  max-width: 46%; */
		/* margin: 0px; */

	}

	.col-md-8_cof {
		margin-top: -8%;
		margin-left: 26%;

	}

	.input-wrapper2 {
		display: flex;
		justify-content: center;
	}

	.menu_cashin {
		display: inline-grid;
		padding: 5%;
		margin-top: 2%;
		background-color: transparent;
		max-width: 35%;
		text-align: center;
	}

	.menu_cashout {
		display: inline-grid;
		padding: 5%;
		margin-top: 2%;
		background-color: transparent;
		max-width: 35%;
		text-align: center;
	}

	.menu_school {
		display: inline-grid;
		/*padding: 5%;
		margin-top: 2%;*/
		background-color: transparent;
		max-width: 35%;
		text-align: center;
	}

	.btn-image {
		max-width: 100px !important;
	}

	.col-md-offset-2 {
		margin-left: 0%;
	}

	.banner-partner {
		/* height: 50px;
	    display: -webkit-box;
	    background-color: transparent;
	    width: max-content !important;
	    padding-bottom: 60px;
	    padding-top: 10px;
	    padding-left: 10px !important;
	    border-bottom: 1px solid #cfcfcf;
	     border-bottom-style: outset; */

	}

	.div_input {
		margin-top: 10%;
		margin-left: 7%;
		position: relative;
		max-width: 85% !important;
		/* margin-right: 22.5%; */
	}

	.z-button {
		font-size: 12px;
		/* padding-top: 0;
		padding-bottom: 0; */
		box-shadow: none;
	}

	.form-actions {
		padding-top: 0.6375rem;
		margin: 0;
		/* bottom: -5%; */
		position: relative;
		text-align: center;
		width: 100%;
		z-index: 900;
	}

	.form-scrol {
		overflow-y: scroll;
		height: 100px;
	}

	.arrow-steps .step {
		display: none;
	}

	.div_center_recap {
		width: 100%;
		padding-top: 12%;
		padding-left: 10%;
		display: inline-grid;
	}

	.recap_info_line {
		width: 90% !important;
		margin-left: 3%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
		border-bottom-style: groove;
		border-right-style: none;
	}


	.recap_info_line_ludwin {
		width: 90%;
		margin-left: 2%;
		margin-right: 2%;
		text-align: left;
		position: relative;
		float: left;
		border-bottom-style: groove;
		border-right: none;
	}

	.recap_info_line_april {
		width: 90%;
		margin-left: 2%;
		margin-right: 2%;
		text-align: left;
		position: relative;
		float: left;
		border-right-style: groove;
	}

	.recap_info_line_mnt_ludwin {
		width: 90%;
		margin-left: 2%;
		text-align: left;
		float: left;
		position: relative;
	}

	.recap_info_line_mnt {
		width: 90%;
		margin-left: 2%;
		text-align: left;
		padding: 5px;
		float: left;
		position: relative;
	}

	.recap_info_line_mnt_cofina {
		width: 90%;
		margin-left: 2%;
		text-align: left;
		padding: 5px;
		float: left;
		position: relative;
	}

	.svt {
		width: 30%;
		color: #fafafa;
		background-color: var(--primary-color);
		height: 45px;
	}

	.pcd {
		background-color: #fafafa;
		color: var(--primary-color);
		width: 30%;
		height: 45px;
		border: var(--primary-color) solid 1px;
	}

	.mydivfloat {
		margin: 5px 0 !important;
		height: 60px;
		display: flex;
		align-items: center;
		padding: 0;
	}

	.ecriturelabel {
		margin: 0;
		text-align: right;
	}

	.ecriturenbre {
		text-align: right;
	}

	.mydivfloat > div:first-of-type {
		width: 70%;
	}

	.col-md-4 {
		position: relative;
		min-height: 1px;
		/* padding-right: 15px;
	    pa */
		dding-left: 15px;
		text-align: center;
		width: 100%;
	}

	.float {
		position: absolute;
		display: block;
		margin-left: 0;
		margin-top: -8px;
		height: 70px;
		padding: 0;
		overflow: hidden;
		position: relative;
		margin-top: 18px;
		margin: 1px;
	}

	.indicateur_responsive_logo {
		display: block;
	}

	.printer-button {
		width: 40%;
		font-size: 10px;
		display: none;
	}

	.retour_accueil {
		background-color: #fafafa;
		color: var(--primary-color);
		width: 40%;
		height: 45px;
		border: var(--primary-color) solid 1px;
		font-size: 10px;
	}

	.form_deux_sur_trois {
		display: table-cell;
		width: 95%;
		padding-right: 2%;
		padding-left: 2%;
	}

	.div_input_no_margin {
		margin-top: 8%;
		width: 100%;
		max-width: 100% !important;
		padding-right: 2%;
		padding-left: 2%;
		display: inline-grid;
	}

	.rowformcompte {
		text-align: center;
		padding: 27% 0;
		font-size: large;
	}

	.btnnondeconnexion {
		border: 3px solid var(--primary-color);
		width: 30%;
		height: 45px;
		border-radius: 7px;
		color: var(--primary-color);
		font-size: medium;
	}

	.btnouideconnexion {
		background-color: var(--primary-color);
		border: 3px solid var(--primary-color);
		width: 30%;
		height: 45px;
		border-radius: 7px;
		color: #eeeeee;
		font-size: medium;
	}

	.change-pass-title span {
		font-size: x-large;
		height: 60px;
	}

	.besoin_aide {
		font-size: small;
		position: inherit;
	}

	.besoin_aide_others {
		font-size: small;
	}

	.change-pass-text-wrapper {
		width: 80% !important;
		margin: auto;
	}

	.title-wrapper {
		width: 100%;
		margin: 5% 0 0;
		padding: 0;
	}

	.input-pass-wrapper {
		width: 80%;
		margin: auto;
	}

	.input-pass-wrapper .row {
		margin-left: 0;
		margin-top: 0;
	}

	.index-caisse-jour .z-window-content {
		padding-top: 0px !important;
	}

	.contentlistdiv {
		width: 75%;
		height: 350px;
		/* overflow: auto; */
	}

	.contentlistdivfiltre {
		width: 75%;
		margin-top: 3%;
	}

	.cdj-filter .z-grid-body {
		/* padding: 7% */

	}

	.contentlistdivfiltre table {
		width: 90%;
	}

	.z-listbox-body table {
		display: contents;
	}

	.z-listbox-body {
		overflow-y: auto !important;
	}

	.hide-mobile {
		display: none;
	}

	.headerlistitem .z-listcell-content {
		width: 70px;
		overflow: inherit;
	}

	.z-listcell-content {
		font-size: small;
	}

	.filterdiv .z-grid {
		height: 60px;
	}

	.filterdiv .z-grid-body {
		overflow-x: auto !important;
	}

	.cellgrid1 span {
		width: 100%;
	}

	.z-datebox-button {
		padding: 8px 0;
		font-size: small;
	}

	.z-bandbox-button {
		padding: 8px 0;
		font-size: small;
		border: none;
	}

	.dujour .z-bandbox-button {
		border: 1px solid #cfcfcf;
	}

	.boutonfiltrer {
		/* width: 60px !important; */

	}

	.filterdiv .boutonfiltrer {
		/* width: 49px !important; */
		height: 44px !important;
		position: absolute !important;
		top: 0;
		text-align: center;
		font-size: small;
		/* padding: 3% !important; */
	}

	.labeltotallib {
		position: initial;

	}

	.labeltotalval {
		font-size: 0.9em;
	}

	.divlabeltotalval {
		position: initial;
	}

	.mylistitem .z-listcell-content, .z-listbox-body table td {
		width: auto;
	}

	.dest-cell .z-listcell-content {
		width: 100px;
		padding: 0;
	}

	.besoin_aide {
		font-size: smaller;
		display: inherit;
	}

	.z-listbox-body table {
		display: contents;
	}

	.hide-mobile {
		display: none;
	}

	.z-listcell-content {
		font-size: small;
	}

	.row-filter-title {
		/* display: none;  */
	}

	.cbgrid {
		border-bottom: 10px solid #faf5f5;
		border-right: 13px solid #faf5f5 !important;
		width: 100px;
	}

	.filterdiv input {
		width: 55px !important;
		font-size: small !important;
		padding: 0;
		border: none;
	}

	.dest-cell .z-listcell-content {
		width: 100px;
		padding: 0
	}

	.div_center_recap_alp_ria {
		width: 85%;
		padding-top: 2%;
		margin-left: 2%
	}

	.div_center_recap_touchcash {
		/* width: 80%;
        padding-top: 2%; */
		width: 85%;
		padding-top: 7%;
		margin-left: 2%
	}

	.input-wrapper_scroll_ria {
		min-height: 350px;
		background-color: white;
		margin: auto;
		margin-top: 1%;
		overflow-y: scroll;
		max-height: 450px;
		/* overflow: scroll; */
	}

	.input-wrapper_scroll {
		min-height: 350px;
		background-color: white;
		margin: auto;
		margin-top: 1%;
		max-height: 400px;
		overflow-y: scroll;

		/* overflow: scroll; */
	}

	.arrow-steps-rev {
		width: 100%;
		display: none;
	}

	/*.btn_transfertuv {
	    height: 110px;
	    width: 105px;
	    margin-bottom: 0px;
	    display: inline-grid;
	    background-color: #faf5f5;
	    color: var(--primary-color);
	    font-size: 14px;
	    text-transform: initial;
	    background: #fff;
	    border: #ccc solid 1px;
	    border-radius: 4px;
	    margin-right: 2%;
	}*/
	table {
		position: relative !important;
	}

	.row_inline_grid {
		display: inline-grid;
		width: 100%;
	}

	.form-group_cell_resp {
		margin-bottom: 1.5rem !important;
		border-top: none !important;
		border-right: none !important;
		margin-left: 0% !important;
		padding-left: 0% !important;
	}

	.cell_recap_Joni_sizing {
		display: inline-grid;
	}

	.div_block_joni_recap {
		display: inline-block;
	}

	.cell_firs_recap_Joni {
		text-align: left;
		padding-right: 2%;
		border-bottom: 3px solid grey;
		vertical-align: top;
		border-right: none;
	}

	.cell_sec_recap_joni {
		text-align: left;
		vertical-align: top;
		padding-right: 2%;
		border-bottom: 3px solid grey;
		border-right: none;
	}

	.val_complete_name_jo {
		float: left !important;
	}

	.cell_first_recap_ria {
		text-align: left;
		vertical-align: top;
		display: inline-grid;
		float: left;
		border-bottom: 3px solid grey;
	}

	.cell_sec_recap_ria {
		text-align: left;
		vertical-align: top;
		display: inline-grid;
		border-bottom: 3px solid grey;
	}

	.cell_last_recap_ria {
		text-align: left;
		vertical-align: top;
		display: inline-grid;
		float: left;
	}

	.arrow-steps-qua {
		display: none;
	}

	.info_recap_momo {
		font-weight: bold;
		font-size: 1.2rem;
		margin-top: -5%;
		/* top: 29%; */
		/* width: 20%; */
		display: table;
		margin-left: 23%;
	}

	.rowtotal {
		padding: 0 !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.rowtotalCom {
		padding: 0 !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.rowtotalAppro {
		padding: 0 !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.cellfiltrer {
		padding-left: 7% !important;
	}

	.tplink-recap-row {
		display: block;
	}

	.tp_link_col2 {
		width: 85%;
		margin-left: 0%;
		text-align: left;
		/* font-size: 15%; */
		float: left;
		position: relative;
	}

	.tp_link_col1 {
		width: 85%;
		/* padding-right: 25%; */
		padding-bottom: 5%;
		/* display: inline-grid; */
		margin-left: 5%;
		text-align: left;
		position: relative;
		float: left;
		border-bottom-style: groove;
		border-right-style: none;
	}

	.info_recap_no_name {
		padding-top: 4%;
		padding-bottom: 2%;
		font-size: 11px;
		margin-left: 20%;
	}

	.div_input_touchcard_code {
		margin-left: 0%;
		max-width: 100%;
	}

	.div_input_touchcard_infos_code {
		margin-left: 10%;
		margin-right: 3%;
		max-width: 80%;
	}

	.login-form-code-tc {
		margin-top: 10%;
	}

	.achat_bon_recap_col1 {
		text-align: left;
		padding-right: 0%;
	}

	.achat_bon_recap_col2 {
		text-align: left;
		margin-left: 0%;
		vertical-align: top;
		padding-right: 0%;
		padding-left: 0%;
		border-bottom-style: groove;
		border-top-style: groove;
	}

	.achat_bon_recap_col3 {
		text-align: left;
		vertical-align: top;
		display: inline-grid;
		padding-left: 0%;
	}

	.recap_info_line_woyofal {
		width: 90%;
		margin-left: 3%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
		border-bottom-style: groove;
	}

	.div_b_right_woyofal {
		border-right-style: none;
	}

	.div_b_right_woyofal2 {
		border-right-style: none;
	}

	.div_input_inline_grid {
		margin-right: 33.333333%;
		margin-left: 7%;
		position: relative;
		max-width: 85% !important;
		/* margin-right: 22.5%; */
		display: inline-grid;
	}

	.canal_offers_div_par {
		width: 100%;
		padding-top: 5%;
		padding-left: 15%;
		display: inline-grid;
	}

	.canal_offers_col1 {
		width: 95%;
		padding-right: 5%;
		padding-bottom: 5%;
		text-align: left;
		position: relative;
		float: left;
		border-right-style: none;
	}

	.canal_offers_col2 {
		width: 95%;
		margin-left: 0%;
		text-align: left;
		float: left;
		padding-right: 5%;
		position: relative;
	}

	.cell_recap_canal_ident2 {
		text-align: left;
		margin-left: 0%;
		vertical-align: top;
		padding-right: 3%;
		padding-left: 0%;
	}

	.cell_recap_canal_ident1 {
		text-align: left;
		padding-right: 3%;
		vertical-align: top;
		border-bottom: 3px solid grey;
		border-right: none;
	}

	.change-password-wrapper .form-group {
		margin-bottom: 5px !important;
	}

	.listTransactionExchanges {
		overflow-y: auto;
		max-height: 300px;
		width: max-content;
	}

	.contentlistdivfiltre .cellfiltrer {
		width: 16% !important;
	}

	.barre-menu {
		height: 124px;
		display: unset;
	}

	/***************MODERNCOAST*****************/
	.div_place_moderncoast {
		padding-top: 8%;
		margin-right: 33.333333%;
		margin-right: 4%;
		margin-left: 4%;
		margin-top: 2%
	}

	.item_place_moderncoast {
		width: 30%;
		margin-left: 20%
	}

	.div_prix_moderncoast {
		text-align: center;
		padding-top: 3%;
		padding-bottom: 3%

	}

	.div_input_moderncoast {
		margin-top: 8%;
		margin-right: 15%;
		margin-left: 4%;
	}

	.separator_style {
		width: 90%;
		margin-left: 5%;
	}

	.ria-amount-fees {
		margin-top: 3%;
		margin-bottom: 3%;
		display: inline-grid;
		width: 90%
	}

	.ria-amount-fees-tp {
		margin-top: 3%;
		margin-bottom: 3%;
		display: inline-grid;
		width: 90%
	}

	.ria-amount-der {
		margin-top: 3%;
		margin-bottom: 3%;
		display: inline-grid;
		width: 90%
	}

	.label-recap-ria-style-size {
		font-size: 18px
	}

	.div_info_piece_ria {
		margin-top: 4%;
		width: 93%;
	}

	.div-margin-class-jonijoni {
		margin-top: 4%;
		margin-left: 1%;
		margin-right: 1%;
	}

	.joni_info_retrait_piece {
		display: inline-grid;
		margin-top: 4%;
		width: 97%;
	}

	.info_space_cashExpress {
		margin-top: 2%;
		display: inline-grid;
		width: 90%;
	}

	.info_space_wizall {
		margin-top: 2%;
		display: inline-grid;
		width: 90%;
	}

	.radio_cashExpress {
		margin-right: 20%;
	}

	.recep_advans_text {
		font-size: 16px;
	}

	.taftaf_recap_col1 {
		text-align: left;
		padding-right: 0%;
		border-right: none;
		border-bottom: 3px solid grey;
	}

	.taftaf_recap_col2 {
		text-align: left;
		margin-left: 0%;
		vertical-align: top;
		padding-right: 0%;
		padding-left: 0%;
		border-right: none;
		border-bottom: 3px solid grey;
	}

	.taftaf_recap_col3 {
		text-align: left;
		vertical-align: top;
		display: inline-grid;
		padding-left: 0%;
	}

	.uba_recap_col1 {
		text-align: left;
		padding-bottom: 2%;
		border-right: none;
		border-bottom: 3px solid grey;
	}

	.uba_recap_col2 {
		text-align: center;
		margin-left: 0%;
		vertical-align: top;
		padding-bottom: 2%;
		padding-top: 2%;
		border-right: none;
		border-bottom: 3px solid grey;
	}

	.uba_recap_col3 {
		text-align: left;
		vertical-align: top;
		display: inline-grid;
		padding-top: 2%;
	}

	.div_recap_moderncoast_space {
		text-align: left;
		margin-top: 1% !important;
	}

	.info_estimation_moderncoast_al {
		font-weight: bold;
		font-size: 15px;
	}

	.div_voyageur_moderncoast {
		margin-top: 0%
	}

	.calc_frais_taftaf {
		background: #C0C0C0;
		color: white;
		margin-top: 2%;
		margin-left: 25%;
	}

	.calc_frais_touchcash {
		/*background: #C0C0C0;*/
		color: white;
		margin-top: 2%;
		margin-left: 25%;

	}

	.div_center_recap3 {
		width: 100%;
		padding-top: 7%;
		padding-left: 5%;
		display: inline-grid;
		/* overflow-y: scroll; */
	}

	.recap_info_line_value_uv {
		width: 95%;
		margin-left: 1%;
		text-align: left;
		padding: 2px;
		position: relative;
		float: left;
		border-right-style: none;
		border-bottom-style: groove;
	}

	.recap_info_line_bene_uv {
		width: 95%;
		/* margin-left: 2%; */
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
	}

	.recap_info_line_mnt_uv {
		width: 95%;
		margin-left: 1%;
		text-align: left;
		padding: 5px;
		float: left;
		position: relative;
		border-left-style: none;
		border-top-style: groove;
	}

	.img_recap_uv {
		width: 32px;
		max-height: 40px;
		margin-top: 15px;
	}

	.title_recap_uv {
		margin-top: 3%;
		padding: 0%;
		margin-left: 5%;
	}

	.title_recap_uv_al {
		margin-top: 3%;
		padding: 0%;
		margin-left: 5%;
	}

	.btn_transfertuv {
		height: 110px;
		width: 110px;
		margin-bottom: 0px;
		display: inline-grid;
		background-color: #faf5f5;
		color: var(--primary-color);
		font-size: 11px;
		text-transform: initial;
		background: #fff;
		border: #ccc solid 1px;
		border-radius: 4px;
		margin-right: 2%;
		text-align: -webkit-center;
	}

	.btn_transfertuv_tp {
		height: 110px;
		width: 110px;
		margin-bottom: 0px;
		display: inline-grid;
		background-color: #faf5f5;
		color: var(--primary-color);
		font-size: 11px;
		text-transform: initial;
		/*background: #fff; 
		border: #ccc solid 1px;
		border-radius: 4px;*/
		margin-right: 2%;
		text-align: -webkit-center;
	}

	.btn_transfertuv img {
		max-height: 60px;
	}

	.btn_transfertuv_tp img {
		max-height: 60px;
	}

	.filter-agent-wrapper {
		margin: auto;
		width: 90%;
	}

	.filter-agent-wrapper .cellgrid1 {
		width: 50% !important;
	}

	.filter-agent-wrapper .cellgrid1-position {
		width: 33% !important;
	}

	.cellgrid1-position .agent-cb input {
		width: 60% !important;
	}

	.agent-cb input {
		width: 100% !important;
	}

	.list-agent-wrapper {
		margin: auto;
		margin-top: 5px;
		width: 95%;
	}

	.z-icon-print {
		display: none !important;
	}

	.header-title {
		/* display: none; */
	}

	.listtransactionsvbox {
		width: 90% !important;
	}

	.listtransactionsvbox td:first-of-type {
		overflow-x: scroll;
		max-width: 350px;
	}

	.row-filter-title td {
		width: 105px;
	}

	.z-datebox-popup {
		width: 80% !important;
		height: 180px !important;
		top: 55% !important;
		left: 10%;
	}

	.z-calendar-wheel-footer {
		/* height: 35px; */
		justify-content: space-around;
		display: flex;
	}

	.z-calendar-wheel-left {
		float: right;
		border-color: #004396;
		color: white;
		padding: 0;
		width: 34%;
		height: 36px;
		background: #004396;
		font-size: medium;
	}

	.z-calendar-wheel-right {
		border-color: #004396;
		color: #004396;
		padding: 0;
		width: 34%;
		height: 36px;
		font-size: medium;
	}

	.z-calendar-wheel-list {
		height: 120px;
		margin: 0 1px 0 0;
		background: white;
		color: #004396;
		font-weight: 600;
		/* height: 110px; */
	}

	.formwindow {
		width: 94% !important;
		left: 3% !important;
		top: 25% !important;
	}

	.formwindow-content .lastcell {
		width: 8% !important;
	}

	.z-paging-button {
		min-width: 20px;
		height: 20px;
		line-height: 10px;
	}

	.z-paging-input {
		height: 20px;
		width: 22px;
	}

	.z-paging-info {
		top: 2px;
		font-size: 11px;
	}

	.div_recap_info_left_22 {
		width: 100%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
	}

	.div_recap_info_left_29 {
		width: 100%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
	}

	.div_recap_info_left_marg_22 {
		width: 100%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
	}

	.div_recap_info_left_marg_29 {
		width: 100%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
	}

	.windialogpwd {
		position: absolute;
		background-color: white;
		width: 97%;
		left: 0px !important;
		z-index: 1800;
	}

	.form-group-pwd {
		margin-bottom: 4%;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		/* background: white; */
	}

	.change-pass-title span {
		font-size: xx-large;
	}

	.change-pass-subtitle span {
		font-size: medium;
	}

	.img_success_alpha {
		margin-left: 40%;
	}


}

/* mobile-small-landscape */
@media all and (min-width: 0) and (max-width: 480px) and (orientation: landscape) {
}

/* mobile-large-landscape */
@media all and (min-width: 481px) and (orientation: landscape) {
}

/* tablet-small-landscape */
@media all and (min-width: 600px) and (max-width: 960px) and
(orientation: landscape) {
}

/* tablet-large-landscape */
@media all and (min-width: 961px) and (orientation: landscape) {
}

/* tablet-small */
@media all and (min-width: 600px) and (orientation: portrait) {
}

/* tablet-large */
@media all and (min-width: 601px) and (max-width: 840px) and
(orientation: portrait) {
}

/* desktop-x-small-landscape */
@media all and (min-width: 0) and (max-width: 480px) and (orientation: landscape) {
}

/* desktop-x-small */
@media all and (min-width: 0) and (max-width: 480px) and
(max-aspect-ratio: 4/3) {
}

/* desktop-small-landscape */
@media all and (min-width: 481px) and (max-width: 840px) and
(orientation: landscape) {
}

/* desktop-small */
@media all and (min-width: 481px) and (max-width: 840px) and
(max-aspect-ratio: 4/3) {
}

/* desktop-large */
@media all and (min-width: 1281px)and (max-width: 1600px ) {
	/*  */
}

/* desktop-xlarge */
@media all and (min-width: 1601px) and (max-width: 1920px) {
}

@media all and (min-width: 361) and (max-width: 1177px) {

	.pays_combo .z-combobox-button {
		padding-top: 8px;
		display: none;
	}

	.agencement_num_tel_canal {
		float: right;
	}

	.agencement_num_tel_canal {
		float: right;
	}
}

/* mobile-small-landscape */
@media all and (min-width: 0) and (max-width: 480px) and (orientation: landscape) {
}

/* mobile-large-landscape */
@media all and (min-width: 481px) and (orientation: landscape) {
}

/* tablet-small-landscape */
@media all and (min-width: 600px) and (max-width: 960px) and (orientation: landscape) {
}

/* tablet-large-landscape */
@media all and (min-width: 961px) and (orientation: landscape) {
}

/* tablet-small */
@media all and (min-width: 600px) and (orientation: portrait) {
}

/* tablet-large */
@media all and (min-width: 601px) and (max-width: 840px) and (orientation: portrait) {
}

/* desktop-x-small-landscape */
@media all and (min-width: 0) and (max-width: 480px) and (orientation: landscape) {
}

/* desktop-x-small */
@media all and (min-width: 0) and (max-width: 480px) and (max-aspect-ratio: 4/3) {
}

/* desktop-small-landscape */
@media all and (min-width: 481px) and (max-width: 840px) and (orientation: landscape) {
}

/* desktop-small */
@media all and (min-width: 481px) and (max-width: 840px) and (max-aspect-ratio: 4/3) {
}

/* desktop-large */
@media all and (min-width: 1281px)and (max-width: 1600px ) {
	/*  */
}

/* desktop-xlarge */
@media all and (min-width: 1601px) and (max-width: 1920px) {
}

@media all and (min-width: 361) and (max-width: 1177px) {
	.marge-info-kashkash-sms {
		margin-left: 4%;
	}

	.index > .col-md-6 {
		max-width: 48%;
	}

	.index > .col-md-6_cofina {
		max-width: 48%;
	}

	.index > .col-md-6_cof {
		max-width: 48%;
	}

	.winFonction {
		width: 100%;
	}

	.btn-default {
		/* width: 126px;
		height: 126px;
		padding: 0px; */
		margin-bottom: 0px;
		background-color: rgba(238, 238, 238, 1);
	}

	.index-bon-carte .z-window-content {
		padding-left: 18%;
	}

	.row .a {
		padding-left: 4em;
	}

	.btn:active:focus {
		color: rgba(0, 0, 0, .87);
		background-color: hsl(0, 0%, 93%);
		border-color: hsla(0, 0%, 60%, .2);
	}

	.sep-banner {
		background-color: #eeeeee;
		overflow: initial;
		display: inline-flex;
		font-size: 6rem;
		line-height: 1.5;
	}

	.banner-partner-text-tigo {
		margin-left: 20%;
		margin-top: 30%;
		display: inline-flex;
		color: var(--primary-color);
		font-weight: bold;
	}

	.banner-partner-text-expresso {
		margin-left: 20%;
		margin-top: 30%;
		display: inline-flex;
		color: #8591c8;
		font-weight: bold;
	}

	.svt {
		min-width: 50%
	}

	.pcd {
		min-width: 50%
	}

	.form-actions {
		padding-top: 0.6375rem;
		display: flex;
		margin: 0;
	}

	.form-scrol {
		overflow-y: scroll;
		height: 100px;
	}

	.text-success-op {
		margin: 11px 0px 28px;
		display: inline-block;
		font-size: larger;
		min-width: 104%;
		text-align: center;
	}

	/*********************** Reporting *************************/
	.index-caisse-jour .z-window-content {
		padding-top: 30px;
	}

	.index-caisse-jour .row {
		word-spacing: 1.913em;
		/* -webkit-border-vertical-spacing: 40px; */
	}

	.index-caisse-jour .row > .z-div {
		word-spacing: 0px;
		margin-right: 40px;
	}

	.report {
		min-width: 90%;
		min-height: 4.5em;
		border: 0px;
		padding: 0px;
		margin-right: 36px;
		display: inline-block;
	}

	.report .z-hbox {
		float: right;
		margin-right: 10px;
	}

	.report .z-label {
		float: right;
		margin-right: 2%;
	}

	.report-label {
		float: right;
		word-spacing: 0px;
		max-width: 7.4em;
		font-size: 1.8em;
	}

	.report .report-value {
		font-family: gilroy;
		font-size: 2em;
		font-weight: bold;
		word-spacing: 0em;
	}

	.imageCJ {
		width: 3em;
		position: relative;
		margin-right: 96.9%;
		margin-top: 0.5em;
		margin-left: 2.1%;
		margin-bottom: 0.5em;
	}

	/* .z-listitem {
		border-bottom: 2px solid grey;
	}
	
	.z-listitem, .z-listbox-odd.z-listitem {
		background: none;
		border-bottom: 2px solid grey;
	}
	
	.z-button {
		font-size: 24px;
		color: #a9a9a9;
		min-height: 59px;
		border-radius: none;
		background: #eeeeee;
		border-radius: none;
	}
	
	.filterdiv {
		margin: 1% auto auto auto;
		width: 80%;
		padding-left: 0.4em;
	}
	
	.z-grid-body {
		height: 118px;
		padding: 10px;
	}
	
	.cellgrid1 {
		border-right: 25px solid #faf5f5 !important;
		border-right-style: solid;
		border-right-color: rgb(246, 246, 246);
		padding-left: 3px !important;
		padding-right: 3px !important;
		font-family: Arial, Sans-serif;
		font-size: 12px;
		padding-left: 3px !important;
		padding-right: 3px !important;
		line-height: 12px;
		overflow: hidden;
		padding-right: 3px !important;
	}
	
	.cbgrid {
		border-bottom: 10px solid #EEEEEE;
	}
	
	.z-row .z-cell{
		border-right: 13px solid #faf5f5 !important;
		width: 115px;
	}
	
	
	.cellgrid2filter {
		width: 9%;
	}
	
	.z-button {
		border-radius: 0px !important;
		-moz-border-radius: 0px !important;
	}
	
	.cellgrid2 {
		margin-left: 20px;
		padding: 0;
		border-bottom: 10px solid #faf5f5;
		border-left: 2.2em solid #faf5f5 !important;
	} */
	.agent-list {
		height: 50px;
	}

	.agent-name-cell {
		float: left;
		padding-top: 9px !important;
	}

	.agent-pos-cell {
		padding-left: 5% !important;
	}

	.filter-agent-wrapper {
		margin: 0px 20%;
		float: none;
		max-height: 76px;
		margin-top: 38px;
	}

	.tplink-recap-row {
		display: block;
	}

	.bouton-filtrer-agent, .bouton-filtrer-agent button {
		background: rgb(154, 151, 145) !important;
		color: white;
		height: 40px;
		width: 40px;
		border-radius: 5px !important;
		display: initial;
		/* box-shadow: 0px 0px 3px 0px #636363; */
	}

	.agent-cb input {
		font-size: medium !important;
		font-weight: lighter !important;
		color: var(--primary-color) !important;
	}

	.filterInPending {
		padding: 3px 7px;
	}

	.btn-deconnexion-wrapper {
		margin-top: 2%;
		text-align: center;
	}

	.labeldeconnexion, .labelchangementmdp {
		font-size: larger;
		font-weight: bold;
		/* display: block;
		margin-top: 40%; */
	}

	.rowformcompte {
		text-align: center;
		padding-top: 5%;
	}

	.btnnondeconnexion {
		border: 3px solid var(--primary-color);
		padding: 6px 50px 6px 50px;
		border-radius: 7px;
		color: var(--primary-color);
		font-size: 1.3em;
	}

	.btnouideconnexion {
		background-color: var(--primary-color);
		border: 3px solid var(--primary-color);
		padding: 6px 50px 6px 50px;
		border-radius: 7px;
		color: #eeeeee;
		font-size: 1.3em;
	}

	.btnvaliderform {
		width: 47%;
		background-color: var(--primary-color);
		border: 3px solid #eeeeee;
		border-radius: 7px;
		color: #eeeeee;
		margin-left: 1em;
		margin-top: 2%;
		padding: 1% 7% 1% 7%;
		margin-left: 0.5em;
		font-size: 1.3em;
	}

	/*********************** APP *************************/
	.index > .col-md-6 {
		max-width: 48%;
	}

	.index > .col-md-6_cofina {
		max-width: 48%;
	}

	.index > .col-md-6_cof {
		max-width: 48%;
	}

	/*********************** Transaction *************************/
	.z-window-content {
		background: #faf5f5;
		padding: 0;
		/* min-height: 500px; */
	}

	.index-bon-carte .z-window-content {
		padding-left: 18%;
	}

	.row .a {
		padding-left: 4em;
	}

	.btn:active:focus {
		color: rgba(0, 0, 0, .87);
		background-color: hsl(0, 0%, 93%);
		border-color: hsla(0, 0%, 60%, .2);
	}

	.banner-partner-text > span {
		font-weight: bold;
		font-size: 20px;
		margin-left: 17px;
	}

	/***banniere partenaire end****/
	.sep-banner {
		background-color: #faf5f5;
		overflow: initial;
		display: inline-flex;
		font-size: 2rem;
		line-height: 1.5;
	}

	.input-wrapper {
		min-height: 325px;
		background-color: white;
		margin: auto;
		margin-top: 1%;
	}

	.input-wrapper2 {
		min-height: 325px;
		background-color: transparent;
		margin: auto;
		margin-top: 1%;
	}

	.banner-partner-text-tigo {
		margin-left: 20%;
		margin-top: 30%;
		display: inline-flex;
		color: var(--primary-color);
		font-weight: bold;
	}

	.banner-partner-text-expresso {
		margin-left: 20%;
		margin-top: 30%;
		display: inline-flex;
		color: #8591c8;
		font-weight: bold;
	}

	.svt {
		width: 25%;
		color: #fafafa;
		background-color: var(--primary-color);
		height: 45px;
	}

	.pcd {
		background-color: #fafafa;
		color: var(--primary-color);
		width: 25%;
		height: 45px;
		border: var(--primary-color) solid 1px;
	}

	/*.form-actions {
	    padding-top: 0.6375rem;
	    margin: 0;
	    bottom: -5%;
	    position: absolute;
	    width: 95%;
	    z-index: 900;
	}*/
	.text-success-op {
		margin: 11px 0px 28px;
		display: inline-block;
		font-size: larger;
		min-width: 104%;
		text-align: center;
	}

	.btn_onreturn {
		margin-top: 46%;
		position: absolute;
		width: 100%;
		margin-left: -50%;
	}

	.div_btn_transaction {
		margin-top: 5%;
	}

	.banner-partner-text-menu-om {
		display: inline-flex;
		color: #f88e48;
		margin-left: 10px;
		margin-top: 18px;
	}

	.banner-partner-text-menu-tigocash {
		display: inline-flex;
		color: var(--primary-color);
		margin-left: 10px;
		margin-top: 18px;
	}

	.banner-partner-text-menu-om > span, .banner-partner-text-menu-tigocash > span {
		font-weight: bold;
		font-size: 16px;
	}

	.menu_cashin {
		display: inline-grid;
		padding: 5%;
		margin-top: 2%;
		background-color: transparent;
	}

	.menu_cashout {
		display: inline-grid;
		padding: 5%;
		margin-top: 2%;
		background-color: transparent;
	}

	.menu_school {
		display: inline-grid;
		/*padding: 5%;
		margin-top: 2%;*/
		background-color: transparent;
	}

	.menu_reg {
		display: inline-grid;
		padding: 5%;
		margin-top: 2%;
		background-color: transparent;
	}

	.btn_cashin_label > span {
		color: #a7a7a7;
		font-weight: bold;
		font-size: 15px;
		font-size: 1.2em;
	}

	/***************FEM2*****************/
	/*.div_input {
	    margin-top: 10%;
	    margin-left: 30%;
	    position: relative;
	    max-width: 40% !important;
	}*/
	.div_center_recap {
		width: 100%;
		padding-top: 12%;
		padding-left: 10%;
	}

	.banner-partner-text-tigo {
		margin-left: 20%;
		margin-top: 30%;
		display: inline-flex;
		color: var(--primary-color);
		font-weight: bold;
	}

	.banner-partner-text-expresso {
		margin-left: 20%;
		margin-top: 30%;
		display: inline-flex;
		color: #8591c8;
		font-weight: bold;
	}

	.phone_recap_img {
		max-height: 40px;
		width: 17%;
	}

	.info_recap {
		max-height: 50px;
		font-weight: bold;
		font-size: 1rem;
	}

	.recap_info_line {
		width: 25%;
		margin-left: 7%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
		border-right-style: groove;
	}

	.recap_info_line_ludwin {
		width: 42%;
		margin-left: 2%;
		margin-right: 2%;
		text-align: left;
		position: relative;
		float: left;
		border-right-style: groove;
	}

	.recap_info_line_april {
		width: 30%;
		margin-left: 2%;
		margin-right: 2%;
		text-align: left;
		position: relative;
		float: left;
		border-right-style: groove;
	}

	.recap_info_line_mnt_ludwin {
		width: 23%;
		margin-left: 2%;
		text-align: left;
		float: left;
		position: relative;
	}

	.recap_info_line_mnt {
		width: 25%;
		margin-left: 7%;
		text-align: left;
		padding: 5px;
		float: left;
		position: relative;
	}

	/* Step bar*/
	.step_bar {
		display: inline-flex;
		margin-top: 18px;
		background: transparent;
		width: 100%;
	}

	.arrow-steps {
		width: 100%;
	}

	.clearfix:after {
		clear: both;
		content: "";
		display: block;
		height: 0;
	}

	.arrow-steps .step {
		font-size: 14px;
		text-align: center;
		color: #c0c0c0;
		cursor: default;
		margin: 0 3px;
		padding: 10px 10px 10px 30px;
		min-width: 32.5%;
		float: left;
		position: relative;
		background-color: #fff;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		transition: background-color 0.2s ease;
	}

	.arrow-steps .step:after, .arrow-steps .step:before {
		content: " ";
		position: absolute;
		top: 0;
		right: -17px;
		width: 0;
		height: 0;
		border-top: 23px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 17px solid #fff;
		z-index: 2;
		transition: border-color 0.2s ease;
	}

	.arrow-steps .step:before {
		right: auto;
		left: 0;
		border-left: 17px solid #faf5f5;
		z-index: 0;
	}

	.arrow-steps .step:first-child {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.icone_checked {
		margin-top: 7%;
		width: 7%;
		height: 7%;
		float: right;
	}

	.arrow-steps .step span {
		position: relative;
		font-size: 95%;
	}

	.arrow-steps .step span:before {
		opacity: 0;
		content: "✔";
		position: absolute;
		top: -2px;
		left: -20px;
	}

	.arrow-steps .step.done span:before {
		opacity: 1;
		-webkit-transition: opacity 0.3s ease 0.5s;
		-moz-transition: opacity 0.3s ease 0.5s;
		-ms-transition: opacity 0.3s ease 0.5s;
		transition: opacity 0.3s ease 0.5s;
	}

	.arrow-steps .step.current:after {
		border-left: 17px solid var(--primary-color);
	}

	/**************************Mobile Money***********************************/
	.banner-partner-text-menu-om {
		display: inline-flex;
		color: #f88e48;
		margin-left: 10px;
		margin-top: 18px;
	}

	/*********************** Reporting *************************/
	.index-caisse-jour .z-window-content {
		padding-top: 30px;
	}

	.index-caisse-jour .row > .z-div {
		word-spacing: 0px;
		margin-right: 40px;
	}

	.report {
		min-width: 90%;
		min-height: 4.5em;
		border: 0px;
		padding: 0px;
		margin-right: 36px;
		display: inline-block;
	}

	.report .z-hbox {
		float: right;
		margin-right: 10px;
	}

	.report .z-label {
		float: right;
		margin-right: 2%;
	}

	.report-label {
		float: right;
		word-spacing: 0px;
		max-width: 7.4em;
		font-size: 1.8em;
	}

	.report .report-value {
		font-family: gilroy;
		font-size: 2em;
		font-weight: bold;
		word-spacing: 0em;
	}

	.imageCJ {
		width: 3em;
		position: relative;
		margin-right: 96.9%;
		margin-top: 0.8em;
		margin-left: 2.1%;
	}

	.z-button {
		font-size: 19px;
		color: #a9a9a9;
		min-height: 30px;
		border-radius: none;
		background: #eeeeee;
	}

	.z-combobox-button {
		border: none;
		font-size: 20px;
		min-height: 24px;
		padding-left: 12px;
		padding-top: 0px;
		text-align: center;
	}

	.z-combobox-input, .z-bandbox-input, .z-datebox-input, .z-timebox-input,
	.z-spinner-input, .z-doublespinner-input, .z-comboitem-text {
		font-size: 16px !important;
		/* font-weight: bold; */
		color: black !important;
		color: var(--primary-color);
	}

	.filterdiv .z-cell, .contentlistdivfiltre .z-cell {
		font-family: Arial, Sans-serif;
		font-size: 12px;
		padding: 0px 0px;
		line-height: 12px;
		overflow: hidden;
	}

	.float {
		position: absolute;
		display: block;
		margin-left: 36px;
		margin-top: -8px;
		height: 70px;
		padding: 0;
		overflow: hidden;
		position: relative;
		margin-top: 18px;
		margin: -5px auto;
	}

	.floatbigimg {
		position: absolute;
		display: block;
		margin-left: 36px;
		margin-top: -8px;
		height: 25px;
		padding: 0;
		overflow: hidden;
		position: relative;
		margin-top: 18px;
		margin: 12px auto;
	}

	.firstdiv {
		margin: 0 auto 60px auto;
	}

	.interdiv {
		margin: auto 19% 60px 19%;
	}

	.lastdiv {
		margin: auto auto 60px 0;
	}

	.boutonfiltrer, .boutonfiltrer button {
		background: rgb(154, 151, 145) !important;
		color: white;
		width: 56px;
		font-weight: bold;
		padding: 0;
		border: none !important;
		border-radius: 4px;
		margin-left: -9px;
	}

	.contentlistdiv {
		margin: auto;
		width: 55%;
		height: 428px;
		overflow: auto;
	}

	.contentlistdivfiltre {
		margin: auto;
		width: 35%;
	}

	.contentlistdivfiltre .boutonfiltrer, .cellfiltrer,
	.contentlistdivfiltre input, .contentlistdivfiltre a {
		height: 28px;
	}

	.filterdiv .boutonfiltrer, .filterdiv input, .filterdiv .filterdiv a {
		height: 25px;
	}

	.contentlistdivfiltre .z-combobox-button, .z-combobox-button {
		padding-top: 8px;
	}

	.cellgrid1 span {
		font-size: 0.8em;
	}

	.dayline .z-listcell-content {
		color: var(--primary-color) !important;
		font-size: 1em;
		font-weight: bold;
	}

	.mylistitem .z-listcell-content {
		color: var(--primary-color);
	}

	.mylistitem .z-toolbarbutton-content {
		color: rgb(201, 201, 201);
		font-size: 20px;
	}

	.formwindow-content .z-row > .z-row-inner, .formwindow-content .z-row > .z-cell {
		border-bottom: 1px solid rgb(191, 191, 191);
		padding: 5px;
	}

	.formwindow-content .btn-default {
		background-color: white;
		font-size: 22px;
		color: rgb(191, 191, 191);
	}

	.formwindow-content {
		color: rgb(191, 191, 191);
	}

	.formwindow-content .z-label {
		font-size: 13px;
	}

	.formwindow-content .labelform {
		font-size: 16px;
		color: rgb(191, 191, 191);
		font-weight: bold;
	}

	.formwindow-content .z-grid-body {
		height: 100%;
	}

	.title-wrapper {
		/* width: 49%;
		 padding: 10% 0 0 27%;
		 margin: 20px auto; */
		width: 55%;
		padding: 0 0 0 10%;
		margin: 22% auto;
		float: right;
	}

	.password-wrapper {
		width: 50%;
		height: -webkit-fill-available;
	}

	.input-pass-wrapper .row {
		margin: 15% 45% 0 24%;
	}

	.btn-valider-chpass {
		margin: 0;
		background-color: var(--primary-color);
		color: white !important;
		font-weight: bolder;
		padding-top: 9px;
		padding-bottom: 9px;
		background-color: #ccc;
		width: 100%
	}

	.form-group {
		margin-bottom: 2.5rem !important;
	}

	.input-icon .fa {
		padding: 7px 15px 0 0;
		color: #ccc;
	}

	.z-loading {
		background-color: #000000;
		opacity: 0.5;
		width: 100%;
		height: 100%;
		content: url("../img/loader3.svg");
		padding: 16%;
	}

	.z-loading-icon {
		width: 25px;
		height: 25px;
	}

	.uvtrans {
		margin: auto 2% 60px 19%;
	}

	.div_text_menu {
		position: relative;
		right: 12px;
		overflow: hidden;
	}

	.div_image_menu {
		position: relative;
		/* float: right; */
		height: inherit;
		align-content: center;
		bottom: 38px;
		left: 37%;
	}

	.image_refresh {
		max-width: 17px;
		position: relative;
		float: left;
		margin-right: 10px;
		cursor: pointer;
	}

	.icon-field {
		margin: 5%;
	}

	.btn-serv {
		min-width: 0%;
		width: 30%;
		margin-left: 15%;
		margin-right: -10%;
	}

	.icone_print {
		position: relative;
		width: 20%;
	}

	.btn_onret {
		margin-top: 40%;
		position: absolute;
		width: 100%;
		margin-left: -55%;
	}

	.icone_close {
		/* width: 25px; */
		height: 25px;
		/* float: right; */
		cursor: pointer;
		/* left: 93%; */
		margin-top: calc(50% - 2px);
	}

	.label_matdes {
		position: absolute;
		color: #999;
		padding: 7px 6px;
	}

	.div_loader {
		margin: 19px auto 0;
		text-align: center;
	}

	.div_loader > div {
		width: 18px;
		height: 18px;
		background-color: #333;
		border-radius: 100%;
		display: inline-block;
		-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
		animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	}

	.printer-button > img {
		width: 11%;
		height: 74%;
		margin-right: 13px;
		font-color: #ffffff;
	}

	.div_lb_op {
		margin: 100px auto 0;
		text-align: center;
	}

	.img_success {
		max-height: 40%;
		width: initial;
	}

	.z-loading {
		background-color: #000000;
		opacity: 0.5;
		width: 100%;
		height: 100%;
		content: url("../img/loader3.svg");
		padding: 16%;
	}

	.z-loading-icon {
		width: 25px;
		height: 25px;
	}

	.img_recap_uv {
		width: 85%;
	}

	.div_image {
		margin-right: 5%;
	}

	.info_recap_subTitle {
		font-size: small;
		display: inline-flex;
		/* margin-top: -26px; */
		/* line-height: 1px; */
	}

	.info_recap_momo {
		font-weight: bold;
		font-size: 1.2rem;
		margin-top: -10%;
		/* top: 29%; */
		/* width: 20%; */
		display: table;
		margin-left: 23%;
	}

	.banner-partner {
		/* height: 50px;
	    display: -webkit-box;
	    background-color: transparent;
	    width: 100%;
	    padding-bottom: 60px;
	    padding-top: 10px;
	    padding-left: 45px;
	    padding: 6Opx;
	    border-bottom: 1px solid #cfcfcf;
	    border-bottom-style: outset; */

	}

	.banner-partner-text {
		/* margin: 50% 90%; */
		/* display: inline-flex; */
		margin-right: 48%;
		width: 42%;
		text-align: left;
	}

	.img_recap_uv1 {
		width: 20%;
		margin-right: 10px;
	}

	.img_recap_uv2 {
		width: 20%;
	}

	.bouton_transfert {
		background: #fff;
		border: #ccc solid 1px;
		border-radius: 4px;
		box-shadow: 4px 4px 8px #aaa;
	}

	.menu_uv_title {
		font-size: 20px;
		display: inline-flex;
		text-align: center;
		margin-total: 5px;
		color: var(--primary-color);
	}

	.info_recap1 {
		max-height: 50px;
		font-weight: bold;
		font-size: 1rem;
	}

	.title_recap_uv {
		margin-top: 8%;
	}

	.form_deux_sur_trois {
		display: table-cell;
		width: 28%;
		padding-right: 2%;
		padding-left: 2%;
	}

	.div_input_no_margin {
		margin-top: 8%;
		width: 100%;
		max-width: 100% !important;
		padding-right: 2%;
		padding-left: 2%;
	}

	.recap_info_line_woyofal {
		width: 25%;
		margin-left: 1%;
		text-align: left;
		padding: 5px;
		position: relative;
		float: left;
		/* border-right-style: groove; */
	}

	.info_recap_wofal_fees {
		font-weight: bold;
		font-size: 1.2rem;
		/* top: 29%; */
		/* width: 20%; */
		display: table;
		margin-top: -3%;
		margin-left: 23%;
	}

	.div_text_wofal_fees {
		margin-left: 23%;
		display: inline;
	}


	.windialogpwd {
		position: absolute;
		background-color: white;
		width: 50%;
		left: 0px !important;
		z-index: 1800;
	}


	.form-group-pwd {
		margin-bottom: 4%;
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		/* background: white; */
	}

	.change-pass-title span {
		font-size: xx-large;
	}

	.change-pass-subtitle span {
		font-size: medium;
	}

	.check-carte-promotionnel {

		margin-left: -15%;
		margin-top: 10%;

	}

	.scroll_petit_modele {
		margin-top: 13%;
	}

	.scroll-exped-mywu {
		overflow-y: scroll;
		height: 150px
	}

	.div_center_recap-west {
		width: 90%;
		padding-top: 0%;
		padding-bottom: 5%;
		padding-left: 10%;


	}

	.input-icon-srv-west {
		display: inline-flex;
		width: 100%;
		margin-top: 40%;
	}

	.input-icon-srv-west-benef {
		display: inline-flex;
		width: 100%;
		margin-top: 35%;
	}

	.div_center_recap_alpa {
		width: 85%;
		padding-top: 7%;
		margin-left: 5%;
	}

	.info_estimation_al_taf {
		font-weight: bold;
		font-size: 1rem;
	}

	.info_popup_western {
		width: 400px;
		height: 200px;
		text-align: center;
		display: inline-block;
		margin: auto;
	}

	.info_popup_western_dernier {
		position: absolute;
		text-align: center;
		display: inline-block;
		margin: auto;
		width: 400px;
		height: 540px;
		top: 100px;
		left: 0px;
		z-index: 1800;
	}

	.form-control-cust-long {
		padding: 0px !important;
		/* box-shadow: none; */
		border: none !important;
		height: auto;
		font-size: 14px !important;
	}

	.info_recap_retrait_west {
		margin-top: 2% !important;

	}

	.img_success_alpha {
		margin-left: 40%;
	}

	.adaptation_montant_touchcash {
		margin-top: 1%;
		margin-right: 30%;
		margin-left: 30%;
	}

	.adaptation_montant_touchpoint {
		margin-top: 1%;
		margin-right: 30%;
		margin-left: 30%;
	}

	.adaptation_retrait_montant_touchcash {
		margin-top: 5%;
		margin-right: 30%;
		margin-left: 30%;
	}

}

/* @media ( max-width : 776px) {
	body {
		overflow-x: scroll;
		_width: expression(document.body.clientWidth > 530 ? "530px" : "auto");
	}
} */

@media all and (min-height: 850px) and (max-height: 1000px) {
	.listTransactionExchanges {
		overflow-y: auto;
		max-height: 400px;
	}

	.tplink-recap-row {
		/* display: block; */
	}

}

.recap_info_line_cofina {
	width: 45%;
	margin-left: 2%;
	margin-right: 2%;
	text-align: left;
	position: relative;
	float: left;

}

.recap_info_line_mnt_cofina {
	width: 45%;
	margin-left: 2%;
	text-align: left;
	padding-left: 5%;
	float: left;
	position: relative;
}

.div_center_recap-pamecas {
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 5%;

}

.div_center_recap_alp_touchcash {
	width: 85%;
	padding-top: 2%;
	margin-left: 2%;

}

.div_center_recap_suitch {
	width: 85%;
	padding-top: 2%;
	margin-left: 2%;

}

.decalage_pamecas {
	margin-left: 29%;
}