@font-face {
	font-family: "Gotham";
	font-weight: 200;
	src: url("../fonts/Gotham-Light.ttf");
}
@font-face {
	font-family: "Gotham";
	font-weight: 300;
	src:
		url("../fonts/Gotham-Book.woff"),
		url("../fonts/Gotham-Book.ttf");
}
@font-face {
	font-family: "Gotham";
	font-weight: 500;
	src:
		url("../fonts/Gotham-Medium.woff"),
		url("../fonts/GothamMedium.ttf")
}
@font-face {
	font-family: "Gotham";
	font-weight: 600;
	src: url("../fonts/Gotham-Bold.woff"),
		url("../fonts/GothamBold.ttf");
}

body{
	background-color:#F6F9FF !important;
	font-family: "Gotham", sans-serif !important;
}
input, button, select, textarea,h1,h2,h3,h4,h5,h6,p{
	font-family: "Gotham", sans-serif !important;
}
/******** HEADER **************/
.header-respo {
	background-color: #fff;
	padding: 10px 0;
	text-align: center;
	position: fixed;
	width: 100%;
	z-index: 999999;
	border-bottom: 1px solid #CAD9FA;
}
.header-respo .container-fluid{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 15px;
}
.sizepage.back {
	right: unset;
	left: 3px;
	background: none;
	background-color: #fff;
	font-size: 21px;
	color: #8993AD;
	display: none;
	text-indent: unset;
	justify-content: center;
	align-items: center;
}
.sizepage.opn_opn {
	right: 15px;
	left: unset;
	background: none;
	background-color: #fff;
	text-indent: unset;
	color: #1359FB;
	font-size: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height:100%;
}
.sizepage.cls_cls {
	right: 15px;
	left: unset;
	background: none;
	background-color: #fff;
	text-indent: unset;
	color: #1359FB;
	font-size: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height:100%;
}
.section-search {
	background-color: #fff;
	border-bottom: 1px solid #CAD9FA;
}
.section-search .group-action {
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: 10px 15px;
}
.section-search .group-action h2 {
	font-size: 15px;
	color: #12275B;
	line-height: normal;
	margin: 0;
	flex: 1;
	text-align: left;
}
.section-search .sizepage1 {
	background: none;
	text-indent: unset;
	width: 37px;
	height: 37px;
	font-size: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #B8CDFE;
	border-radius: 7px;
	color: #FF9900;
	margin: 0;
}
.respo_buttons {
	margin: 15px 0 0 0;
	padding: 15px;
	background-color: #E9F0FF;
}
.respo_buttons a {
	display: flex;
	height: 37px;
	align-items: center;
	justify-content: center;
	background-color: #FF9900;
	color: #12275B;
	font-size: 14px;
	text-shadow: none;
	font-weight: 400;
	border-radius: 7px;
	margin-bottom:10px;
}
.link_payments_o div.scrollmenu {
    background-color: #E9F0FF;
    color: #12275B;
    margin: 0;
}
.link_payments_o div.scrollmenu a {
	color: #12275B;
}
.link_payments_o div.scrollmenu a.active {
	background: none;
	border-bottom: 3px solid #FF9900;
	text-decoration: none;
	color: #12275B;
}
.menu .header_menu{
	background: #fff;
}
.menu .header_menu li,.menu .header_menu li a{
	color:#12275B !important;
}
.header .header_menu li .activite_notif{
	background: url(../img/icons/menu/activite.svg) center center no-repeat transparent;
	background-size: 22px;
	position:relative;
}
.header .header_menu li.users_disconnect a{
	background: url(../img/icons/menu/logout.svg) center center no-repeat transparent;
	background-size: 18px;
	position:relative;
}
.header .header_menu li.activite_notif_li{
	padding-left: 10px !important;
}
.header .header_menu li .activite_notif span{
	position: absolute;
	top: -4px;
	right: -8px;
	background-color: #FF9900;
	width: 19px;
	height: 19px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-radius: 100%;
	font-size: 10px;
}
@media screen and (min-width: 1024px){
	/******** LOGIN PAGE **************/
	.login_page {
		display: flex;
		height: 100vh;
		overflow: hidden;
	}
	.left_page,.right_page {
		width: 50%;
	}
	.left_page img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.right_page {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #fff;
	}
	.right_page_content{
		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.logo_login img{
		width: 300px;
		height: 180px;
		object-fit: contain;
	}
	.right_page form{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width:100%;
	}
	.right_page form .span12{
		width: 100%;
		margin-bottom: 30px;
		position:relative;
	}
	.right_page form .floating {
		font-size: 15px;
		color: #12275B;
		margin-bottom: 8px;
	}
	.right_page form input.login-inp,.right_page form input.mdp-inp{
		width: calc(100% - 54px);
		border-radius: 10px;
		height: 48px;
		background-color: #F6F9FF !important;
		padding: 0 18px 0 36px;
		border: 1px solid #CAD9FA;
		color: #12275B;
		outline: none;
	}
	.login_lock {
		position: absolute;
		left: 15px;
		top: calc(50% + 13px);
		transform: translateY(-50%);
	}
	.right_page form input.submit-login {
		width: 100%;
		height: 43px;
		background-color: #FF9900;
		color: #12275B;
		font-size: 15px;
		font-weight: 600;
		outline: none;
		border: none;
		border-radius: 7px;
		cursor: pointer;
	}
	/******** END LOGIN PAGE **************/
	
	.header {
	background-color: #fff;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #12275B;
	width: calc(100% - 220px);
	z-index:10;
	box-shadow: 0px 4px 35px 0px #1359FB12;
}
.page_title{
	color: #12275B;
	margin:0 0 0 20px;
	padding:0;
	font-size: 33px;
}
.header .header_menu li{
	color: #12275B;
}
.header .header_menu li a{
	color: #12275B;
}
.header .header_menu li .activite_notif{
	background: url(../img/icons/menu/activite.svg) center center no-repeat transparent;
	background-size: 22px;
	position:relative;
}
.header .header_menu li.users_disconnect a{
	background: url(../img/icons/menu/logout.svg) center center no-repeat transparent;
	background-size: 18px;
	position:relative;
}
.header .header_menu li.activite_notif_li{
	padding-left: 10px !important;
}
.header .header_menu li .activite_notif span{
	position: absolute;
	top: -4px;
	right: -8px;
	background-color: #FF9900;
	width: 19px;
	height: 19px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-radius: 100%;
	font-size: 10px;
}

.menu{
	background-color: #fff;
	border-right: 1px solid #d7d2d20d;
	box-shadow: 0px 3px 20.5px 0px #00000012;
}
.menu a.logo{
	border-bottom: 1px solid #b8cdfe66;
	text-align: center;
	padding-bottom: 10px;
}
.menu a.logo img{
	width: 80%;
}

.navigation {
    height: calc(100vh - 50px);
    overflow-y: auto;
    overflow-x: hidden; 
    display: flex;
    flex-direction: column;
}
.navigation li.openable,.navigation li.dashboard_home{
	background:none;
	background-color: #fff;
	border: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}
.navigation li.openable:hover, .navigation li.openable.active,.navigation li.dashboard_home:hover, .navigation li.dashboard_home.active{
	background:none;
}
.navigation li.openable > a:hover, .navigation li.openable.active > a,.navigation li.dashboard_home > a:hover, .navigation li.dashboard_home.active > a{
	background-color: #1359FB;
	color: #fff;
	border-radius:10px;
}
[class*="isw-"], [class*="isb-"]{
	padding: 13px 0px;
}
.navigation li.dashboard_home > a:hover .isw-dashboard, .navigation li.dashboard_home.active > a .isw-dashboard{
	background: url(../img/icons/menu/dashboard_w.svg) center center no-repeat transparent;
}
.navigation li.openable > a:hover .isw-projets, .navigation li.openable.active > a .isw-projets{
	background: url(../img/icons/menu/programmes_w.svg) center center no-repeat transparent;
}
.navigation li.openable > a:hover .isw-list, .navigation li.openable.active > a .isw-list{
	background: url(../img/icons/menu/ventes_w.svg) center center no-repeat transparent;
}
.navigation li.openable > a:hover span.isw-graph.dash, .navigation li.openable.active > a span.isw-graph.dash{
	background: url(../img/icons/menu/statistiques_w.svg) center center no-repeat transparent;
}
.navigation li.openable > a:hover span.isw-list.users, .navigation li.openable.active > a span.isw-list.users{
	background: url(../img/icons/menu/parametres_w.svg) center center no-repeat transparent;
}

.navigation li > a{
	color: #8993AD;
	text-shadow: none;
	width: 80%;
	float: none;
}
.navigation li > a span.text {
	padding: 12px 0px;
	font-weight: 500;
}

.isw-dashboard{
	background: url(../img/icons/menu/dashboard.svg) center center no-repeat transparent;
}
.isw-projets{
	background: url(../img/icons/menu/programmes.svg) center center no-repeat transparent;
}

.isw-list{
	background: url(../img/icons/menu/ventes.svg) center center no-repeat transparent;
}
span.isw-graph.dash{
	background: url(../img/icons/menu/statistiques.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 10px !important;
}
span.isw-list.users{
	background: url(../img/icons/menu/parametres.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 10px !important;
}

.navigation li.active > ul{
	width: 80%;
	background-color: #1359fb0d;
	position: relative;
	top: -8px;
	padding: 12px 0;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.navigation li > ul > li{
	background:none;
	background-color: unset;
	border: none !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width:100%;
}
.navigation li > ul > li:hover, .navigation li > ul > li.active{
	background:none !important;
}
.navigation li > ul > li > a{
	color: #8993AD;
	text-shadow: none;
	width: 100%;
	float: none;
	display: flex;
}
.navigation li > ul > li > a span.text{
	color: #8993AD;
	text-shadow: none;
	width: unset;
}
.icon-all-projets{
	background: url(../img/icons/menu/list_programmes.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 8px !important;
	padding: 6px 0px;
	width: 17px;
	height: 17px;
}
.icon-all-logements{
	background: url(../img/icons/menu/list_bien.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 26px;
}
.icon-clients{
	background: url(../img/icons/menu/clients.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 20px;
}
.icon-prospects{
	background: url(../img/icons/menu/prospects.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 20px;
}
.icon-vente{
	background: url(../img/icons/menu/vente.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 20px;
}
.icon-paiements{
	background: url(../img/icons/menu/paiements.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 20px;
}
.icon-desistements{
	background: url(../img/icons/menu/desistements.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 20px;
	background-size: 28px;
}
.icon-facture{
	background: url(../img/icons/menu/facture.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 20px;
}
.icon-activites{
	background: url(../img/icons/menu/activites.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 20px;
}
.icon-utilisateurs{
	background: url(../img/icons/menu/utilisateurs.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 20px;
}
.icon-societe{
	background: url(../img/icons/menu/societe.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 20px;
}
.icon-agents{
	background: url(../img/icons/menu/agent.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 20px;
}
.icon-notaire{
	background: url(../img/icons/menu/notaire.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 20px;
}
.icon-params{
	background: url(../img/icons/menu/params.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 20px;
}

.icon-dashboard{
	background: url(../img/icons/dashboard.svg) center center no-repeat transparent;
	filter: invert(45%) sepia(25%) saturate(283%) hue-rotate(185deg) brightness(100%) contrast(89%);
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 20px;
	
}

.navigation li > ul > li > a:hover .icon-dashboard, .navigation li > ul > li.active > a .icon-dashboard{
    filter: invert(28%) sepia(93%) saturate(7000%) hue-rotate(199deg) brightness(97%) contrast(150%);
}
.icon-type_activite{
	background: url(../img/icons/menu/type_activite.svg) center center no-repeat transparent;
	margin: 0px 0px 0px 5px !important;
	padding: 6px 0px;
	width: 20px;
	height: 20px;
}
.navigation li > ul > li > a:hover span.text, .navigation li > ul > li.active > a span.text{
	color:#1359FB;
}
.navigation li > ul > li > a:hover .icon-all-projets, .navigation li > ul > li.active > a .icon-all-projets{
	background: url(../img/icons/menu/list_programmes_a.svg) center center no-repeat transparent;
}
.navigation li > ul > li > a:hover .icon-all-logements, .navigation li > ul > li.active > a .icon-all-logements{
	background: url(../img/icons/menu/list_bien_a.svg) center center no-repeat transparent;
}
.navigation li > ul > li > a:hover .icon-clients, .navigation li > ul > li.active > a .icon-clients{
	background: url(../img/icons/menu/clients_a.svg) center center no-repeat transparent;
}
.navigation li > ul > li > a:hover .icon-prospects, .navigation li > ul > li.active > a .icon-prospects{
	background: url(../img/icons/menu/prospects_a.svg) center center no-repeat transparent;
}
.navigation li > ul > li > a:hover .icon-vente, .navigation li > ul > li.active > a .icon-vente{
	background: url(../img/icons/menu/vente_a.svg) center center no-repeat transparent;
}
.navigation li > ul > li > a:hover .icon-paiements, .navigation li > ul > li.active > a .icon-paiements{
	background: url(../img/icons/menu/paiements_a.svg) center center no-repeat transparent;
}
.navigation li > ul > li > a:hover .icon-desistements, .navigation li > ul > li.active > a .icon-desistements{
	background: url(../img/icons/menu/desistements_a.svg) center center no-repeat transparent;
	background-size: 28px;
}
.navigation li > ul > li > a:hover .icon-facture, .navigation li > ul > li.active > a .icon-facture{
	background: url(../img/icons/menu/facture_a.svg) center center no-repeat transparent;
}
.navigation li > ul > li > a:hover .icon-activites, .navigation li > ul > li.active > a .icon-activites{
	background: url(../img/icons/menu/activites_a.svg) center center no-repeat transparent;
}
.navigation li > ul > li > a:hover .icon-utilisateurs, .navigation li > ul > li.active > a .icon-utilisateurs{
	background: url(../img/icons/menu/utilisateurs_a.svg) center center no-repeat transparent;
}
.navigation li > ul > li > a:hover .icon-societe, .navigation li > ul > li.active > a .icon-societe{
	background: url(../img/icons/menu/societe_a.svg) center center no-repeat transparent;
}
.navigation li > ul > li > a:hover .icon-agents, .navigation li > ul > li.active > a .icon-agents{
	background: url(../img/icons/menu/agent_a.svg) center center no-repeat transparent;
}
.navigation li > ul > li > a:hover .icon-notaire, .navigation li > ul > li.active > a .icon-notaire{
	background: url(../img/icons/menu/notaire_a.svg) center center no-repeat transparent;
}
.navigation li > ul > li > a:hover .icon-params, .navigation li > ul > li.active > a .icon-params{
	background: url(../img/icons/menu/params_a.svg) center center no-repeat transparent;
}
.navigation li > ul > li > a:hover .icon-type_activite, .navigation li > ul > li.active > a .icon-type_activite{
	background: url(../img/icons/menu/type_activite_a.svg) center center no-repeat transparent;
}
	



	/**** content ***/

	.content{
		background-color:#F6F9FF;
	}
	.block, .block-fluid{
		background: unset;
	}
	.breadLine{
		display:none;
	}
	/********* buttons **********/
	.workplace .action-buttons a.nouveau_btn,.workplace .action-buttons button.nouveau_btn{
		background-color:#FF9900;
		color:#12275B;
		background-image: none;
		border-radius:7px;
		position:relative;
		display:flex;
		justify-content: center;
		align-items:center;
		text-indent: unset;
		padding: 6px 15px;
		font-weight: bold;
		font-size: 12px;
	}
	.workplace .action-buttons a.nouveau_btn svg,.workplace .action-buttons button.nouveau_btn svg{
		color:#12275B;
		font-size: 16px;
		font-weight: bolder;
		margin-right: 5px;
	}
	.workplace .action-buttons a.print_btn,.workplace .action-buttons button.print_btn{
		background-color:transparent;
		color:#12275B;
		background-image: none;
		border-radius:7px;
		position:relative;
		display:flex;
		justify-content: center;
		align-items:center;
		text-indent: unset;
		border: 1px solid #B8CDFE;
		padding: 6px 15px;
		font-weight: bold;
		font-size: 12px;
	}
	.workplace .action-buttons a.print_btn svg,.workplace .action-buttons button.print_btn svg{
		color:#12275B;
		font-size: 16px;
		font-weight: bolder;
		margin-right: 5px;
	}
	.workplace .action-buttons a#btn_deleteSelection:not(.print_btn),.workplace .action-buttons a.return_btn{
		background-color: #C4C4C4;
		color: #12275B;
		background-image: none;
		border-radius: 7px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		text-indent: unset;
	}
	.workplace .action-buttons a#btn_deleteSelection:not(.print_btn) svg{
		color:#12275B;
		font-size: 16px;
		font-weight: bolder;
		margin-right: 5px;
	}
	.workplace .action-buttons a.return_btn svg{
		color:#12275B;
		font-size: 13px;
		font-weight: bolder;
		margin-right: 5px;
	}
	/******** titleOfPage *******/
	.workplace .titleOfPage h2{
		color: #12275B;
		font-size:30px;
	}
	.block-fluid.tables_mp table{
		border: 1px solid transparent;
		border-radius: 10px;
		border-spacing: 0;
		border-collapse: separate;
		/*overflow: hidden;*/
	}
	.block-fluid.tables_mp table thead tr{
		background-color: #1359FB;
	}
	.block-fluid.tables_mp table thead tr th{
		padding:15px 8px;
		color: #fff;
	}
	.block-fluid.tables_mp table thead tr th a{
		color: #fff;
	}
	.block-fluid.tables_mp table thead tr th a.not_order{
		background-image: none;
		pointer-events: none;
	}
	.block-fluid.tables_mp tr:nth-child(2n+1) td{
		background-color: #F6F9FF;
		color: #8993AD;
	}
	.block-fluid.tables_mp tr td{
		background-color: #F6F9FF;
		color: #8993AD;
		border-top: none;
		border-bottom: 1px solid #B8CDFE;
	}
	.block-fluid.tables_mp tr:hover{
		border-radius:10px;
		box-shadow: 0px 3px 30px 0px #1359FB0A;
	}
	.block-fluid.tables_mp tr:hover td{
		background-color: #fff;
	}
	.current_active_page{
		font-weight: bold;
	}
	/*.dropbtn {
	background-color: transparent;
	color: #FF9900;
	padding: 5px 12px 5px 12px;
	font-size: 13px;
	border: 1px solid #B8CDFE;
	cursor: pointer;
	border-radius: 7px;
	display: flex;
	justify-content: center;
	align-items: center;
}
	.dropbtn i,.dropbtn svg{
	margin-left: 6px;
	color:#12275B;
}

	.dropbtn:hover, .dropbtn:focus {
	background-color: #FF9900;
	color: #fff;
}
	.dropbtn:hover svg, .dropbtn:focus svg{
	color: #fff;
}

	.dropdown {
	position: relative;
	display: inline-block;
}

	.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	width: 100%;
	overflow: auto;
	box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.25);
	z-index: 1;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

	body .block-fluid table td.tduser .dropdown .dropdown-content a {
	display: flex;
	justify-content: center;
	align-items: center;
	float: none;
	margin: 0 !important;
	width: 100%;
	font-size: 16px;
	cursor: pointer;
	padding: 10px 0;
	color: #FF9900;
}
	body .block-fluid table td.tduser .dropdown .dropdown-content a:hover{
	color:#fff;
	background-color:#FF9900;
}
	.dropdown a:hover {background-color: #ddd;}

	.show-drop {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}*/
	.action_buttons{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		flex-direction: row;
	}
	.block-fluid.tables_mp .table td .action_buttons a{
		font-size: 15px;
		padding: 7px;
		width: 15px;
		height: 15px;
		float: none;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #CAD9FA;
		border-radius: 7px;
		color: #1359FB;
		margin: 3px 6px !important;
		cursor: pointer;
	}
	.block-fluid.tables_mp .table td .action_buttons a.voy_ve,.block-fluid.tables_mp .table td .action_buttons a.mainlevee{
		color: #fff;
		background-color: #5cbf73;
	}
	.block-fluid.tables_mp .table td .action_buttons a.valid_mainlevee{
		background-color:#ff7300;
		color:#fff;
	}
	.block-fluid.tables_mp .table td .action_buttons a:hover{
		color: #fff;
		background-color: #1359FB;
	}
	.block-fluid.tables_mp .table td .action_buttons a.button_delete{
		background-color:#FB1313;
		color:#fff;
	}
	.pagination ul{
		box-shadow: none;
	}
	.pagination ul .paginate_active span {
		cursor: default;
		border: none !important;
		border-radius: 0 !important;
		background: transparent !important;
	}
	.pagination ul .paginate_active span a{
		color:#1359FB;
	}
	.pagination ul > li > a, .pagination ul > li > span {
		border: none;
		color: #12275B !important;
		background-color: transparent;
	}
	#selectC {
		border: 1px solid #B8CDFE;
		border-radius: 7px;
		background: transparent;
		color: #12275B;
	}
	.div_search_container{
		background-color:#E9F0FF;
		border-radius:16px;
		margin: 16px 0;
	}
	fieldset{
		border:none;
	}
	.filter_prog {
		padding: 27px 30px;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		position:relative;
		flex-wrap: wrap;
		width: calc(100% - 180px);
	}
	.filter_prog .custom_filter{
		display:block;
		position:relative;
		width:400px;
	}
	.filter_prog input[type="text"], .filter_prog input[type="password"], .filter_prog textarea{
		background-color:#FFFFFF !important;
		border-radius:10px !important;
		border:none;
		font-size:13px;
		color:#12275B;
		margin: 0 10px 0 0;
		padding: 0 20px;
		box-shadow: none;
		width:100%;
	}
	.filter_prog .prog_input{
		height: 48px;
		padding: 0 40px !important;
		width: calc(100% - 90px) !important;
	}
	.custom_filter .ms-options-wrap > button{
		padding: 0 40px !important;
		width: calc(100% - 5px) !important;
		border: none !important;
	}
	.custom_filter .ms-options-wrap > button:after{
		content:none;
	}
	.select-icon {
		position: absolute;
		top: 50%;
		right: 30px;
		transform: translateY(-50%);
		cursor: pointer;
		font-size: 15px;
		color: #8993AD;
	}
	.prog_input_icon{
		position: absolute;
		top: 50%;
		left: 15px;
		transform: translateY(-50%);
		cursor: none;
		font-size: 15px;
		color: #8993AD;
		z-index:1;
	}

	.dropdown-options {
		position: absolute;
		top: 100%;
		left: 0;
		width: calc(100% - 10px);
		margin-left: 0;
		margin-top: 4px;
		padding: 0;
		list-style: none;
		border: 1px solid #ccc;
		border-top: none;
		border-radius: 10px;
		background-color: #fff;
		box-shadow:0 2px 12px rgba(0, 0, 0, 0.2);
		display: none;
	}
	.dropdown-options li {
		padding: 8px;
		cursor: pointer;
	}
	.dropdown-options li.readonly{
		cursor: unset;
		color: #999999;
	}
	.dropdown-options li.readonly:hover {
		background-color: unset;
	}
	.dropdown-options li:hover {
		background-color: #f0f0f0;
	}
	.filter_prog button{
		height: 48px;
		width: 48px;
		background-color: transparent;
		border: 1px solid #B8CDFE;
		color: #12275B;
		font-size: 15px;
		border-radius: 7px;
	}
	.filter_prog button:hover,.filter_prog button:focus{
		background-color: #B8CDFE;

	}
	/***** add program ******/
	.statistiques_projet {
		background-color: #fff;
		margin-top: 30px;
		padding: 20px 30px 50px 30px !important;
		width: calc(100% - 60px) !important;
		box-shadow: 0px 3px 30px 0px #1359FB0A;
		border-radius: 16px;
	}
	.row-fluid .projet_new .span6, .row-fluid .projet_new .span4{
		margin-bottom: 30px;
		position:relative;
	}
	.row-fluid .projet_new .span6:nth-child(odd){
		margin-left:0;
	}
	.row-fluid .projet_new .span4:nth-child(3n-2){
		margin-left:0;
	}
	.title_primmo{
		border: none;
		color: #12275B;
		font-size: 23px;
	}
	.row-fluid .projet_new input[type="text"],.row-fluid .projet_new input[type="password"], .row-fluid .projet_new select,
	.row-fluid .projet_new textarea, .fields_p .row-form select, .fields_p .row-form input[type="text"]{
		height: 43px;
		border: 1px solid #CAD9FA;
		border-radius: 7px !important;
		box-shadow: none;
		background-color: #F6F9FF;
		color: #12275B;
		padding: 10px 20px !important;
		font-size: 13px;
		-webkit-appearance: none; /* Remove default arrow in Safari */
		-moz-appearance: none; /* Remove default arrow in Firefox */
		appearance: none; /* Remove default arrow in other browsers */
		outline: none;
		min-height: 43px;
	}
	.row-fluid .projet_new textarea{
		padding: 15px 20px !important;
	}
	.row-fluid .projet_new .societe_arrow, .fields_p .row-form .societe_arrow{
		position: absolute;
		bottom: 15px;
		right: 31px;
		font-size:14px;
		color:#12275B;
		pointer-events: none;
	}
	.row-fluid .projet_new input[type="text"]::placeholder, .row-fluid .projet_new textarea::placeholder{
		color: #12275B;
	}
	.row-fluid .projet_new .floating{
		color: #8993AD;
		font-size: 13px;
	}
	.statistiques_projet .header_content_primmo {
		display: flex;
		width: 100%;
		justify-content: space-between;
		align-items: center;
	}
	.statistiques_projet .header_content_primmo .action-buttons{
		margin:0;
	}
	.action_buttons{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		flex-direction: row;
	}
	.block-fluid .table-container td .action_buttons a{
		font-size: 15px;
		padding: 7px;
		width: 15px;
		height: 15px;
		float: none;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #CAD9FA;
		border-radius: 7px;
		color: #1359FB;
		margin: 3px 6px !important;
		cursor: pointer;
	}
	.block-fluid .table-container td .action_buttons .hide_field{
		display: none;
	}
	.block-fluid .table-container td .action_buttons a:hover{
		color: #fff;
		background-color: #1359FB;
	}
	.block-fluid .table-container td .action_buttons a.button_delete{
		background-color:#FB1313;
		color:#fff;
	}
	.block-fluid .table-container table{
		border: 1px solid transparent;
		border-radius: 10px;
		border-spacing: 0;
		border-collapse: separate;
		/*overflow: hidden;*/
	}
	.block-fluid .table-container table thead tr{
		background-color: #1359FB;
	}
	.block-fluid .table-container table thead tr th{
		color: #fff;
	}
	.block-fluid.tables_mp tr:nth-child(2n+1) td{
		background-color: #F6F9FF;
		color: #8993AD;
	}
	.block-fluid .table-container tr td{
		background-color: #F6F9FF;
		color: #8993AD;
		border-top: none;
		border-bottom: 1px solid #B8CDFE;
	}
	.block-fluid .table-container tr td:first-child span{
		color:#FF9900;
	}
	.block-fluid .table-container tr:hover{
		border-radius:10px;
		box-shadow: 0px 3px 30px 0px #1359FB0A;
	}
	.block-fluid .table-container tr:hover td{
		background-color: #fff;
	}

	/******** POPUP DOCUMENT ********/
	.fancybox-opened .fancybox-skin{
		color: #12275B;
		background-color: #FFFFFF;
	}
	.fancybox-opened .fancybox-inner .editEtat .titleOfPage h2,.fancybox-opened .fancybox-inner #tags .titleOfPage h2{
		color: #12275B;
		font-size: 31px;
	}
	.fancybox-opened .fancybox-inner .editEtat:not(#verifTF46):not(.mainleveepopup):not(.validMainLeveepopup):not(.showMainleveepopup) .clientsociete{
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
	}
	.fancybox-opened .fancybox-inner .editEtat:not(#verifTF46):not(.mainleveepopup):not(.validMainLeveepopup):not(.showMainleveepopup) .clientsociete .fields_group {
		float: none;
		width: auto;
		position: relative;
		top: unset;
		display: flex;
		color: #12275B;
		font-size: 21px;
		margin-bottom: 10px;
	}
	.fancybox-opened .fancybox-inner .editEtat:not(#verifTF46):not(.mainleveepopup):not(.validMainLeveepopup):not(.showMainleveepopup) .clientsociete .fields_p {
		float: none;
		width: 100%;
		padding: 0;
		border: none;
	}
	.fancybox-opened .flex_popup {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 30px;
		margin-top: 15px;
		flex-wrap: wrap;
	}
	.flex_popup .row-form {
		width:90%;
		position: relative;
	}
	.flex_popup .row-form .vft_file{
		float: none;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
	}
	.flex_popup .row-form .vft_file .uploader{
		width: 100%;
		height: 43px;
		background-image: none;
		display: flex !important;
		overflow: unset;
	}
	.flex_popup .row-form .vft_file .uploader span.filename{
		width: 80%;
		float: none;
		color: #12275B;
		font-size: 15px;
		height: 41px;
		background-color: #F6F9FF;
		border: 1px solid #CAD9FA;
		margin: 0;
		padding: 0px 20px;
		line-height: normal;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		border-top-left-radius: 7px;
		border-bottom-left-radius: 7px;
	}
	.flex_popup .row-form .vft_file .uploader span.action{
		float: none;
		padding: 0 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 20%;
		background-image: none;
		background-color: #404040;
		color: #fff;
		height: 100%;
		text-shadow: none;
		font-size: 14px;
		border-bottom-right-radius: 7px;
		border-top-right-radius: 7px;
	}
	.flex_popup .row-form .vft_file .uploader input{
		margin: 0;
		width: 100%;
		height: 100%;
		cursor: pointer;
		float: none;
	}
	.fancybox-opened .workplace .action-buttons{
		float: none;
		position: relative;
		margin: 0;
		top: unset;
		left: unset;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.fancybox-opened .workplace .action-buttons button{
		display: flex;
		margin: 0 13px 0 0;
		justify-content: center;
		align-items: center;
		width: 120px;
		height: 43px;
		padding: 0;
		border-radius: 7px;
		background-color: #FF9900;
		color: #12275B;
		font-weight: bold;
		font-size: 12px;
	}
	.fancybox-opened .workplace .action-buttons a{
		display: flex;
		margin: 0;
		justify-content: center;
		align-items: center;
		width: 200px;
		height: 43px;
		padding: 0;
		border-radius: 7px;
		background-color: #C4C4C4;
		color: #12275B;
	}
	.fancybox-opened .workplace .action-buttons a.nouveau_btn{
		background-color: #FF9900;
		color: #12275B;
	}
	.fancybox-opened .workplace .action-buttons button svg, .fancybox-opened .workplace .action-buttons a svg{
		color:#12275B;
		font-size: 16px;
		font-weight: bolder;
		margin-right: 5px;
	}
	.fancybox-opened .statistiques_projet{
		padding: 0 !important;
		margin: 0 !important;
		box-shadow: none;
		display: flex;
		flex-direction: column;
		width: 100% !important;
	}
	.fancybox-opened .title_primmo {
		font-size: 18px;
	}
	/******** END POPUP DOCUMENT ********/

	/******** For FILTERS ***************/
	fieldset.filter{
		width: 25%;
	}
	.filter_prog select{
		background-color:#FFFFFF !important;
		border-radius:10px !important;
		border:none;
		color:#12275B;
		box-shadow: none;
		width:100%;
		outline: none;
		height: 28px;
	}
	.filter_prog .submit_btn{
		height:100%;
		width: 100%;
	}

	/******** paiements vue ***********/
	.link_payments_o a{
		background-color: transparent;
		color: #12275B;
		background-image: none;
		border-radius: 7px;
		position: relative;
		text-indent: unset;
		border: 1px solid #B8CDFE;
		padding: 5px 9px;
	}
	.link_payments_o a.active, .link_payments_o a:hover {
		background: #B8CDFE;
	}
	.block-fluid.tables_mp table.jqplot-table-legend{
		border: none;
	}
	.jqplot-table-legend tr.jqplot-table-legend td{
		background-color: #E9F0FF !important;
		border: none;
	}
	.statistiques_projet .statsmois{
		background-color: transparent;
		margin: 16px 0;
		width: 100%;
	}

	.statistiques_projet .statsmois .filter_prog input[type="text"]{
		background-color: #F6F9FF !important;
		margin: 0 10px 0 0;
		padding: 0 20px;
		height: 100%;
		border: 1px solid #CAD9FA;
	}
	.statistiques_projet .statsmois .filter_prog select{
		background-color: #F6F9FF !important;
		margin: 0 10px 0 0;
		padding: 0 20px;
		height: 100%;
		border: 1px solid #CAD9FA;
	}
	.statistiques_projet .statsmois .dv_search_c div.row-form{
		width: 33.3333333333333%;
		margin-bottom: 15px;
	}
	.statistiques_projet .statsmois .dv_search_c div.row-form.search_btn{
		position: relative;
		float: left;
	}
	.statistiques_projet .statsmois .dv_search_c div.row-form.search_btn input.btn{
		height: 100% !important;
		background-color: #FF9900;
		color: #FFFFFF;
		background-image: none;
		text-shadow: none;
		box-shadow: none;
		border-radius: 10px !important;
	}
	#revenu_mois, #nombre_mois, #ventes_type_logement, #nombre_agent, #revenu_agent, #chart6, #chart7, #client_achat, #client_tel{
		background-color: #E9F0FF;
	}

	/********* DETAILS ******/
	.row-fluid .projet_new .span_title{
		color: #8993AD;
		font-size: 13px;
	}
	.row-fluid .projet_new .span_value{
		color: #12275B;
		font-size: 14px;
		/*font-weight: 600;*/
		background-color: #F4F4F4;
		margin: 0;
		padding: 0 20px;
		border: 1px solid #E2E2E2;
		border-radius: 7px;
		height: 43px;
		display: flex;
		align-items: center;
	}
	.title_tabs{
		border: none;
		padding: 2px 0;
	}
	.tab_t_h {
		border: none;
	}
	.tab_t_h.activeTab {
		border: none;
		margin-top: 0;
	}
	.tab_t_h h2 {
		background: none;
		color: #8993AD;
		padding: 0px 15px 0px 15px;
	}
	.tab_t_h.activeTab h2,.tab_t_h h2:hover {
		color: #1359FB;
		background: none;
	}
	.tab_t_h.activeTab .blankW{
		background:#1359FB;
	}
	/******** Moteur de recherche **********/
	.filter_prog  .addfilter{
		width: auto;
		padding: 6px 15px;
		font-weight: bold;
		font-size: 12px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 10px;
	}
	.filter_prog  .addfilter:focus{
		background-color: unset;
	}
	.filter_prog  .addfilter svg{
		color: #12275B;
		font-size: 16px;
		font-weight: bolder;
		margin-right: 5px;
	}
	.filter_prog .reset_btn{
		width: 120px;
		font-weight: bold;
		font-size: 12px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 7px;
		background-color: transparent;
		border: 1px solid #B8CDFE;
		color: #12275B;
		height: 48px;
		position: absolute;
		right: -100px;
		top: 27px;
		text-decoration:none;
	}
	.filter_prog .reset_btn:focus{
		background-color: unset;
	}
	.filter_prog .reset_btn:hover{
		background-color: #B8CDFE;
	}
	.filter_prog .reset_btn svg{
		color: #12275B;
		font-size: 16px;
		font-weight: bolder;
		margin-right: 5px;
	}
	.more_filters {
		position: absolute;
		left: 30px;
		top: calc(100% - 10px);
		background-color: #e9f0ff;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		min-height: 100px;
		z-index: 10;
		width: auto;
		border: 1px solid #d7d2d20d;
		box-shadow: 1px 3px 20.5px 0px #00000033;
		min-width: 600px;
		border-radius: 16px;
	}
	.more_filters.hide{
		display:none;
	}
	a.more_filters_close {
		position: absolute;
		top: -11px;
		right: -10px;
		font-size: 25px;
		cursor: pointer;
	}
	.more_filters::before {
		content: '';
		position: absolute;
		width: 0px;
		height: 0px;
		display: block;
		left: 10px;
		top: -10px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #e9f0ff;
	}
	.more_filters .floating {
		color: #8993AD;
		margin-bottom: 5px;
		display:block !important;
	}

	.filter_select {
		display: flex;
		width: 50%;
		padding: 15px;
		flex-direction: column;
	}
	.filter_select.init{
		width: 100%;
	}
	.filter_input {
		display: flex;
		width: 50%;
		padding: 15px;
		flex-direction: column;
	}
	.filter_input.hide{
		display:none;
	}
	.more_filters .filter_input input{
		width: auto;
	}
	a.searched_filter {
		height: 48px;
		background-color: transparent;
		border: 1px solid #B8CDFE;
		color: #12275B;
		border-radius: 7px;
		width: auto;
		padding: 0px 15px;
		font-weight: bold;
		font-size: 12px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 10px;
		text-decoration: none;
		margin-bottom: 10px;
	}
	a.searched_filter svg{
		color: #12275B;
		font-size: 16px;
		font-weight: bolder;
		margin-left: 5px;
		cursor: pointer;
	}
	.filter_input .recherche_filtre{
		display: flex;
		flex-direction: column;
		position:relative;
	}
	.filter_input .recherche_filtre.between_filter{
		padding-left: 130px;
	}
	.filter_input .recherche_filtre .between_select{
		width: 120px;
		position: absolute;
		left: 0;
		top: 0px;
	}
	.filter_input .recherche_filtre input{
		margin-bottom: 10px;
		height: 28px;
	}
	.filter_input .recherche_filtre input.hide{
		display: none;
	}
	.filter_input .recherche_filtre.hide{
		display: none;
	}
	.filter_input .recherche_filtre button{
		height: 28px;
		display: block;
		width: auto;
		margin: 0 10px 0 0;
	}
	.custom_filter .awesomplete{
		width: 100%;
		margin:0;
	}
	.paiments_vue_filter{
		width: calc(100% - 60px);
		margin: 0;
		padding: 15px 30px 0 30px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.paiments_vue_filter a{
		width: 30%;
		margin-left: 5px;
		margin-right: 5px;
	}
}

/******* Dashboard ********/
.welcome_header {
	padding: 35px 40px;
	background-color: #1359FB;
	border-radius: 16px;
	color: #fff;
	box-shadow: 0px 3px 30px 0px #1359FB0A;
	margin: 40px 25px 50px;
}
h1.welcome_header_title {
	font-size: 27px;
	margin-top: 0;
}
h4.welcome_header_sous_title {
	font-size: 19px;
	font-weight: normal;
	color: #ffffffb3;
	margin-bottom:0;
	display: flex;
	align-items: center;
}
h4.welcome_header_sous_title .sparkles{
	display:inline-block;
	background: url(../img/icons/menu/sparkles.svg) center center no-repeat transparent;
	width: 23px;
	height: 23px;
	margin-left:10px;
}
.a_la_une h1 {
	color: #12275B;
	font-size: 31px;
}

.filtre_projets {
	width: Fixed (414px)px;
	height: 43px;
	top: 22px;
	gap: 5px;
	border-radius: 7px !important;
	opacity: 0px;
	border: 1px solid var(--rvb-202-217-250, rgba(202, 217, 250, 1));
	background: rgba(242, 242, 242, 1);
	
}

.a_la_une_programme{
	color: #8993AD;
	font-size: 13px;
	font-weight: 350;
	line-height: 15.6px;
	letter-spacing: -0.015em;
	text-decoration: none;
}

.a_la_une_modification{
	display: flex;
    justify-content: space-between;
    align-items: center;
}

/* .rapport_envoi{
	display: flex;
	width:100%;
} */

.rapport_popup_span{
	margin-left: 0% !important;
}

.rapport_popup_span_title{
	width: 250% !important;
}

.rapport_popup {
	display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr));
	margin-left: 5%;
}

.rapport_popup > div > input{
	width: 245px;
	min-height: 23px !important;
	height: 23px !important;
}
.rapport_popup_title{
	display: flex;
	width: auto;
	height: 45px;
	top: -374px;
	left: -342px;
	font-family: Gotham;
	font-size: 31px;
	font-weight: bold;
	line-height: 45px;
	letter-spacing: -0.01em;
	text-align: left;
	color: var(--rvb-18-39-91, rgba(18, 39, 91, 1));

}

.rapport_popup_content {
    background-color: #fefefe;
    margin: 15% auto; 
    padding: 20px;
    border: 1px solid #888;
    width: 60%;
    border-radius: 10px;
    gap: 10px;
}

.rapport_popup_header{
	display: flex;
	justify-content: end;
}

.rapport_popup .adresse_wdrU {
	width: 286.5px;
}

.close_popup {
    width: 29px;
	height: 29px;
	left: -4px;
	gap: 0px;
	border: 2px 0px 0px 0px;
	opacity: 0px;
	color: rgba(89, 104, 140, 1);
	background-color: rgba(255, 255, 255, 1);
	border: 2px solid var(--rvb-230-232-238, rgba(230, 232, 238, 1));
	margin-top: 10px;
	margin-right: 10px;
	border-radius: 20px;
}

.close_popup:hover,
.close_popup:focus {
    color: black;
    text-decoration: none;
}

.rapport_popup_body{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rapport_popup_item{
	display: flex;
	flex-direction: column;
	margin: 20px;
	border-radius: ;
}

.rapport_popup_item label{
	color: var(--rvb-137-147-173, rgba(137, 147, 173, 1));
}

.rapport_popup_item input{
	height: 22px !important;
	box-shadow: none !important;
}

.rapport_popup_item select{
	width: 300px;
	height: 43px;
	top: 22px;
	padding: 10px 16px 10px 20px !important;
	gap: 5px;
	border-radius: 7px !important;
	border: 1px solid var(--rvb-202-217-250, rgba(202, 217, 250, 1)) !important;
	background: var(--rvb-246-249-255, rgba(246, 249, 255, 1)) !important;
	color: var(--rvb-18-39-91, rgba(18, 39, 91, 1)) !important;

}

.rapport_submit_button{
	width: 136px;
	height: 43px;
	top: 208.01px;
	left: 275.21px;
	padding: 10px 20px 10px 20px;
	gap: 10px;
	border-radius: 7px;
	opacity: 0px;
	background-color: var(--rvb-255-153-0, rgba(255, 153, 0, 1));
}

.rapport_submit_container {
    grid-column: span 2;
	display: grid;
	justify-content: center; 
}

.programme_tag {
    display: inline-block;
    background-color: transparent;
	color: #12275B;
	border: 1px solid #B8CDFE;
    border-radius: 3px;
    padding: 3px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.close_tag {
    cursor: pointer;
    margin-left: 5px;
    font-weight: bold;
    color: #888;
}

body.popup_open {
    overflow-y: hidden;
    position: fixed;
    width: 100%;
}

body.dimmed::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.card_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.table_dashboard {
    width: 100% !important;
    border-collapse: collapse;
}

.table_dashboard th, .table_dashboard td {
    padding: 8px !important;
    text-align: left;
    border-bottom: 1px solid #ddd !important;
}

.table_dashboard th {
    background-color: #f2f2f2;
}

.table_dashboard th a {
    text-decoration: none;
    color: #fff;
}

.table_dashboard th a.down::after {
    content: " ▼";
}

.table_dashboard th a.up::after {
    content: " ▲";
}



.switch {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 26px;
    border-radius: 17px;
    border: 1px;
    vertical-align: middle;
    margin-top: 6px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ee4f4f;
    transition: .4s;
    border-radius: 20px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #40db6f;
}

input:checked + .slider:before {
    transform: translateX(38px);
}

.a_la_une{
	margin: 0 25px;
}

.a_la_une_bloc {
    display: flex;
	gap: 20px;
	list-style: none;
	flex-direction: column;
}

.a_la_une-grid {
	display: flex;
	flex-direction: column;
	border: 1px solid #B8CDFE;
	border-radius: 16px;
	padding: 25px 20px 38px;
	position:relative;
	justify-content:space-between;
	box-sizing:border-box;
	height: fit-content !important;
}

.grid_top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.grid_top h5 {
	font-size: 16px;
	color: #12275B;
	margin:0;
	display: flex;
    align-items: center;
}
.grid_top h3 {
	font-size: 25px;
	color: #129958;
	font-weight: bold;
}
.grid_top h3.decrease{
	color:red;
}
.grid_middle{
	display:flex;
	flex-direction: column;
	align-items:flex-start;
	flex-grow:1;
	margin-left: 50px;
}
.grid_middle h2{
	margin: 0;
	font-size: 27px;
	color: #1359FB;
}
.grid_middle p{
	margin: 0;
	font-size: 16px;
	color: #8993AD;
}
.money_with_currency{
	display:flex;
	align-items: baseline;
}
.currency{
	margin-left:10px;
	color: #1359FB;
}
.grid_footer {
	display: flex;
	justify-content: flex-end;
	position: absolute;
	bottom: 16px;
	right: 20px;
}
a.grid_link {
	font-size: 15px;
	color: #FF9900;
	text-decoration: none;
}
a.grid_link svg{
	margin-left: 8px;
	font-size: 14px;
}
.grid_parrainage {
	display: flex;
	flex-wrap: wrap;
}
.grid_parrainage_element {
	width: 50%;
	display:flex;
	align-items: center;
}

.grid_biens {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 21px;
}

.color_square {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-right: 8px;
    color: white;
    font-weight: bold;
	margin: 10px;
}
.color_square:nth-child(1) {
    background-color: #FFCE5A;
}

.color_square:nth-child(3) {
    background-color: #FF0000;
}

.color_square:nth-child(5) {
    background-color: #129958;
}

.grid_prospects {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
	padding-left: 30px;
	margin-top: 15px;
    margin-bottom: 30px;
	margin-left: 15px;
}

.grid_item {
    display: flex;
    align-items: center; 
}

.grid_prospects h5 {
    font-size: 12px;
    margin: 0; 
}

.prospects_square {
    width: 10px;
    height: 10px;
    margin-right: 8px;
}

.square1 {
    background-color: #FFCE5A;
}

.square2 {
    background-color: #129958;
}

.square3 {
    background-color: #E74756;
}

.square4 {
    background-color: #35AFE7;
}

.grid_item h4 {
	font-size: 12px;
	color: #129958;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 10px;
}
.grid_item h4.decrease{
	color:red;
}

span.parrainage_color {
	width: 14px;
	height: 14px;
	display: inline-block;
	background-color: gray;
	margin-right: 5px;
}
.grid_parrainage_element:nth-child(1) span.parrainage_color{
	background-color:#FFCE5A;
}
.grid_parrainage_element:nth-child(2) span.parrainage_color{
	background-color:#129958;
}
.grid_parrainage_element:nth-child(3) span.parrainage_color{
	background-color:#E74756;
}
.grid_parrainage_element:nth-child(4) span.parrainage_color{
	background-color:#35AFE7;
}
span.parrainage_plus {
	margin-left: 5px;
	color: #129958;
	font-weight: bold;
}
.bloc_stats {
	display: flex;
	flex-wrap:wrap;
	margin-top: 80px;
	width:100%;
	justify-content: flex-start;
	flex-direction: column;
}

.paiements_stats {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	padding: 19px 30px;
	background-color: #fff;
	box-shadow: 0px 3px 30px 0px #1359FB0A;
	border-radius: 16px;
	margin-bottom: 20px; 
	margin-right: 20px; 
}

.paiements_stats h2 {
	font-size: 21px;
	color: #12275B;
	margin: 0 0 21px 0;
}

.paiements_stats_element {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 21px;
	position: relative;
}

span.paiements_stats_element_color {
	width: 34px;
	height: 34px;
	margin-right: 8px;
	background-color: gray;
}
.paiements_stats_element:nth-child(2) span.paiements_stats_element_color{
	background-color: #FF9900;
}
.paiements_stats_element:nth-child(3) span.paiements_stats_element_color{
	background-color: #1359FB;
}
.paiements_stats_element:nth-child(4) span.paiements_stats_element_color{
	background-color: #129958;
}
.paiements_stats_element:nth-child(5) span.paiements_stats_element_color{
	background-color: #93BC18;
}
.paiements_stats_element:nth-child(6) span.paiements_stats_element_color{
	background-color: #FF0000;
}
.paiements_stats_element:nth-child(7) span.paiements_stats_element_color{
	background-color: #7B143F;
}

.paiements_stats_element h4 {
	margin: 0;
	font-size: 14px;
	color: #12275B;
	font-weight: 500;
}

.paiements_stats_element a {
	margin: 0;
	font-size: 14px;
	color: #12275B;
	font-weight: 500;
	width: 50%;
}

span.paiements_stats_element_number {
	display: block;
	font-size: 14px;
	color: #59688C;
	position: absolute;
	right: 0;
}

.chiffres_stats h2 {
	font-size: 21px;
	color: #12275B;
	margin: 0 0 21px 0;
}

.chiffres_stats, .performance_stats {
    width: 100%; 
    margin-bottom: 20px; 
    padding: 20px;
	padding-right: 5px !important;
    background-color: #fff;
    box-shadow: 0px 3px 30px 0px #1359FB0A;
    border-radius: 16px;
    box-sizing: border-box;
	margin-right:20px;
}



.performance_stats h2 {
	font-size: 21px;
	color: #12275B;
	margin: 0 0 21px 0;
}

.icon-biens, .icon-encaisses, .icon-chiffres, .icon-prospects-dashboard {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; 
}
.icon-biens{
	background: url(../img/icons/primmo/house.svg) center center no-repeat transparent;
	width: 40px;
	height: 28px;
	top: 443px;
	left: 413px;
	gap: 0px;
	opacity: 0px;

}
.icon-encaisses{
	background: url(../img/icons/primmo/wallet.svg) center center no-repeat transparent;
	width: 41px;
	height: 42px;
	top: 436px;
	left: 845px;
}
.icon-chiffres{
	background: url(../img/icons/primmo/security.svg) center center no-repeat transparent;
	width: 40px;
	height: 40px;
	top: 437px;
	left: 1300px;
}
.icon-prospects-dashboard{
	background: url(../img/icons/primmo/prospects.svg) center center no-repeat transparent;
	width: 40px;
	height: 28px;
	top: 406px;
	left: 1300px;
	margin-right: 5px !important;
}

#voir_paiements{
	cursor: pointer;
}


#voir_ca_par_commercial, #retour_biens_vendus {
	margin-top: 37px;
}

.jqplot-yaxis-label{
	color: #4e7197 !important;
}

.paiements .fancybox-wrap {
	width:auto !important;
}

.icon-total-pai-enc {
    background: url(../img/total.png) center center no-repeat transparent;
	filter: invert(73%) sepia(47%) saturate(5443%) hue-rotate(359deg) brightness(104%) contrast(105%);
    background-size: 100% 100%; 
    margin: 1px 10px 0px 0px !important;
    padding: 6px 0px;
    width: 38px; 
    height: 26px; 
}

.jqplot-yaxis-label{
	font-size: 9px !important;
}