html{
	background-color : #fcfcfc;
	overflow : hidden;
}
body{
    display : flex;
    min-height : 100vh;
    flex-direction : column;
	overflow : hidden;
	font-family: "Roboto", serif;
	font-weight: 400;
	background: linear-gradient(35deg, #7ED3FF, #D0FCB3);
	background-size: 100%;
	background-attachment: fixed;
}
main{
	/*background: linear-gradient(35deg, #D0FCB3,#7ED3FF);*/
	flex : 1 0 auto;
	overflow : hidden;
}
input[type="submit"]{
	outline : none;
}
input:not([type="submit"]){
	margin-bottom : 0px;
}
a{
	cursor : pointer;
}
select.browser-default{
	background-color : transparent;
	border : 0px;
	border-bottom : 1px solid white;
	color : black;
	outline : none;
}
	select.browser-default option:disabled{
		color : #9e9e9e;
	}
nav{
	background-color: #3E5B5F;
	background-size : 100%;
}
::-webkit-input-placeholder{
   color : #9E9E9E;
}
:-moz-placeholder{
   color : #9E9E9E;
}
::-moz-placeholder{
   color : #9E9E9E;
}
:-ms-input-placeholder{
   color : #9E9E9E;
}
table.striped>tbody>tr:nth-child(odd){
    background-color: rgba(255,255,255,0.23);
}
.invisible{
	position : fixed;
	top : 500%;
	left : 500%;
	opacity : 0;
}
.available_on_android{
	display : flex;
}
	.available_on_android img{
		margin : auto;
		height: 50px;
	}
.project_file{
	background-size : 50%;
	background-position : center 12px;
	background-repeat : no-repeat;
}
.upload_files, .project_file{
	display : block;
	position : relative;
	overflow : hidden;
	width : 100px;
	height : 100px;
	padding : 10px 10px;
	font-size : 14px;
	line-height : 22px;
	color : #777;
	background-color : #FFF;
	background-image : none;
	text-align : center;
	border-radius : 20px;
	border : 2px solid #E5E5E5;
	margin : 10px;
	cursor : pointer;
	float : left;
	overflow : initial;
}
	.project_file.delete{
		animation-duration : 0.2s;
		animation-name : project_file_delete;
		animation-iteration-count : infinite;
		-webkit-animation-timing-function : linear;
    animation-timing-function : linear;
	}
	.project_file.textjavascript{
		background-image : url(../img/file_icon/js.png);
	}
	.project_file.textcsv{
		background-image : url(../img/file_icon/csv.png);
	}
	.project_file .delete{
		display : none;
	}
	.project_file .title{
		width : calc(100% - 20px);
		white-space : nowrap;
		overflow : hidden;
		text-overflow : ellipsis;
		position : absolute;
		bottom : 10px;
		left : 10px;
	}
		.project_file.delete .delete{
			line-height : 30px;
			height : 30px;
			width : 30px;
			color : black;
			background-color : #B5B5C5;
			border-radius : 50%;
			text-align : center;
			position : absolute;
			top : -15px;
			left : -15px;
			display : block;
		}
	.upload_files:hover{
		background-color : grey;
		background-image : repeating-linear-gradient(-45deg, #F6F6F6, #F6F6F6 10px, white 10px, white 20px);
		background-size : 200px 200px;
		animation-duration : 8s;
		animation-name : upload_file_animation;
		animation-iteration-count : infinite;
		-webkit-animation-timing-function : linear;
    animation-timing-function : linear;
	}
	.upload_files input[type=file]{
		position : absolute;
		top : 0;
		right : 0;
		bottom : 0;
		left : 0;
		height : 100%;
		width : 100%;
		opacity : 0;
		cursor : pointer;
		z-index : 5;
		background-color : transparent;
	}
	.upload_files .message{
		position : relative;
		top : 50%;
		-webkit-transform : translateY(-50%);
		-ms-transform : translateY(-50%);
		transform : translateY(-50%);
		display : block;
		word-wrap: anywhere;
	}
		form.upload_files.success .message{
			display : none;
		}
	form.upload_files .message, form.upload_files .message p{
		text-align : center;
		padding : 0px;
		font-size : 10px;
		line-height : 10px;
	}
	form.upload_files .message i{
		font-size : 40px;
	}
	form.upload_files .success{
		position : absolute;
		top : 0px;
		left : 0px;
		height : 100%;
		width : 100%;
		color : #4CAF50;
		text-align : center;
		line-height : 100px;
		font-size : 50px;
		display : none;
	}
		form.upload_files.success .success{
			display : block;
		}
#login_box{
	background: linear-gradient(to left, #D0FCB3,#7ED3FF);
	/*background-image : url(../img/wallpaper.jpg);*/
	/*background-size : cover;*/
	/*background-position : center center;*/
  height : 100%;
  width : 100%;
  position : absolute;
	z-index : 3;
}
	#login_box .white{
		background-color : #FFFFFF;
		opacity : 0.9;
		height : 100%;
		width : 100%;
		position : absolute;
	}
.text_align_right{
	text-align : right;
}
.superHide{
	position : fixed;
	top : -100%;
	left : -100%;
}
#open_alarm_panel{
	width : 64px;
	text-align : center;
	cursor : pointer;
}
	#open_alarm_panel:hover{
		background-color : rgba(0, 0, 0, 0.1);
	}
.animate{
	-webkit-transition-property : all;
	-webkit-transition-duration : .25s;
	-webkit-transition-timing-function : cubic-bezier(1, 1, 1, 1);
	-moz-transition-property : all;
	-moz-transition-duration : .25s;
	-moz-transition-timing-function : cubic-bezier(1, 1, 1, 1);
	-ms-transition-property : all;
	-ms-transition-duration : .25s;
	-ms-transition-timing-function : cubic-bezier(1, 1, 1, 1);
	transition-property : all;
	transition-duration : .25s;
	transition-timing-function : cubic-bezier(1, 1, 1, 1);
}
.map_icon_blue, .map_icon_red{
		height : 25px!important;
		width : 15px!important;
		background-image : url(../img/leaflet/markers/markers-soft.png);
		background-size : cover;
		margin-left : auto;
		margin-right : auto;
		position : relative!important;
}
	.prospect_bottom .map_icon_blue, .prospect_bottom .map_icon_red{
			margin : 0px;
			float : left;
			width : 20px!important;
			margin-right : 20px;
	}
