@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 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-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;
	}
	/******* Dashboard ********/
	.welcome_header {
		padding: 35px 40px;
		background-color: #1359FB;
		margin-top: 40px;
		margin-bottom: 50px;
		border-radius: 16px;
		color: #fff;
		box-shadow: 0px 3px 30px 0px #1359FB0A;
	}
	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;
	}
	.a_la_une_bloc {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: center;
		align-items: stretch;
	}
	.a_la_une-grid {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		border: 1px solid #B8CDFE;
		border-radius: 16px;
		padding: 16px 20px 16px 60px;
		width:33.333333333333%;
		position:relative;
	}
	.bien_vendus, .chiffre_affaire{
		margin-right:30px;
	}
	.grid_top{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.grid_top h5 {
		font-size: 16px;
		color: #12275B;
		margin:0;
	}
	.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;
		margin-bottom: 10px;
	}
	.grid_middle h2{
		margin: 0;
		font-size: 37px;
		color: #1359FB;
	}
	.grid_middle p{
		margin: 0;
		font-size: 16px;
		color: #8993AD;
	}
	.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;
		margin-bottom: 30px;
	}
	.grid_parrainage_element {
		width: 50%;
		display:flex;
		align-items: center;
	}
	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;
		margin-top: 80px;
	}

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

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

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

	span.paiements_stats_element_color {
		display: block;
		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;
	}

	span.paiements_stats_element_number {
		display: block;
		font-size: 14px;
		color: #59688C;
		position: absolute;
		right: 0;
	}
	.chiffres_stats {
		display: flex;
		flex-direction: column;
		width: calc(100% -  (33.333333333333% + 80px));
		padding: 19px 30px;
		background-color: #fff;
		box-shadow: 0px 3px 30px 0px #1359FB0A;
		border-radius: 16px;
	}

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

	/********* 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;
	}
}