/**********/
/* GLOBAL */
/**********/
	*:focus{
		outline: none !important;
		box-shadow: none !important;
	}

	html {
	  overflow-y: scroll;
	}

	section{
		padding-top: 100px;
		padding-bottom: 100px;
	}

	table{
		width: 100%;
	}

	.border-table thead th{
		background-color: #DDD;
	}

	#pack_pub #infos_pack h3{
		margin-top: 60px;
	}

	section:not(#pack_pub) .notification_list tbody tr > td:last-child{
		border: none;
	}

	.notification_list{
		margin-top: 40px;
	}

	#KZ_validation_table{
	    max-height: 500px;
	    overflow: auto;
	    display: block;
	}

	.border-table tbody td, .border-table thead th{
		border: solid 1px #000;
		padding: 4px;
	}

	img{
		max-width: 100%;
	}

	h1{
		text-align: center;
	}

	h2{
		margin-bottom: 20px;
	}

	h3{
		margin-top: 40px;
	}


	#nav{
	    background-color: #212529;
	    position: fixed;
	    height: 100%;
	    z-index: 100;
		width: 15%;
	}

	#nav ul{
	    padding: 0;
	    margin: auto;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    max-width: 1440px;
	}

	#nav a li{
		display: inline-block;
		position: relative;
	    text-align: left;
	    color: #FFF;
		border-radius: 5px;
		width: 80%;
		margin-left: 20%;
		height: 50px;
		line-height: 50px;
		padding-left: 30px;
	}

	#nav ul li{
	    width: 80%;
		margin-left: 20%;
		display: inline-block;
		position: relative;
	    text-align: left;
	    color: #FFF;
		border-radius: 5px;
		height: 50px;
		line-height: 50px;
		padding-left: 30px;
		margin-bottom: 10px;
	}

	.dropdown{
		width: 100%;
	}

	.dropdown:hover{
		font-weight: bold;
	}

	.logo-nav-img{
		width: 60%;
		margin-left: 13%;
		margin-top: 8%;
	}

	#nav .nav-logo{
		height: 130px !important;
		width: 100%;
		margin: auto;
	}

	#nav .nav-logo:hover{
		height: 100px;
		width: 100%;
		margin: auto;
		background-color: #212529;
	}

	#nav li a{
		color: #FFF;
		text-decoration: none;
	}

	#nav li:hover{
		background-color: #42a29c;
	}


	#nav ul ul{ 
	    position: absolute;
	    background-color: #42a29c;
	    top: 23px;
	    width: 200%;
	    display: none;
		padding: 0px;
	    left: 50%;
		border-radius: 5px;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    transform: translateX(23%) translateY(-13%);
	}

	#nav ul >li:nth-child(2):hover ul{ 
		display: block;
	}

	#nav ul ul li{ 
		width: 90%;
		text-align: left;
		margin-left: 10px;
	}

	#nav ul ul li:hover{
		font-weight: bold;
	}

	.commercial-container{
		margin-right: 0%;
		display: flex;
		/* align-items: flex-start */
	}

	.hello-bold{
		font-weight: bold;
		margin-left: 50px;
	}

	.big-numbers{
		color: #f5cb1d;
	}

	.chiffres{
		text-align: center;
		font-size: 45px;
		font-weight: bold;
	}

	.first-chiffre{
		margin-top: 25px;
	}

	.second-chiffre{
		margin-top: 25px;
	}

	.white-cells{
		background-color: white;
	}

	@media only screen and (max-width:  1600px){
		#nav a li{
			width: 100%;
			margin-left: 0%;
		}
	
		#nav ul li{
			width: 100%;
			margin-left: 0%;
		}
		.second-chiffre{
			margin-top: 0px;
		}
	}

	.bold{
		font-weight: bold;
	}

	.page-content{
		padding-bottom: 80px;
	}

	.listing-content{
		padding-top: 80px;
	}



	.fg--search {
		background: white;
		position: relative;
	  }
	  
	  .fg--search input {
		width: 100%;
		padding: 0px 60px 0px 0px;
		display: block;
	  }
	  
	  .fg--search button {
		background: transparent;
		border: none;
		cursor: pointer;
		display: inline-block;

		position: absolute;
		top: 0;
		right: 0;
		padding: 5px 20px;
		z-index: 2;
	  }
	  
	  .fg--search input:focus + button .fa-search {
		color: red;
	  }






	.commercial-body{
		background-color: #f5f2f2;
	}

	.commercial{
		padding-top: 40px;
	}

	.commercial section{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	input{
		width: 100%;
	}

	.tr_modification td{
		background-color: rgba(200,200,200, .7) !important;
	}

	td[contenteditable="true"]{
		position: relative;
	}

	td[contenteditable="true"]:focus:before{
	    content: '';
	    position: absolute;
	    width: 99%;
	    height: 99%;
	    left: 0.5%;
	    top: 0.5%;
	    border: solid 1px red;
	    pointer-events: none;
	}

	.table-mod-pack th, .table-mod-pack tbody tr td{
		width: 30%;
	    border: solid 0.1px;
	    padding: 7px 12px;
	    position: relative;
	}

	.table-mod-pack .delete_custom_val{
	    width: 10%;
	    text-align: center;
	}

	.confirm, .cancel, 
	.tr_modification .del_action, .tr_modification .mod_action{
		display: none;
	}


	.tr_modification .confirm, .tr_modification .cancel{
		display: block;
		padding: 0;
		text-align: center;
	}

	.screen_capture_url{
		text-align: center;
	}

	.tr_modification .screen_capture_url:hover{
		cursor: pointer;
	}

	.pdf_add{
		text-wrap: initial;
	}

	.delete-pack{
	    position: absolute;
	    font-size: 22px;
	    top: 27px;
	    right: -15px;
    	color: #000;
	}

	.chevron-down{
	    -webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    transform: rotate(90deg);
	    display: inline-block;
	    margin: 0 10px;
	}

	textarea{
	    width: 100%;
	    min-height: 100px;
	}

	.disabled{
	    cursor: default;
	    background-color: #EEE;
	    color: #777;
	    border-color: #AAA;
	    opacity: 0.7;
	    pointer-events: none;
	}

	.noselect{
	   cursor: default;
	   -webkit-user-select: none;
	   -webkit-touch-callout: none;
	   -khtml-user-select: none;
	   -moz-user-select: none;
	   -ms-user-select: none;
	   -o-user-select: none;
	}


	.start_reservation, .end_reservation, .tab-manager > li, .fa-pencil, .close-span-modal:before, 
	i.fa, .deployment, .diffusion span, .delete_custom_val, .del-custom-data{
		cursor: pointer;
	}

	.rotation{
	    -webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    transform: rotate(180deg);
	}

	.error-404 h2{
		font-size: 40px;
		text-align: center;
		padding-top: 150px;
	}
	
	#suivi_filters option{
		font-weight: bold;
	}

	.quick-actions{
		width: 99%;
		background: #455a64;
		color: white;
		border-radius: 10px;
		padding: 20px;
		margin-bottom: 25px;
	}

	.suivi_activite{
		width: 99%;
		background-color: white;
		border-radius: 10px;
		border: solid;
		border-color: #c9c8c8;
		border-radius: 10px;
		border-width: 1px;
		padding-top: 20px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 25px;
	}

	.suivi_list_commercial_arrows{
		margin-top: 10px;
	}

	.quick-actions h3{
		margin-top: 0px;
		margin-bottom: 15px;
	}

	.no-margin-top{
		margin-top: 0px;
	}

	.centered_icon{
		text-align: center;
		padding-bottom: 500px;
	}

	th{
		text-align: center;
	}

	table.listing{
		border: solid 1px #000;
		margin-top: 40px !important;
	}

	table table{
		border: none;
		margin-top: 0 !important;
	}

	table.sub-table table.sub-table tr td{
		background-color: #F7F7F7;
	}

	table.listing.dataTable.display tbody tr, 
	table.listing.dataTable.display tbody tr td.sorting_1{
		background-color: #FFF;
	}

	table.listing.dataTable.display tbody tr.deployment, 
	table.listing.dataTable.display tbody tr.deployment td.sorting_1, 
	#pub_campagne_list tbody .deployable,
	#pub_zone_list tbody .deployable{
		background-color: #F0F0F0;
	}

	table.listing.dataTable.display tbody tr.deployment ~ tr.no-sort tr.deployment{
		background-color: #E0E0E0;
	}

	table.listing tr:hover > td{
		background-color: #D0D0D0 !important;
	}

	input[type=checkbox], input[type=radio]{
		width: auto;
	}

	select{
		width: 100%;
	}

	.login-logo{
		display: block;
		margin: 0 auto 70px;
	    width: 380px;
	    padding-left: 50px;
	}

	.header-logo{
	    margin: auto;
	    display: block;
	    height: 40px;
	}

	.btn{
	    color: #fff !important;
	    display: block;
	    padding: 5px;
	    margin: 18px 0;
	    font-size: 18px;
	    transition-duration: .33s;
	    background-color: #455a64;
	    border: solid 2px #455a64;
	}

	.form-result{
	    margin: 20px 10px 10px;
	    padding: 5px 10px;
	    border-radius: 4px;
	}

	.icon_info{
		position: relative;
		width: fit-content;
	}

	.icon_info p{
	    position: absolute;
	    display: block;
	    white-space: nowrap;
	    bottom: 9px;
	    left: 0;
	    background-color: #FFF;
	    border: 1px solid;
	    padding: 5px 10px;
	    border-radius: 4px;
	    font-weight: 400;
	    font-size:16px;
	}

	.icon_info p:before{
		content: '';
	    padding-top: 0px;
	    position: absolute;
	    top: 100%;
	    left: 4px;
	    border-width: 10px 8px 0px 0px;
	    border-style: solid;
	    border-color: #000 transparent;
	    display: block;
	    width: 0;
	}


	.icon_info p:after{
		content: '';
	    padding-top: 0px;
	    position: absolute;
	    top: calc(100% - 2px);
	    left: 5px;
	    border-width: 10px 8px 0px 0px;
	    border-style: solid;
	    border-color: #FFF transparent;
	    display: block;
	    width: 0;
	}

	.statut.icon_info p{
	    left: 0;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	}

	.statut.icon_info p:before, .statut.icon_info p:after{
	    left: 55%;
	}

	.attention-icon{
		position: absolute;
		right: 30px;
		top: 30px;
		font-size: 50px;
	}

	.center{
		text-align: center;
	}

	.big-angle{
		font-size: 40px;
		margin-bottom: 9px;
	}

	.table-echeance{
		width:100%; 
		line-height: 40px;
		margin-bottom: 30px;
	}

	.pack-box{
		position: relative;
		padding-left: 2%;
		padding-right: 2%;
		width: 50%;
		background-color: white;
		border: solid;
		border-color: #c9c8c8;
		border-radius: 10px;
		border-width: 1px;
		margin-right: 1%;
		flex-grow: 1;
		/* height: 300px; */
	}

	.subtext{
		font-size: 20px;
	}
	
	.warning-box{
		flex-grow: 2;
		background-color: #f5cb1d !important;
		border-color: #f5cb1d;
	}

	.commercial-button{
		background-color: #f5cb1d;
		color: #455a64 !important;
		border-radius: 5px;
		width: 80%;
		margin-bottom: 10px !important;
	}

	.row-commercial{
		width: 98%;
	}

	.row-commercial p{
		text-align: center;
	}

	#infos_pack > div{
		padding-bottom: 70px;
		border-bottom: 1px solid #e5e5e5;
	}

	#infos_pack > div:last-child{
		border-bottom: none;
	}

	#chart_structs_container,#chart_separate_container,#chart_isclient_container,#chart_type_container{
		display: none;
	}
	#chart_structs_container.visible,#chart_separate_container.visible,#chart_isclient_container.visible,#chart_type_container.visible{
		display: flex;
	}

	#chart{
		min-height: 250px;
	}
	
	canvas {
	  border: 1px dotted red;
	}

	.chart-container {
	  position: relative;
	  margin: auto;
	  height: 80vh;
	  width: 80vw;
	}

	.contact-nb-cont{
		margin-bottom: 60px;
	}

	.page-content .container{
		margin-left: 17%;
	}

	.commercial .container{
		margin-left: 15%;
	}

	.close-modal .container{
		margin-left: 0%;
	}

	.container-commercial-big{
		margin-left: 15%;
		margin-top: 0px;
		padding-top: 0px;
	}

	@media all and (min-width:  1600px){
		.container{
			max-width: 1500px;
		}
	}