.map_icon_blue{
	background-position : -59px 0px;
}
.map_icon_red{
	background-position : 0px 0px;
}
.login_box{
	background-color : white;
	padding : 10px 10px 0px 10px!important;
	box-shadow : 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.text_align_center{
	text-align : center !important;
}
.home_desktop{
	width : 100%;
	float : left;
	padding: 20px 40px;
	overflow : hidden;
	overflow : auto;
	position : relative;
	z-index : 1;
}
	.home_desktop #calendar{
		height : 100%;
		width : 100%;
		position : relative;
		left : 0px;
		z-index : 1;
		
	}
		.home_desktop #calendar .fc-header-toolbar{
			height : 64px;
			line-height : 64px;
			margin : 0px;
		}
			.home_desktop #calendar .fc-header-toolbar .fc-center{
				height : 64px;
				line-height : 64px;
			}
				.home_desktop #calendar .fc-header-toolbar .fc-center h2{
					font-size : 40px;
					height : 64px;
					line-height : 64px;
				}
	.home_desktop .google_bottom_bar{
		z-index : 2;
		position : absolute;
		bottom : 45px;
    left : 24px;
		height : 55.5px;
		width : 55.5px;
		background-color : transparent;
	}
		.home_desktop .google_bottom_bar button{
			border-radius : 50%;
			position : absolute;
			top : 0px;
			left : 0px;
			width : 100%;
			height : 100%;
			padding : 0px;
		}
	.home_desktop .google_loading{
		position : absolute;
		top : 0px;
		left : 0px;
		height : 100%;
		width : 100%;
		background-color : #646464;
		display : flex;
		z-index : 999;
	}
		.home_desktop .google_loading .center{
			margin : auto;
			width : 400px;
			max-width : 100%;
		}
			.home_desktop .google_loading .center .logo{
				height : 200px;
				width : 200px;
				border-radius : 100%;
				background-color : white;
				background-image : url(../img/google.png);
				background-size : cover;
				background-repeat : no-repeat;
				background-position : center center;
				box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
				margin-left : auto;
				margin-right : auto;
			}
			.home_desktop .google_loading .center button{
				margin-top : 64px;
			}
				.home_desktop .google_loading.loading .center button{
					display : none;
				}
	#map-mobile{
		height: 95vh !important;
		width: 100% !important;
		position: fixed !important;
		transition: 0.5s;
		margin-top: -10%;
	}
	#map-legend-mobile{
		bottom: 0;
		height: 5vh !important;
		width: 100% !important;
		z-index: 401;
		position: fixed !important;
		background-color: #3E5B5F;
		transition: 0.5s;
	}
#map-legend-mobile.activeMenu{
		height: 50vh !important;
		transition: 0.5s;
	}
	#map-mobile.activeMenu{
		height: 50vh !important;
		transition: 0.5s;
	}
#insideMenu td{
	color: white;
}

	#map{
		height : 100%;
		width : 100%;
		position : relative;
		z-index : 1;
	}
	.home_desktop #map_legend{
		height : 190px;
		width : 400px;
		padding-left : 10px;
		padding-top : 10px;
		position : fixed;
		bottom : 0px;
		right : 0px;
		z-index : 2;
	}
		.home_desktop #map_legend div{
			background-color: #333333;
			height : calc(100% - 10px);
			width : calc(100% - 10px);
			position : absolute;
			color : white;
			padding : 10px;
		}
			.home_desktop #map_legend div td{
				padding : 0px;
			}
				.home_desktop #map_legend div td p{
					margin : 0px;
				}
				.home_desktop #map_legend div td .select-wrapper, .home_desktop #map_legend div td .input-field{
					padding : 0px;
					margin : 0px;
				}
				.home_desktop #map_legend div td input{
					margin-bottom : 0px;
				}
				.home_desktop #map_legend div td img{
					height : 25px;
					margin-left : auto;
					margin-right : auto;
					display : block;
				}
	.home_desktop .shortcut{
		height : 150px;
		width : 150px;
		color : white;
		line-height : 150px;
		text-align : center;
		border-radius : 50%;
		font-size : 80px;
		cursor : pointer;
		margin : 10px;
	}
		.home_desktop .fixed-action-btn a#call{
			background-color : #4CAF50;
		}
		.home_desktop .fixed-action-btn a#add_project{
			background-color : #03A9F4;
		}
		.home_desktop .fixed-action-btn a#rdv{
			background-color : #795548;
		}
		.home_desktop .fixed-action-btn a#event{
			background-color : #E91E63;
		}
		.home_desktop .fixed-action-btn a#note{
			background-color : #FFC107;
		}
		.home_desktop .fixed-action-btn a#prospect{
			background-color : #9C27B0;
		}
		.home_desktop .fixed-action-btn a#add_calendar_b{
			background-color : #4889F4;
		}
		.home_desktop .fixed-action-btn a#reporting{
			background-color : #7077a4;
		}

.home_left_bar{
	background-color : #5F939A;
	color: #ffffff;
	text-align: center;
	width : 300px;
	height : 100vh;
	max-height : 100vh;
	float : left;
	overflow : hidden;
	position : relative;
	z-index : 2;
}

	.home_left_bar.active{
		bottom : 0px;
	}
	.home_left_bar .bottom{
		position : absolute;
		bottom : -60px;
		left : 10px;
		width : calc(100% - 20px);
		padding : 10px;
	}
		.home_left_bar .bottom.active{
			bottom : 0px;
		}
		.home_left_bar .bottom button{
			padding-left : 10px;
			padding-right : 10px;
			margin-left : auto;
			margin-right : auto;
			display : block;
		}
	.home_left_bar .more{
		width : 30px;
		margin-left : auto;
		margin-right : auto;
		padding : 5px;
		height : 30px;
		line-height : 20px;
		background-color : #FFFFFF;
		color : #333333;
		font-weight : bold;
		text-align : center;
		font-size : 20px;
		margin-top : 10px;
		margin-bottom : 30px;
		display : none;
	}
		.home_left_bar.big .more{
			display : block;
		}
			.home_left_bar.big .more:hover{
				background-color : #3D3D3D;
			}
		.home_left_bar.big table tbody:nth-child(n+4){
			display : none;
		}
	.home_left_bar h1{
		color : #9B9B91;
		margin : 20px 15px 20px 15px;
		font-size : 22px;
	}
	.home_left_bar.delete .table .tbody{
		padding-left : 50px;
	}
		.home_left_bar.delete .table .tbody .tr:nth-child(1) .td:nth-child(2){
			width : 170px;
		}
	.home_left_bar .alarms{
		display : none;
	}
		.home_left_bar .alarms.active{
			display : block;
		}
	.home_left_bar .table .tbody{
		cursor : pointer;
		width : 100%;
		min-height : 64px;
		position : relative;
		clear : left;
	}
		.home_left_bar .table .tbody:hover, .home_left_bar.delete .table .tbody.active{
			background-color : #3D3D3D;
		}
		.home_left_bar .table .tbody .tr .td{
			position : relative;
		}
			.home_left_bar .table .tbody .tr .td{
				padding : 0px;
			}
			.home_left_bar .table .tbody .tr .td:nth-child(2){
				color : white;
			}
			.home_left_bar .table .tbody .tr .td:nth-child(3){
				color : #9B9B91;
				float : right;
				padding-right : 15px;
			}
			.home_left_bar .table .tbody .tr .td .circle{
				height : 10px;
				width : 10px;
				margin-left : 15px;
				margin-right : -5px;
			}
				.home_left_bar .table .tbody .tr .td .circle.pink{
					background-color : #E91E63;
					height : 10px;
					width : 10px;
					float : left;
					margin-top : 6px;
				}
				.home_left_bar .table .tbody .tr .td .delete{
					height: 20px;
					line-height: 20px;
					width: 20px;
					position: absolute;
					top: 22px;
					left: -35px;
					border-radius: 50%;
					border: 1px solid #fcfcfc;
					text-align : center;
					color : transparent;
					font-size : 12px;
				}
					.home_left_bar .table .tbody.active .tr .td .delete{
						background-color : #2196F3;
						color : white;
					}
			.home_left_bar .table .tbody .tr:nth-child(1) .td{
				padding-top : 10px;
				float : left;
			}
				.home_left_bar .table .tbody .tr:nth-child(1) .td:nth-child(1){
					width : 40px;
				}
			.home_left_bar .table .tbody .tr:nth-child(2) .td{
				color : #9B9B91;
				padding-bottom : 10px;
				padding-right : 15px;
				clear : left;
				margin-left : 40px;
				margin-top : -10px;
			}
			.home_left_bar .table .tbody .tr:nth-child(1) .td:nth-child(2){
				width : 215px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.home_left_bar .table .tbody .tr:nth-child(1) .td:nth-child(3){
				position : absolute;
				top : 0px;
				right : 0px;
			}
			.home_left_bar .table .tbody .tr:nth-child(1) .td.late{
				color : red;
			}
.home_desktop{
	height: 100vh;
	width : calc(100% - 300px);
	float : left;
}
	.home_desktop #add_shadow{
		position : fixed;
		top : 0px;
		left : 0px;
		height : 100%;
		width : 100%;
		background-color : rgba(0,0,0,0.5);
		z-index : 998;
		cursor : pointer;
		display : none;
	}
		.home_desktop #add_shadow.active{
			display : block;
		}
	.home_desktop .add{
		max-width : calc(100% - 25%);
		position : fixed;
		bottom : 101px;
		right : -1020px;
		overflow-y: scroll;
		opacity : 0;
		z-index : 999;
		max-height : calc(100% - 20%);
    	border-radius : 5px;
		display: none;
	}
		.home_desktop .add input, .home_desktop .add textarea{
			color : white;
		}
		.home_desktop .add [type="checkbox"]:not(:checked)+label:before, [type="checkbox"]:not(.filled-in):not(:checked)+label:after{
			border-color : #3E5B5F;
		}
			.home_desktop .add [type="checkbox"]:checked+label:before{
				border-bottom-color : #3E5B5F;
				border-right-color : #3E5B5F;
			}
		.home_desktop .add label, #update_event label{
			color : white;
		}
		.home_desktop .add input, .home_desktop .add textarea, .home_desktop .add select, #update_event input, #update_event textarea, #update_event select{
			border-bottom-color : white;
		}
		.home_desktop .add.active{
			height: 100%;
			width: 100%;
			top: 0;
			right : 0;
			left: 0;
			max-height: none;
			max-width: none;
			opacity : 1;
			display: block;
		}
			.home_desktop .add .background{
				margin-bottom : 20px;
				border-radius : 5px;
				padding : 10px 10px 1px 10px;
			}
			.home_desktop .add .background .triangle{
				position : absolute;
				bottom : 10px;
				width : 0;
				height : 0;
				border-style : solid;
				border-width : 10px 10px 0 10px;
				right : 22px;
			}
		.home_desktop .add .row .input-field:last-child{
			text-align : center;
		}
	.home_desktop #add_prospect, .home_desktop #add_calendar{
		width: 100% !important;
		height: 100% !important;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		border: 0;
		max-width: none !important;
		max-height: none !important;
	}
	.home_desktop #add_meeting{background-color: rgba(62,91,95,0.95);}
	#add_task{
		background-color: rgba(62,91,95,0.95);
	}
	#add_meeting label, #add_meeting input.select-dropdown {
		color: white;
	}
	#meet_place::placeholder{color: white}
	#meet_place {
		color: white !important;
	}
	#add_task > div {
		margin-top: 10px;
		margin-left: 10px;
	}

	#add_task.animate.add {
		display: none !important;
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 999;
	}
	 #add_task.animate.add.active {
		 display: block !important;
	 }
	 #add_reporting label, #add_reporting::placeholder, #add_reporting input.select-dropdown {
		 color: white;
	 }

	#add_task label { color:white !important;}
	#add_task input { color: white !important;}

	.home_desktop #add_prospect{background-color: rgba(0,0,0,.8)}
	.home_desktop #add_prospect .background .triangle{
		border-color : #9C27B0 transparent transparent transparent;
	}
	.home_desktop #add_prospect i{
		max-width : 100%;
	}
	#add_prospect label {
		font-size: 1.2em;
	}
	#add_prospect input,#add_prospect textarea{
		font-size: 1.2em;
		color: white !important;
	}
	#add_prospect .input-field{
		margin-top: 25px !important;
	}

	#add_meeting label {
		font-size: 1.2em;
	}
	#add_meeting input,#add_meeting textarea{
		font-size: 1.2em;
		color: white !important;
	}
	#add_meeting .input-field{
		margin-top: 25px !important;
	}
	#add_meeting .select-wrapper {
		margin-top: 10px;
	}

	#add_task label {
		font-size: 1.2em;
	}
	#add_task .select-wrapper {
		margin-top: 10px;
	}
	#add_task input,#add_task textarea{
		font-size: 1.2em;
		color: white !important;
	}
	#add_task .input-field{
		margin-top: 25px !important;
	}

	#add_reporting label {
		font-size: 1.2em;
	}
	#add_reporting .select-wrapper {
		margin-top: 10px;
	}
	#add_reporting input,#add_reporting textarea{
		font-size: 1.2em;
		color: white !important;
	}
	#add_reporting .input-field{
		margin-top: 25px !important;
	}
	#MenuHome {
		cursor: pointer;
	}


	#add_prospect #map, .home_desktop #add_calendar #map, #update_event #map{
		width : 100%;
		height : 390px;
		margin-top : 20px;
	}
	.home_desktop #add_calendar .background{
		background-color : #4889F4;
	}
	.home_desktop #add_calendar .background .triangle{
		border-color : #4889F4 transparent transparent transparent;
	}
	.home_desktop #add_event .background{
		background-color : rgba(62,91,95,0.95);
	}
	.home_desktop #add_event .background .triangle{
		border-color : #E91E63 transparent transparent transparent;
	}
	.home_desktop #add_rdv .background{
		background-color : #795548;
	}
		.home_desktop #add_rdv .background .triangle{
			border-color : #795548 transparent transparent transparent;
		}
	.home_desktop #add_project_box .background{
		background-color : #03A9F4;
	}
		.home_desktop #add_project_box .background .triangle{
			border-color : #03A9F4 transparent transparent transparent;
		}
	.home_desktop #add_call .background{
		background-color : #4CAF50;
	}
		.home_desktop #add_call .background .triangle{
			border-color : #4CAF50 transparent transparent transparent;
		}

		.home_desktop #add_meeting .background .triangle{
			border-color : #ff526d transparent transparent transparent;
		}
.home_desktop #add_reporting{background-color: rgba(0,0,0,.8)}
.home_desktop #add_list .background{
	background-color: #3E5B5F;
}
.home_desktop #add_list .background .triangle{
	border-color : #3E5B5F transparent transparent transparent;
}

#update_event{
	position : absolute;
	width : 100%;
	height : 100%;
	z-index : 999;
	display : flex;
	top : -200%;
	left : -200%;
}
	#update_event.active{
		top : 0px;
		left : 0px;
	}
	#update_event .center{
		background-color: rgba(62,91,95,0.95);
		padding : 10px;
		margin : auto;
		z-index : 2;
		border-radius : 5px;
		width : 600px;
		max-width : calc(100% - 40px);
		box-shadow : 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
		color : white;
		max-height : calc(100% - 40px);
    overflow : auto;
	}
	#update_event .shadow{
		background-color : rgba(0,0,0,0.5);
		position : absolute;
		width : 100%;
		height : 100%;
		top : 0px;
		left : 0px;
		z-index : 1;
	}