/*********/
/* MODAL */
/*********/
	/* The Modal (background) */
	.close-modal {
		visibility: hidden; /* Hidden by default */
		opacity: 0; 
		position: fixed; /* Stay in place */
    	z-index: 1000;
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

		transition-duration: 0.5s;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	/* Modal Content/Box */
	.close-modal-content {
		width: 94%;
		/*max-height: 95%;*/
		max-height: 100vh;
		overflow: auto; /* Enable scroll if needed */
		background-color: #fefefe;
		margin: 0px auto;
		border: 1px solid #888; 
		max-width: 900px;
		border-radius: 3px;

		transition-duration: 0.5s;

	    position: absolute;
	    left: 50%;
	    top: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	}

	.close-modal-content table{
		width: 100%;
	}

	.close-modal-header {
		padding: 15px;
	    border-bottom: 1px solid #e5e5e5;
	    margin: 0px !important;
	}

	.close-modal-header h3{
	    font-size: 22px;
	    font-weight: 600;
	    margin: 15px 0px;
	}

	.close-modal-header i{
	    font-size: x-large;
	    text-align: center;
	    margin-top: 15px;
	    margin-bottom: 15px;
	} 

	.close-modal-body {
		padding: 15px;
	}

	.close-modal-body .container > .row-impl:nth-child(1n+2){
	    border-top: 1px solid #e5e5e5;
		margin-top: 40px;
	    padding-top: 40px;
	}

	.close-modal-body .row-impl > div{
		margin-top: 10px;
	}

	.row-impl{
		position: relative;
	}

	.row-impl .deleteCurPack{
		position: absolute;
		right: 30px;
		top: 20px;
		font-size: x-large;
	} 

	.close-modal-body p {
		padding: 0px 15px;
		font-size: 15px;
	}

	.close-modal-body .row{
		margin-top: 10px;
	}

	.close-modal-footer {
		padding: 15px;
	    border-top: 1px solid #e5e5e5;
	    text-align: end;
	}

	.close-modal h3:after{
    	width: 80%;
	}

	/* The Close Button */
	.close {
	  color: #aaa;
	  float: right;
	  font-size: 28px;
	  font-weight: bold;
	}

	.close:hover,
	.close:focus {
	  color: black;
	  text-decoration: none;
	  cursor: pointer;
	}

	.close-modal-footer .btn{
		display: inline-block;
		margin-right: 15px;
		margin-left: 15px;
	}

	.close-modal-footer .packImpl{
		position: absolute;
		display: block;
	}


	table.listing{
	  table-layout: fixed; 
	  word-wrap:break-word;
	}


/*******************/
/* TABLEAU DE BORD */
/*******************/
	.centered-btn{
		max-width: 300px;
		margin: 0 auto;
	}

	.filter-struct .btn{
		max-width: 200px;
		transition-duration: .33s;
	}

	.filter-struct .btn.active, .filter-pays .btn.active{
		background-color: #FFF;
		color: #455a64 !important;
	}

	#PC_count{
		margin-bottom: 50px;
	}

	#PC_count tbody tr:hover{
		cursor: pointer;
	}

	#PC_count th{
		text-align: left;
	}

	#PC_count i, .st-row i{
		margin-right: 10px;
	}

	.st-row .list-sub-infos > tbody > tr:not(.no-sort){
		cursor: pointer;
	}

	#PC_count .no-sort{
	    display: block;
	    margin-left: 35px;
	    margin-bottom: 5px;
	}

	#table-echeance{
		text-align: center;
	}