.note{
	position : absolute;
	top : 20px;
	left : 20px;
	min-width : 200px;
	background-color : #FFC107;
	box-shadow : 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	z-index : 1;
	padding : 20px;
	cursor : move;
	max-width : calc(100% - 40px);
}
	.note.focus{
		box-shadow : 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	}
	.note input{
		width : calc(100% - 20px);
		outline : none;
		border : none!important;
		box-shadow : none!important;
		padding : 0px 10px;
		z-index : 1;
		font-weight : bold;
	}
	.note textarea{
		outline : none;
		resize : none;
		width : 100%;
		height : calc(100% - 45px);
		box-sizing : border-box;
		-moz-box-sizing : border-box;
		-webkit-box-sizing : border-box;
		border : none;
		z-index : 1;
		border : none!important;
		box-shadow : none!important;
		padding : 0px;
		margin : 0px;
	}
	.note .delete{
		height : 20px;
		width : 20px;
		background-color : #F44336;
		position : absolute;
		top : 5px;
		right : 5px;
		cursor : pointer;
		opacity : 0;
		color : white;
		border-radius : 50%;
		z-index : 2;
		text-align : center;
		line-height : 20px;
	}
		.note .delete:hover{
			opacity : 1;
		}
#slide-out .disconnect{
	position : absolute;
	bottom : 65px;
	left : 0px;
	width : 100%;
}
#slide-out{
	background-color: #3E5B5F;
}
#profile_couverture{
	width : 100%;
	height : 40%;
	background-image : url(../img/wallpaper.jpg);
	background-size : cover;
	background-position : center center;
	position : relative;
	margin-bottom : 50px;
}
	#profile_couverture .round{
		width : 100%;
		position : absolute;
		bottom : 0px;
		left : 0px;
		height : 20%;
		background-color : #fcfcfc;
		border-top-left-radius : 100%;
		border-top-right-radius : 100%;
	}
	#profile_couverture .head{
		height : 200px;
		width : 200px;
		position : absolute;
		bottom : -35px;
		left : calc(50% - 100px);
		background-color : black;
		background-size : cover;
		background-position : center center;
		border : 10px solid #fcfcfc;
	}
.prospect_top{
	width : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
	background-color : #fcfcfc;
	padding : 10px;
	z-index : 2;
}
.reporting_top{
	width : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
	background-color : #fcfcfc;
	padding : 10px;
	z-index : 2;
}
	.prospect_top #hide_filter{
		line-height : 40px;
		height : 40px;
		width : 80px;
		background-color : #333333;
		position : absolute;
		top : 100%;
		left : calc(50% - 40px);
		color : white;
		border-bottom-left-radius : 5px;
		border-bottom-right-radius : 5px;
		text-align : center;
		font-family : "FontAwesome";
	}
		.prospect_top #hide_filter::after{
			content : "\f078";
		}
			.home_desktop.prospects_search_active .prospect_top #hide_filter::after{
				content : "\f077";
			}
	.prospect_top .row{
		margin : 0px;
	}
		.prospect_top .row .fa.fa-chevron-circle-down{
			height : 45px;
			line-height : 45px;
			font-size : 30px;
			float : right;
			cursor : pointer;
		}
.prospect_bottom{
	height : calc(100% - 110px) !important;
	width : 100%;
	position : absolute;
	bottom : 0;
	left : 0;
	background-color : #fcfcfc;
	list-style-type : none;
	padding : 10px;
	z-index : 1;
	overflow : auto;
}
	.prospect_bottom .collection-item {
		height : 43px;
	}

.reporting_bottom{
	height : calc(100% - 110px) !important;
	width : 100%;
	position : absolute;
	bottom : 0;
	left : 0;
	background-color : #fcfcfc;
	list-style-type : none;
	padding : 10px;
	z-index : 1;
	overflow : auto;
}
.reporting_bottom .collection-item {
	height : 43px;
}
.prospect_alone #map{
	height : 356px;
}
.input_auto_box{
	width : calc(100% - 1.5rem);
	position : absolute;
	top : 100%;
	left : 0px;
	background-color : white;
	box-shadow : 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	margin : 0 0.75rem;
	z-index : 1;
}
	.input_auto_box ul{
		margin : 0px;
	}
		.input_auto_box ul li{
			cursor : pointer;
			min-height : 50px;
			line-height : 1.5rem;
			width : 100%;
			text-align : left;
			text-transform : none;
			padding : 14px 16px;
			font-size : 16px;
			color : #3E5B5F;
			padding : 14px 16px;
		}
		.input_auto_box ul li:hover{
			background-color : #EEEEEE;
		}
.collection a.collection-item.invisible_name{
	display : none;
}
.collapsible.second{
	margin-left : 50px;
	width : calc(100% - 50px);
	box-shadow : none;
	border-right : 0px;
	border-bottom : 0px;
}
.collapsible.second li:last-child .collapsible-body{
	border-bottom : 0px;
}
#prospect_projects h3{
	display : inline-block;
	float : left;
}
.collection .collection-item{
	position : relative;
	display : list-item!important;
	z-index : 1;
}
	.collection .collection-item .content{
		width : 100%;
		background-color : #FFFFFF;
		height : 100%;
		position : absolute;
		top : 0px;
		left : 0px;
		padding : 10px 20px;
		z-index : 2;
		white-space : nowrap;
		overflow : hidden;
		text-overflow : ellipsis;
		padding-right : 41px;
	}
		.collection .collection-item .content .right{
			position : absolute;
			height : 100%;
			right : 0px;
			top : 0px;
			width : 41px;
			display : flex;
		}
			.collection .collection-item .content .right i{
				margin : auto;
			}
		.collection .collection-item .content .row{
			margin-bottom : 0px;
		}
		.collection .collection-item.delete .content{
			width : calc(100% - 70px);
		}
		.collection .collection-item.update .content{
			width : calc(100% - 70px);
			left : 70px;
		}
	.collection .collection-item .update{
		width : 70px;
		background-color : #4CAF50;
		height : 100%;
		position : absolute;
		top : 0px;
		left : 0px;
		z-index : 1;
		color : #FFFFFF;
		text-align : center;
		padding : 10px 20px;
	}
		.collection .collection-item .update i{
			font-size : 24px;
			line-height : 22px;
		}
	.collection .collection-item .delete{
		width : 70px;
		background-color : #F44336;
		height : 100%;
		position : absolute;
		top : 0px;
		right : 0px;
		z-index : 1;
		color : #FFFFFF;
		text-align : center;
		padding : 10px 20px;
	}
		.collection .collection-item .delete i{
			font-size : 30px;
			line-height : 18px;
		}
.opteam_collection{
	position : relative;
	border : 1px solid #e0e0e0;
	border-radius : 2px;
}
	.opteam_collection .lines{
		position : relative;
		height : 83px;
		display : block;
	}
		.opteam_collection .lines:not(:last-child){
			border-bottom : 1px solid #e0e0e0;
		}
		.opteam_collection .lines .content{%;
			background-color : #FFFFFF;
			width : calc(100% - 70px);
			height : 100%;
			position : relative;
			padding : 10px 20px;
			float : left;
		}
		.opteam_collection .lines .delete{
			width : 70px;
			background-color : #F44336;
			height : 100%;
			z-index : 1;
			color : #FFFFFF;
			padding : 10px 20px;
			float : left;
			display : flex;
		}
			.opteam_collection .lines .delete i{
				margin : auto;
				font-size : 30px;
			}

/* ########################################################################################### */
/* ## LEAFLET ################################################################################ */
/* ########################################################################################### */

.leaflet-popup-content a:not(:last-child){
	margin-bottom : 13px;
	display : block;
}
.leaflet-popup-content b{
	width : 100%;
	text-align : center;
	display : block;
}

/* ########################################################################################### */
/* ## MATERIALIZE ############################################################################ */
/* ########################################################################################### */

.picker__weekday-display{
	background-color : #FFFFFF;
	color : #F44336;
	font-weight : bold;
}
.brand-logo.center{
	height : 100%;
}
	.brand-logo.center img{
		/*margin-top : 20%;*/
		height : 70%;
	}
nav .brand-logo.right{
	position : relative;
}
.side-nav .userView .circle, .side-nav .userView .name, .side-nav .userView .email{
	position : relative;
	z-index : 1;
}
.collapsible{
	margin : 0px;
}
.collapsible-body{
	background-color : #fcfcfc;
}
.side-nav li:first-child a{
	height : 176px;
	padding : 0px;
}

.btn-floating i{
	font-size : 1.4rem;
}
.side-nav {
	text-align: center;
}
.side-nav .userView .background{
	height : 176px;
	width : 100%;
	background-image : url(../img/wallpaper.jpg);
	background-size : cover;
	background-position : center center;
	z-index : 0;
	opacity : 0.8;
}
nav .brand-logo.center{
	font-family: "hacked", Arial, sans-serif;
}
nav .container{
	height : 100%;
}
#toast-container{
	right : initial;
	left : 50%;
	bottom : 7%;
	top : initial;
}
	#toast-container .toast{
		transform : translate(-50%, 0px);
		float : initial;
		text-align : center;
	}
.input-field.left p{
	text-align : left;
}
.dropdown-content{
	max-height : 500px;
}
.side-nav .divider{
	margin : 8px 0px;
}
.collection{
	margin : 0px;
}
	.collection .collection-item .fa.fa-map-o{
		color : red;
	}
.container{
	position : relative;
	z-index : 1;
}
.no_margin input, .no_margin textarea{
	margin-bottom : 0px!important;
}
.collapsible, .collapsible li.active .collapsible-body{
	float : left;
	width : 100%;
}
input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime]:disabled, input[type=datetime][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
	color : rgba(0,0,0,0.87);
	border-bottom : 1px solid #9e9e9e;
}
.select-wrapper input.select-dropdown:disabled{
	color : rgba(0,0,0,0.87);
}
.collection{
	overflow : visible;
}
#ContactListMobileOnly > div > div > div:nth-child(2) > form > div:nth-child(1) > div > label {
	color: #3E5B5F !important;
}
#ProspectMobileOnly label {color: #3E5B5F !important;}
#ContactPage input{color: #3E5B5F !important;}
#ContactListMobileOnly > div > div > div:nth-child(2) > form > div:nth-child(3) > div > span.select2.select2-container.select2-container--default > span.selection > span {
	background-color: transparent !important;
}

/* ########################################################################################### */
/* ## ANIMATIONS ############################################################################# */
/* ########################################################################################### */