/********/
/* PACK */
/********/
 	.list-sub-infos .td-pad{
 		padding: 0;
 	}

 	.sub-table td{
 		width: 50%;
 	}

 	.pack_name i{
 		margin-right: 10px;
 	}

 	.add-datapack-title{
 		display: none;
 	}

 	.is_option{
 		position: relative;
 	}

 	.table-mod-pack tbody tr > td:nth-child(2):after{
 	/*.table-mod-pack tbody tr > td:nth-child(3):after{*/
 		content: '';
	    float: left;
	    display: inline-block;
	    width: 20px;
	    height: 20px;
	    background: #DDD;
	    border-radius: 20px;
	    margin-left: 30px;
	    margin-right: 30px;
 	}

 	.table-mod-pack tbody tr > td:nth-child(3):hover{
 		cursor: pointer;
 	}

 	.table-mod-pack tbody tr > td.is_option:after{
 		background-color: #90EE90;
 	}

/**********/
/* CLIENT */
/**********/
	#client_list .greyed{
		background:#f6f6f6;
		position: relative;
	}
	#client_list .greyed::after, #client_list .greyed::before{
		position: absolute;
		content: "";
		left:0;
		right:0;
		top:0;
		bottom:0;
	}
	#client_list .greyed::before{
		background-image: linear-gradient(to bottom right,  transparent calc(50% - 1px), #E2E2E2, transparent calc(50% + 1px)) ; 
	}
	#client_list .greyed::after{
		background-image: linear-gradient(to bottom left,  transparent calc(50% - 1px), #E2E2E2, transparent calc(50% + 1px)) ; 
	}
	
	table.dataTable.row-border thead tr > th:not(:last-child), table.dataTable.row-border tbody tr > td:not(:last-child), 
	table.dataTable.display thead tr > th:not(:last-child), table.dataTable.display tbody tr > td:not(:last-child){
		border-right: solid 1px #ddd;
	}

 	.hidden, .dataTables_filter{
 		display: none;
 	}

 	.client-title h5, .client-title span{
    	font-size: 2rem;
 	}

 	.client-title span{
 		text-transform: capitalize;
 	}

 	.flex-inline{
	    display: flex;
	    align-items: baseline;
	    margin-bottom: 10px;
 	}

 	.flex-inline span{
 		margin: 0 5px;
 	}

 	.flex-half{
 		flex: 1;
 	}

 	.tab-manager{
 		display: flex;
 		list-style: none;
	    width: 100%;
	    padding: 0;
	    margin-top: 30px;
 	}

 	.tab-manager li{
	    flex-grow: 1;
	    flex-basis: 0;
	    text-align: center;
    	position: relative;
 	}

 	.tab-manager > li span{
	    background: #EF0000;
	    color: #FFF;
	    width: 24px;
	    height: 24px;
	    border-radius: 25px;
	    line-height: 24px;
	    display: inline-block;
	    text-align: center;
	    margin-left: 10px;
 	}

	 .notification{
	    background: #EF0000;
	    color: #FFF;
	    width: 24px;
	    height: 24px;
	    border-radius: 25px;
	    line-height: 24px;
	    display: inline-block;
	    text-align: center;
	    margin-left: 10px;
		position: absolute;
		bottom: -5px;
		right: -15px;
 	}

 	.tab-manager.pub_tab li.active{
	    background-color: #222;
	    border-color: #222;
 	}

 	.toggle_notif .toggle_done{
	    background-color: #EF0000;
	    border-color: #EF0000;
 	}

 	.tab-manager.client_tab li:after{
 		content: '';
 		display: block;
 		position: absolute;
 		bottom: -2px;
 		left: 50%;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	    width: 0;
	    height: 1px;
	    background-color: #000;

	    transition-duration: .35s;
 	}

 	.tab-manager.client_tab li.active:after{
 		width: 100%;
 	}

 	td.kideaz_link{
 		position: relative;
 	}

 	.kideaz_link.error{
 		border: solid 1px red !important;
 	}

 	.kideaz_link span{
	    position: absolute;
	    top: 0%;
	    left: 5%;
	    -webkit-transform: translateY(-80%);
	    -ms-transform: translateY(-80%);
	    transform: translateY(-80%);
	    width: 100%;
	    font-size: 14px;
	    text-align: center;
	    background: #FFF;
	    border: solid 1px;
	    padding: 10px 5px;
 	}

 	.tr_modification .validated > span{
 		cursor: pointer;
 	}

 	.validated > span{
	    height: 25px;
	    width: 25px;
    	border-radius: 20px;
    	display: block;
    	margin: auto;
 	}

 	.validated > span.invalide{
 		background-color: #EF0000;
    	border: solid 1px #C00303;
 	}

 	.validated > span.valide{
 		background-color: #90EE90;
    	border: solid 1px #90D090;
 	}

 	.kideaz_link.error span{
 		display: none;
 	}

 	#pack_spec_list{
 		display: none;
 	}

 	#pack_spec_found{
	    margin-top: 20px;
	    margin-bottom: 50px;
 	}

 	#structure_list tr:not(.tr_modification) .kideaz_link.error:hover span{
 		display: block;
 	}

 	.tr_modification .start_reservation, .tr_modification .end_reservation{
 		cursor: default;
 	}

 	#stats_list th{
 		width: 100% !important;
 		text-align: left;
 	}

	.fileMeaTab, .fileReqTab, .filePubTab, #comments_list_wrapper .dataTables_paginate{
	 	display: none;
 	}

	.fa-pencil{
		font-size: 20px;
		padding: 10px;
		border: black solid 1px;
		border-radius: 2px;
		margin-top: 5px;
		margin-left: 5px;
	}

	#mea_list .support_type{
		text-align: center;
	}

	.ui-datepicker-calendar a{
		pointer-events: none;
	}

	#calendar-legend{
		display: none;
	}

	.color-ex{
		display: flex;
	}

	.color-ex p{
		flex: 4;
		margin-right: 10px;
		text-align: right;
	}

	.color-ex div{
		flex: 1;
		height: 20px;
		min-width: 20px;
		border: 1px solid #C5C5C5;
	}

	#calendrier{
		display: none;
	}

	.legend-row{
		margin-bottom: 25px;
	}

	#calendrier .social a, #calendrier td > span > span.social, .social-color-ex{
		background-color: #ADD8E6;
	}

	#calendrier .mea a, #calendrier td > span > span.mea, .mea-color-ex{
		background-color: #FFFF99;
	}

	#calendrier .news a, #calendrier td > span > span.news, .news-color-ex{
		background-color: #90EE90;
	}

	#calendrier .site a, #calendrier td > span > span.site, .site-color-ex{
		background-color: #FFD060;
	}

	#calendrier .event a, #calendrier td > span > span.event, .event-color-ex{
		background-color: #F088F0;
	}

	#calendrier .pub_reservation a, .pub-color-ex{
		background-color: #FFBBAB; 
	}

	#calendrier .overlap_pubs a, .overpub-color-ex{
		background-color: #FF2211;
		color: #EEE; 
	}

	#calendrier .sub-mea > span:not(:nth-child(1)){
		margin-left: 1px; 
	}

	#calendrier .sub-mea > span:not(:last-child){
		margin-right: 1px; 
	}

	#calendrier > div{
		margin: 25px auto 0;
	    width: 60%;
	    max-width: 440px;
	}

	.btn.synchro-account{
		margin-top: 0px;
	}

	.ui-datepicker td span{
		padding-left: 0;
		padding-right: 0;
	}

	.ui-datepicker td{
		padding-bottom: .4em;
    	padding-top: 3px;
    	position: relative;
	}

	.ui-datepicker td .infos{
	    position: absolute;
    	width: max-content;
	    background: #FFF;
	    z-index: -1;
	    top: 5px;
	    right: 0;
	    -webkit-transform: translate(90%, -100%);
	    -ms-transform: translate(90%, -100%);
	    transform: translate(90%, -100%);
	    border: solid 1px #000;
	    padding: 5px 10px;
	    border-top-right-radius: 6px;
	    border-bottom-right-radius: 6px;
	    border-top-left-radius: 6px;
	    opacity: 0;
	}

	.ui-datepicker td .infos .separator{
		height: 1px;
    	margin: 4px auto;
		background-color: #000;
		width: 33%;
	}

	.ui-datepicker td:hover .infos{
		z-index: 1;
		opacity: 1;
	}


	.ui-datepicker td > span{
	    display: flex;
	    flex-flow: row;
	    padding: 0;
	}

	.ui-datepicker td > span > span{
    	flex-grow: 1;
	}

	.add_type{
		margin: 15px auto;
	}

	.file-custom{
	    width: 100%;
	    padding: 5px 10px;
	    margin-bottom: 25px;
	    border-radius: 3px;
	    border: 1px solid #000;
	    background-color: #FFF;
	    font-weight: 400;
	}

	.file-custom i{
	    float: right;
	    font-size: 24px;
	}

	input.file{
	    position: absolute;
    	left: 0;
	    width: 0;
    	height: 0;
	    opacity: 0;
	}

	#statistiques > h5 i.stat_display{
	    -webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    transform: rotate(180deg);
	}

	#stats_list_filters{
		max-height: 0;
		overflow: hidden;
		transition-duration: 1s;
	}

	#stats_list_filters.stat_display{
		max-height: 420px;
	}

	#stat_check_line > div{
		margin: auto;
	}

	#stat_check_line > div:first-child{
		margin-left: 0;
	}

	#stat_check_line > div:last-child{
		margin-right: 0;
	}

	#generate_ad_pdf, #generate_pdf{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
	}

/********************/
/* GESTION DES PUBS */
/********************/
	#year-view{
		display: none;
	}

	#year-view #calendrier-pub > div > div:nth-child(4n+4) table td .infos{
	    -webkit-transform: translate(10%, -100%);
	    -ms-transform: translate(10%, -100%);
	    transform: translate(10%, -100%);
	}

	#period{
		width: auto;
	}

	#priorite_pub{
		margin-bottom: 20px;
	}

	#calendrier-pub{
		max-width: 100%;
		display: flex;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	#calendrier-pub .ui-datepicker-inline{
		display: flex !important;
	    flex-direction: row;
	    flex-wrap: wrap;
	}

	#calendrier-pub .ui-datepicker-multi .ui-datepicker-group{
		width: 25%;
	}

	.page-out{
		display: none !important;
	}

	#calendrier-pub .imu a, #calendrier-pub td > span > span.imu, .legend-row span.imu{ background-color: #FF9090; }
	#calendrier-pub .moment a, #calendrier-pub td > span > span.moment, .legend-row span.moment{ background-color: #FFD57F; }
	#calendrier-pub .coeur a, #calendrier-pub td > span > span.coeur, .legend-row span.coeur{ background-color: #FCFF82; }
	#calendrier-pub .vignettes a, #calendrier-pub td > span > span.vignettes, .legend-row span.vignettes{ background-color: #E4FFC4; }
	#calendrier-pub .droite a, #calendrier-pub td > span > span.droite, .legend-row span.droite{ background-color: #A5FB99; }
	#calendrier-pub .gauche a, #calendrier-pub td > span > span.gauche, .legend-row span.gauche{ background-color: #C1F6FD; }
	#calendrier-pub .preHeader a, #calendrier-pub td > span > span.preHeader, .legend-row span.preHeader{ background-color: #ABA6FF; }
	#calendrier-pub .populaires a, #calendrier-pub td > span > span.populaires, .legend-row span.populaires{ background-color: #C48EFF; }
	#calendrier-pub .interstitiel a, #calendrier-pub td > span > span.interstitiel, .legend-row span.interstitiel{ background-color: #FFC2F9; }
	#calendrier-pub .other a, #calendrier-pub td > span > span.other, .legend-row span.other{ background-color: #FFF; }

	.legend-row span{
	    flex: 1;
	    height: 20px;
	    border: 1px solid #C5C5C5;
	}

	.legend-row p{
		flex: 4;
	    margin-right: 10px;
	    text-align: right;
	}

	.legend-row > div > div{
		display: flex;
	}

	#calendrier-pub td span{
		padding: 0;
	}

	#calendrier-pub td > span{
		height: 5px;
	}

	#list_zone_preview{
		max-height: 250px;
	}

	.actions_pub{
		opacity: 0;
		transition-duration: .5s;
		display: block;
	}

	.actions_pub span{
		margin: 0 2px;
	}

	.display_pub{
		margin: 0 10px;
	}


	.pagination_nb.disabled{
		display: none;
	}

	.pagination_row > td:not(.pub_pagination){
		display: none;
	}

	#pub_zone_list .pagination_row:hover > td, #pub_campagne_list .pagination_row:hover > td{
		background-color: #FFF !important;
	}

	.next-page.disabled, .prev-page.disabled{
		opacity: 0;
		pointer-events: none;
	}

	.zone_name{
		display: block;
	}

	#pub_campagne_list .zone_name{
		display: table-cell;
	}

	.pub_pagination{
		text-align: center;
	}

	.pub_pagination > span{
		cursor: pointer;
		margin: 0 10px;
	}

	.pub_pagination .active{
		font-weight: 900;
	}

	#pub_zone_list tbody tr:hover .actions_pub,
	#pub_campagne_list tbody tr:hover .actions_pub{
		opacity: 1
	}

	.filter-btn{
		background-color: #222;
		border-color: #222;
	}

	.filter-btn.filtered{
		background-color: #FFF;
		color: #222 !important;
	}

	.statut{
		width: 20px;
		height: 20px;
		border-radius: 20px;
		display: block;
		margin: auto;
	}

	.statut.grey{
		background-color: #DDD;
		border: solid 1px #AAA;
	}

	.statut.darker{
		background-color: #A4A4A4;
		border: solid 1px #656565;
	}

	.statut.yellow{
		background-color: #FFF476;
		border: solid 1px #E4E895;
	}

	.statut.green{
		background-color: #90EE90;
    	border: solid 1px #90D090;
	}

	.statut.default{
		background-color: #FFF;
    	border: solid 1px #000;
    	cursor: default;
	}

	#pub_img_preview img, #zone_img_preview img, img.preview{
	    max-width: 250px;
	    margin: auto;
	    display: block;
	}

	input[name="zone_cust_format"]{
		display: none;
	}

	.fa-pencil{
		padding: 0px;
		border: none;
	}

	.search_period{
		display: none;
	}

	.zone_img_url img, .url_image img{
	    margin: auto;
	    max-width: 100%;
	    height: 100%;
	    max-height: 100px;
	}

	img[src=""], #screenshot-auto{
  		display:none;
	}

	#zone_name_err{
		display: none;
	}

	.toggle-vis{
		font-size: 16px;
	}

	.err-msg{
		color: red;
	}

	body:not(.admin-online) .admin-only{
		display: none !important;
	}
	body:not(.admin-online) .mod_pack, body:not(.admin-online) .delete_pack{
			cursor: default;
			pointer-events: none;
	}
	.mb30{
		margin-bottom: 30px;
	}

/************/
/* REGISTER */
/************/

	#register h3{
		text-align: center;	
	}

	#register form{
	    margin: 100px auto;
	}

	#register form input{
		margin: 15px 0;
	}

/****************/
/* SUIVI CLIENT */
/****************/
	.show_list_content{
		position: relative;
	}
	.show_list_content span:before {
	    content: '';
	    padding-top: 0px;
	    position: absolute;
	    bottom: 4px;
	    left: -13px;
	    border-width: 7px 13px 7px 0px;
	    border-style: solid;
	    border-color: transparent #000;
	    display: block;
	    width: 0;
	}
	.show_list_content span:after {
	    content: '';
	    padding-top: 0px;
	    position: absolute;
	    bottom: 4px;
	    left: -11px;
	    border-width: 7px 13px 7px 0px;
	    border-style: solid;
	    border-color: transparent #FFF;
	    display: block;
	    width: 0;
	}

	.show_list_content span{
		display: none;
	    position: absolute;
	    bottom: 0;
	    left: 50px;
	    min-width: 280px;
	    background: #FFF;
	    border: solid 1px;
	    padding: 5px;
	    border-radius: 4px;
    	z-index: 1;
	}
	.show_list_content:hover span, .show_list_content:hover span:before{
		display: block;
	}