@keyframes upload_file_animation{
  from {
    background-position : 0px 0px;
  }
  to{
    background-position : 200px 200px;
  }
}
@keyframes project_file_delete{
	0%{
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25%{
		-ms-transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
		transform: rotate(-2deg);
	}
	50%{
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	75%{
		-ms-transform: rotate(2deg);
		-webkit-transform: rotate(2deg);
		transform: rotate(2deg);
	}
	100%{
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@-webkit-keyframes hupfhupf {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  33% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  66%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes hupfhupf {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  33% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  66%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

/* ########################################################################################### */
/* ## FONTS ################################################################################## */
/* ########################################################################################### */

@font-face{
    font-family : "hacked";
    src: url('../font/hacked/hacked.ttf');
}

/* ########################################################################################### */
/* ## GOOGLE ANIMATION ####################################################################### */
/* ########################################################################################### */

.google_loader {
  position : relative;
  display : block;
  text-align : center;
  height : 100px;
  width : 100px;
	margin-left : auto;
	margin-right : auto;
}
	.google_loading:not(.loading) .google_loader {
		display : none;
	}
.google_loader .ani {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80px;
  height: 80px;
  left: 50%;
  margin-left: -40px;
  top: 50%;
  margin-top: -40px;
}
.google_loader span {
  display: block;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}
.google_loader span:nth-child(1) {
  -webkit-animation: hupfhupf 1s ease-in-out infinite;
          animation: hupfhupf 1s ease-in-out infinite;
  background: #ea4335;
}
.google_loader span:nth-child(2) {
  -webkit-animation: hupfhupf 1s ease-in-out 0.25s infinite;
          animation: hupfhupf 1s ease-in-out 0.25s infinite;
  background: #fbbc05;
}
.google_loader span:nth-child(3) {
  -webkit-animation: hupfhupf 1s ease-in-out 0.5s infinite;
          animation: hupfhupf 1s ease-in-out 0.5s infinite;
	background: #34a853;
}
.google_loader span:nth-child(4) {
  -webkit-animation: hupfhupf 1s ease-in-out 0.75s infinite;
          animation: hupfhupf 1s ease-in-out 0.75s infinite;
  background: #4285f4;
}

.margintop{
	margin-top: 10vh;
}
.margintop10 {
	margin-top: 20px;
}
.lineheight{
	line-height: 1em;
	word-break: break-word;
}
.paddingleft{
	padding-left: 2em;
}
.paddingright{
	padding-right: 2em;
}

.loader{
	margin: 0 0 2em;
	height: 100px;
	width: 20%;
	text-align: center;
	padding: 1em;
	margin: 0 auto 1em;
	display: inline-block;
	vertical-align: top;
}

/*
  Set the color of the icon
*/
svg path,
svg rect{
	fill: #FF6700;
}


.circle{
	width: 90px;
	height: 90px;
}

.centerphoto {
	margin-left: auto;
	margin-right: auto;
}

.userView{
	padding-top: 8%;
	padding-bottom: 2%;
	color: #ffffff;
}

.infouser p{
	margin: 0.5em;
}

.bold{
	font-weight: bold;
}

.regular { font-weight: 400;}

.italic{
	font-style: italic;
	font-weight: 300;
}

.namesociety{
	color: #7ED3FF;
}
.blueMenu{
	color: #7ED3FF !important;
}
.centerhr{
	width: 80%;
}
.menulink{
	padding-top: 2%;
	padding-bottom: 2%;
}
.menulink a{
	font-size: 18px;
	color: #ffffff;
}
.menulink ul{
	margin: 0;
}
.menulink ul:not(#nav-mobile):not(.side-nav) li{
	margin: 5px ;
}
.greencrm {
	color: #D0FCB3;
}

.medium {
	font-weight: 500;
}

.bold {
	font-weight: 700;
}
.fontSize14{font-size: 14px;}
.fontSize15{font-size: 15px;}
.fontSize16{font-size: 16px;}
.fontSize18{font-size: 18px;}
.fontSize20{font-size: 20px;}
.fontSize22{font-size: 22px;}
.fontSize24{font-size: 24px;}
.fontSize26{font-size: 26px;}
.lucy{
	position: absolute;
	right: 2%;
	top: 2%;
}
.alignVerticalIcon {
	transform: translateY(-5px);
}

#logoLucy{
	height: -webkit-fill-available;
	padding: 8px;
}
#ContactPage > div.white > div:nth-child(2) > div > div.col.l8.m8.s12 > div:nth-child(4) > div:nth-child(2) > div > input{
	margin: 0;
}
header .bottommenu p a{
	color: #D0FCB3;
	margin: 2px;
	padding: 0;
}


.btn {
	background-color: #3E5B5F;
}
.btn:hover{
	background-color: #3E5B5F;
}
.dropdown-content li>a, .dropdown-content li>span {
	color: #3E5B5F;
}
[type="checkbox"]:checked+label:before{
	border-right: 2px solid #3E5B5F;
	border-bottom: 2px solid #3E5B5F;
}

input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
	border-bottom: 1px solid #3E5B5F;
	box-shadow: 0 1px 0 0 #3E5B5F;
}
.bluetitle{color: #7ED3FF;}
.titlehead{padding-left: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 26px !important;}
.nametitlecard{padding: 0 !important;}
.arround {border-radius: 5px;}
.whiteBorder{border: white 2px solid;}
.lightgreen{color: #4DAB10 !important;}
.bgLightGreen{background-color: #4DAB10 !important;}
.hrLightGreen{border-color: #4DAB10 !important;}
.border1px{border: 1px solid}
.bgLightGreenLogin{background-color: #D0FCB3 !important;}
.darkbluemessage{color: #3E5B5F !important;}
.darkblue{color: #3E5B5F !important;}
.inline{background-color: #ffffff !important;}
.bgwhite{background-color: #ffffff;}
.bgYellow{background-color: #FFC107; }
.bgdarkblue{background-color: #3E5B5F;}
#meteo{padding: 0; border-radius: 5px; overflow: hidden}
#meteoPart{margin-top: 4px;}
#meteo2{margin-left: 1px !important;}
.pixel{height: 59px;}
.vMeteoAlign{margin-top: 20% !important}
#temperature{height: 100%; display: table-footer-group; transform: translate(10px,5px)}
.home_desktop label{color: #ffffff !important;}
#adminPage label{color: black !important;}
#add_list > div > div.row > div:nth-child(2) > div > div > input { border-bottom-color: #3E5B5F; color: #3E5B5F;}
.select2-results__option li{font-size: 16px;}
#testModal > div > form > div > div > label { color: #3E5B5F !important;}
.home_desktop .card-content { border-radius: 0 0 5px 5px;}
#createCampagne label { color: #3E5B5F !important;}
#ProfileMobilePart label,#ProfileMobilePart input { color: #3E5B5F !important;}
#createCampagne > div > div.card-content.white > div > form > div:nth-child(5) > p > label > input[type=checkbox] {
	position: inherit;
	left: inherit;
	opacity: inherit;
}
#createCampagne input[type=number]:disabled {
	color: gray;
	background-color: #f0f0f080;
}
#add_list.active {
	z-index: 9999;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(62,91,95,0.95);
	padding-top: 10px;
	padding-left: 10px;
}
#add_list {
	display: none;
}

.campagne_top{
	width : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
	background-color : #fcfcfc;
	padding : 10px;
	z-index : 2;
}

.campagne_bottom{
	height : calc(100% - 110px) !important;
	width : 100%;
	position : absolute;
	bottom : 0;
	left : 0;
	background-color : #fcfcfc;
	list-style-type : none;
	padding : 10px;
	z-index : 1;
	overflow : auto;
}
.campagne_bottom .collection-item {
	height : 43px;
}

#modded .progress {
	min-height: 36px;
	overflow: hidden;
	position: relative;
}
#modded .progress.multi .determinate {
	float: left;
}
#modded .progress span {
	position: relative;
	float: left;
	color: #fff;
	padding: 8px;
	z-index: 99999;
}
#modded .progress span i {
	width: inherit;
	font-size: inherit;
	position: relative;
	top: 2px;
	margin-left: 8px;
}
#modded .progress .determinate {
	width: 0;
	-webkit-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;
	padding: 8px;
	position: relative;
	color: #fff;
	text-align: right;
	white-space: nowrap;
	display: block;
	left: 0;
}
#modded ul.collapsible {
	padding: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
#modded ul.collapsible li {
	margin-bottom: 14px;
}
#modded ul.collapsible .collapsible-header {
	padding: 0;
	border-bottom: 0;
}
#modded ul.collapsible .collapsible-header label {
	min-height: 36px;
	max-height: 36px;
	line-height: 36px;
	min-width: 72px;
	position: relative;
	left: -1em;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#modded ul.collapsible .collapsible-header label:nth-of-type(2) {
	left: 1em;
	text-align: left;
}
#modded ul.collapsible .collapsible-header .progress {
	margin: 0;
	border-radius: 0;
}
#modded ul.collapsible .collapsible-body {
	padding: 16px;
	box-shadow: rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px, rgba(0, 0, 0, 0.117647) 0px 3px 1px -2px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
}

@-webkit-keyframes grow {
	from {
		width: 0;
	}
}

@keyframes grow {
	from {
		width: 0;
	}
}

.widthauto{width: auto !important;}
#leftmenu{
	overflow-y: scroll !important;

}
#leftmenu::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: transparent;
}

#leftmenu::-webkit-scrollbar
{
	width: 12px;
	background-color: transparent;
}

#leftmenu::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: transparent;
}
.white-text{color : white;}
.no_marginTitle{margin: 0!important;}
::-webkit-scrollbar {
	width: 0px;  /* Remove scrollbar space */
	background: transparent;  /* Optional: just make scrollbar invisible */
}
.valigncenter{vertical-align: middle;}
.card{box-shadow: 0 2px 5px rgba(0,0,0,0.06) !important;}
.margin50px{margin: 0 25px;}
.marginbottom12px{margin-bottom: 12px;}
.checkbox-green[type="checkbox"].filled-in:checked + label:after{
	border: 2px solid #4DAB10 !important;
	background-color: #4DAB10 !important;
}
.checkbox-green[type="checkbox"].filled-in:not(:checked)+label:after{
	border: 2px solid #4DAB10 !important;
}
.uppercase{text-transform: uppercase;}
.margin10px{margin: 0 10px;}
.no-shadow{box-shadow: unset;}
.absCenter{height: 455px; max-width: 526px; width: 90%;}
.block403{transform: translateY(35%);}
.centerLogin{margin: 0 auto; display: block; position: absolute; top: 50%;left:50%; transform: translate(-50%,-50%); padding: 28px 28px 0 28px;}
.inputLogin{text-align: center!important; color: white}
#email{border-bottom: 1px solid white;}
#LoginFormMobile #email {border-bottom: none !important;}
#LoginFormMobile #icon_lock {border-bottom: none !important;}
.inputLogin > .input-field label.active { transform: translate(50%,-140%); right: 50%}
.test{transform: translateX(50%);right: 50%}
.test2{width: 100% !important;}
.white-text.test.test2.active{width: auto !important;}
#icon_lock{border-bottom: 1px solid white;}
.LightGreenLogin{color: #D0FCB3;}
.no_margin{margin: 0 !important;}
.no_padding{padding: 0 !important;}
.logoLogin{display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; margin-bottom: 20px;}
.bgGrey{background-color: #708D91 !important;}
#Profile label{color: #3E5B5F !important;}
#ContactPage label{color: #3E5B5F !important;}
#ContactPageMobileOnly label { color: #3E5B5F !important;}
#ContactPageMobileOnly input { color: #3E5B5F !important;}
#Profile > div > div:nth-child(4) > div.input-field.col.l12 > div > input {margin-bottom: 0;}
.vCenter{display: block; position: absolute; top: 50%; transform: translateY(-50%);}
.profilPicture{width: 157px; height: 157px;}
.ftLight{ font-weight: 300;}
.filterPart{background-color: #EDF3F3;}
#contentNoPadding{padding: 0 !important;}
#contentNoPadding label{color: #3E5B5F !important;}
.blueList{color: #4A98C1;}
.testProspect{line-height: 45px; vertical-align: text-bottom ;margin: 0 30px !important;}
.rowCustom{display: block;height: auto; width: 100%;}
#ListProspect ul,ol{margin: 0 !important; padding: 0;}
.TestCustom ul{
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	background-color: #333333;
}


.TestCustom li{
	float: left !important;
	display: block !important;
	text-align: center !important;
	padding: 0 30px !important;
	text-decoration: none !important;
	margin: 0 !important;
	line-height: 38px !important;
}
.last{float: right !important;}
.first{padding-left: 0 !important;}
#ListProspect td{padding: 0 5px;}
#tableListContact table {
	border-collapse: separate;
	border-spacing: 0 15px;
}

#tableListContact td {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}
#tableListReporting table {
	border-collapse: separate;
	border-spacing: 0 15px;
}
#tableListReporting td {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.vanish{display: table-cell;}

#ContactPage .row{ margin-bottom: 10px !important;}
.bgLightGrey {background-color: #EDF3F3 !important;}
.GreyTxt{color: #708D91 !important;}
.relative{position: relative !important;}
.trash{position: absolute; top:-10px; right: -6px; z-index: 99;}
.blue-grey.darken-1{
	background-color: #5F939A !important;
}

#MapNoMargin { margin: 0 !important; padding: 0 !important;}
.modulePlusHeaderCard{
	display: inline-block !important;
	height: 54px !important;
	width: 54px !important;
	background-color: #3333 !important;
	border-radius: 0 5px 0 0 !important;
}
#reportingListFilterPart .select-wrapper input.select-dropdown {
	margin-bottom: 0 !important;
}
#reportingListFilterPart{
	padding-bottom: 10px;
}
#campagneListFilterPart .select-wrapper input.select-dropdown {
	margin-bottom: 0 !important;
}
#campagneListFilterPart{
	padding-bottom: 10px;
}
#adminAccordeon{
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	margin : 0 !important;
	box-shadow: unset !important;
}
/*#adminAccordeon .collapsible-body{margin: 20px 0 !important;}*/
#tableAdminUser thead{border: 0 !important;}
#tableAdminUser table {
	border-collapse: separate;
	border-spacing: 0 15px;
}
#tableAdminUser td {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}
#reportingUpdate input:disabled{
	background-color: #EFF0F1 !important;
	cursor:  not-allowed;
}
#reportingUpdate2 input:disabled{
	cursor:  not-allowed;
}


#insideMenu .input-field label {
	pointer-events: auto;
}
#insideMenu #map_1{
	position: unset !important;
	left: unset !important;
	opacity: unset !important;
}
#insideMenu #map_2{
	position: unset !important;
	left: unset !important;
	opacity: unset !important;
}

.invisibleFilter{
	display: none;
	transition: 0.5s;
}
#filterPartProspectBorder{
	border-bottom: 1px solid #708D91;
}

#mobileFilterPart{
	margin-bottom: 0;
}

#calendar .fc-scroller.fc-day-grid-container{
	margin-bottom: unset !important;
}
.inlineBlock{
	display: inline-block;
}
#date{height: 100%; transform: translate(0px,10px)}
input:-webkit-autofill {
	background-color: transparent !important;
}
.dpNone{
	display: none;
	transition: 0.5s;
}

#Profile > div:nth-child(1) > div:nth-child(3) > div.input-field.col.l12 > div > input{margin-bottom: 0;}
#ToDoList label{color: white !important;}
#ToDoListTable label{color: black !important;}
.btnIndexPrincipal{
	/*padding-top: 7%;*/
	/*padding-bottom: 7%;*/
	/*width: 40%;*/
	height: 158px;
	width: 158px;
}
.btnText{font-size: 14px; color: white; text-transform: initial !important;}
.titleHeadPart{width: 100%; background-color: rgba(255, 255, 255, 0.35); border-radius: 5px 5px 0 0; padding-top: 16px; padding-bottom: 16px; text-align: center; margin-bottom: 26px !important; display: block}
.capitalize{text-transform: uppercase}
.mobilePadding{padding: 0 2.5rem !important; }
.googleCalendarRdv {padding: 3px 0; margin: 0 !important;}
.marginMobilePart{margin-bottom: 10% !important;}
#selectListLabel{color: #3E5B5F !important; }
.testBtnMobile{display: inline-block; width: 42.5%; border-radius: 5px; background-color: #3E5B5F; padding: 10px;}
#mobilereportingUpdate label {
	color : #3E5B5F !important;
}
.mobileLoginCenter{
	text-align: center;
	margin: 0 auto;
	width: 100%;
	transform: translate(0,12%);
}
.mobileMargin{
	margin: 0 30px;
	margin-bottom: 10px;
}
#LoginFormMobile input[type=email]:focus:not([readonly]),#LoginFormMobile input[type=password]:focus:not([readonly]){
	box-shadow: none !important;
}
#LoginFormMobile label.active {
	display: none;
}

.sideRemove{
	margin: 0 30px;
}
.homeBlock{
	width: 48%;
	margin-right: 4%;
	background-color: white;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(46,74,117,0.5);
	-moz-box-shadow: 0px 3px 6px 0px rgba(46,74,117,0.5);
	box-shadow: 0px 3px 6px 0px rgba(46,74,117,0.5);
}
.homeBlock:nth-child(2){margin-right: 0}
.homeBlock:nth-child(4){margin-right: 0}
.homeBlock:nth-child(6){margin-right: 0}
.bottomMenuDiv{
	width: calc(100%/3);
	display: inline-block;
}
footer.page-footer{
	padding-top: 0 !important;
	margin-top: 0;
	background-color: #5F939A;
	min-height: 50px;
	z-index: 500;
	/*background: linear-gradient(0deg, rgba(141,219,241,1) 60%, rgba(255,255,255,0) 100%);*/
}
.leaflet-control {z-index: 499 !important;}
.leaflet-top, .leaflet-bottom {z-index: 499 !important;}
.centerAlignFooter {transform: translateY(25%);}
.centerAlignFooterHome{transform: translateY(50%);}
.centerAlignFooterOther{transform: translateY(40%);}
.alignCenterFooterMenu {transform: translateY(-16%) !important;}

.noMarginBottom{margin-bottom: 0 !important;}
.bottomMenuDivSpecial{margin-right: -1px; border-right: 1px}
.bottomMenuDiv:nth-child(3n){border-right:none;}
.boxButton{
	position: relative;
	padding-top: 48% !important;
	width: 48% !important;
	margin-right: 4%;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.10);
	background-color: white;
	margin-bottom: 4% !important;
}
.TestCenterButton{position: absolute; top: 50%;left: 0; right: 0; bottom: 0; transform: translateY(-50%); width: 100%;}
.boxButton:nth-child(2){margin-right: 0}
.page-footer{bottom: 0; position: fixed; width: 100%;}
.marginImg{margin-bottom: 20px; margin-top: 20px;}
.circle2{border-radius: 50%;}
.appearNewMenu{ fill: #ffffff !important; }
.testCircleSVG{ border-radius: 50%; border: 1px solid #ffffff; height: auto; width: 20%}
.SVGCenter{height: 20% !important; width: 20% !important;}
.diseapear{transform:translate(9999px); opacity: 0; height: 0; display: none}
.activeBlock{transition: opacity .5s linear; transform: translate(0); opacity: 1; display: block}

/*POPUP*/
#add_prospect{display: none}
#add_prospect.active{
	overflow-y: scroll;
	display: block;
	position: absolute;
	top:0;
	right: 0;
	z-index: 700;
	background-color: rgba(62,91,95,0.95);
	height: 100%;
	width: 100%;
	padding: 3%;
}
#add_reporting{display: none}
#add_reporting.active{
	overflow-y: scroll;
	display: block;
	position: absolute;
	top:0;
	right: 0;
	z-index: 700;
	background-color: rgba(62,91,95,0.95);
	height: 100%;
	width: 100%;
	padding: 3%;}
#add_meeting {display: none;}
#add_meeting.active{
	overflow-y: scroll;
	display: block;
	position: absolute;
	top:0;
	right: 0;
	z-index: 700;
	background-color: rgba(62,91,95,0.95);
	height: 100%;
	width: 100%;
	padding: 3%;
}
#add_call {display: none;}
#add_call.active{
	overflow-y: scroll;
	display: block;
	position: absolute;
	top:0;
	right: 0;
	z-index: 700;
	background-color: rgba(62,91,95,0.95);
	height: 100%;
	width: 100%;
	padding: 3%;
}
#add_event {display: none;}
#add_event.active {
	overflow-y: scroll;
	display: block;
	position: absolute;
	top:0;
	right: 0;
	z-index: 700;
	background-color: rgba(62,91,95,0.95);
	height: 100%;
	width: 100%;
	padding: 3%;
}
.mobileOnly{padding-left: 20px;padding-right: 20px}
.card-title{padding-left: 25px !important;}
#statisticModule {
	padding-left: 25px;
	padding-right: 27px;
}

#statisticModule .row .col {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#statisticModule {font-size: 18px !important;}
.no_paddingLeft {
	padding-left: 0 !important;
}
#ReportingModule {
	padding-left: 25px !important;
	padding-right: 27px !important;
}
#MeetingModule {
	padding-left: 25px !important;
	padding-right: 27px !important;
}
#menuPlus{
	margin-top: 20px;
	margin-bottom: 0;
}

#ContactPageMobileOnly > div > div:nth-child(2) > div:nth-child(11) > div > input { margin-bottom: 0 !important;}

#inputmeteo::placeholder {
	color: white;
	font-size: 26px;
}
.mobileLabel {
	color: #3E5B5F !important;
}

#inputmeteo {
	box-shadow: none;
	font-size: 26px;
}

.filtreSearchBtn {
	background-color: transparent !important;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #3E5B5F !important;
	color: #3E5B5F;
	font-size: 16px;
}

.activeFilter{
	opacity: 1;
	height: auto;
	width: auto;
	transition: display 2s;
	display: block;
}
.disableFilter{
	display: none;
	opacity: 0;
	height: 0;
	width: 0;
	transition: display 2s;
}

.contactBox {
	background-color: white;
	border-radius: 5px;
	box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.10);
	margin: 4px 0;
	min-height: 59px;
	padding: 10px 13px;
}
.contactBox p {
	line-height: 1.2em !important;
}
#actionCampagne::placeholder {
	color: #3E5B5F;
}

.ContentMobile { margin-bottom: 60px;}
.MarginBottomMobile { margin-bottom: 60px;}
.menuHome {
	border-radius: 5px 0 0 5px;
}
.testMenuHome {
	padding: 15px 20px;
	position: absolute;
	bottom: 5%;
	right: 0;
	max-height: 60px;
	display: inline-block;
	z-index: 2;
	border-radius: 5px 0 0 5px;
	background-color: #3E5B5F;
	transform: translateX(80%) !important;
	transition: all .4s ease
}
.footerFirstPart {
	margin: 0;
	padding-bottom: 12px;
}
.subMenu {
	display: inline-block;
}
.iconMenu {
	margin-left: 21px;
}
.menuIconPlus {
	height: 21px;
	width: 30px;
}
.activeMenu {
	transform: translateX(0) !important;
	transition: all .4s ease;
}

.blueIconMenu{
	color: #7ED3FF !important;
}
#add_call label{color: white !important;}
#add_call input, #add_call textarea{color: white !important;}
#add_prospect label, #add_prospect input.select-dropdown {color: white !important;}
.selectDisplayNone>.select-wrapper input.select-dropdown { display: none !important;}
.select2-container--default .select2-selection--multiple {background-color: transparent !important;}
.input-field input[type=search]:focus {background-color: transparent !important;}
ul:not(#nav-mobile):not(.side-nav) li {margin: 0.5em 0;}
.borderHrDetailCampagne {border-top: 1px solid white;}
.lineheightBtn {line-height: inherit !important;}
#btnUploadCard { height: fit-content !important;}
.updateBtn {line-height: 20px; padding-bottom: 7px; padding-top: 7px;}
/* Absolute Center Spinner */
.loadingSpinner {
	position: fixed;
	z-index: 999 !important;
	height: 2em;
	width: 2em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Transparent Overlay */
.loadingSpinner:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loadingSpinner:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.loadingSpinner:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgb(95, 147, 154) 1.5em 0 0 0, rgb(95, 147, 154) 1.1em 1.1em 0 0, rgb(95, 147, 154) 0 1.5em 0 0, rgb(95, 147, 154) -1.1em 1.1em 0 0, rgb(95, 147, 154) -1.5em 0 0 0, rgb(95, 147, 154) -1.1em -1.1em 0 0, rgb(95, 147, 154) 0 -1.5em 0 0, rgb(95, 147, 154) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.home_desktop #calendar2 {
	z-index: 1;
}
#calendar2 .fc-view-container > div > table > tbody > tr > td > div {margin-bottom: 0 !important;}

#calendar2 > div.fc-toolbar.fc-header-toolbar > div.fc-right {
	display: block !important;
}
#calendar2 > div.fc-toolbar.fc-header-toolbar > div.fc-center {
	display: block !important;
}
#calendar2 > div.fc-toolbar.fc-header-toolbar > div.fc-left {
	display: block !important;
}
#calendar2 .fc-left {
	position: relative !important;
	margin-bottom: 20px;
}
#calendar2 > div.fc-toolbar.fc-header-toolbar > div.fc-left > h2 {
	margin-top: 0 !important;
}
.heightcard{height: 54px;}
.translate {transform: translateY(-10%);}
.plusAdd {font-size: xx-large; transform: translateY(-4%);}

#calendar2.fc-unthemed #calendar2.fc-content, #calendar2.fc-unthemed #calendar2.fc-divider, #calendar2.fc-unthemed #calendar2.fc-list-heading td, #calendar2.fc-unthemed #calendar2.fc-list-view, #calendar2.fc-unthemed #calendar2.fc-popover, #calendar2.fc-unthemed #calendar2.fc-row, #calendar2.fc-unthemed tbody, #calendar2.fc-unthemed td, #calendar2.fc-unthemed th, #calendar2.fc-unthemed thead {border-color: white !important;}