/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *





*/

/* Application General Style */

/* ============================== ====== ============================== */

html
{
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(252,252,252,1) 0%, rgba(244,244,244,1) 40%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(252,252,252,1)), color-stop(40%,rgba(244,244,244,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(252,252,252,1) 0%,rgba(244,244,244,1) 40%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(252,252,252,1) 0%,rgba(244,244,244,1) 40%,rgba(204,204,204,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(252,252,252,1) 0%,rgba(244,244,244,1) 40%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(252,252,252,1) 0%,rgba(244,244,244,1) 40%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    height:100%;

}
/* ============================== BODY ============================== */
body
{


	top:0;
	left:0;
	margin-left:auto;
	margin-right:auto;
	/*height: 100%;*/
	margin-top: 0;
	margin-bottom: 0;

	background-color: transparent;
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
	*/
	font-family: Arial,Georgia,Helvetica;
	font-size: 12px;
	color: #000000;

	/* nav jusqu'en bas de la page */
	height: auto;
	position: relative;

}

	/*==== Titre ==== */
    .title {
        margin: 15px 0;
    }
    .title_line{
        border: 1px solid #04b100;
        margin-top: 5px;
        margin-left: 40px;
    }

    .big_title {
        font-size:26px;
        color:#04b100;
        height: max-content;
        margin: auto 10px;
        font-weight: bold;
    }

    .title_searchbar{
        display: flex;
    }

    .title_searchbar form{
        margin: auto 6px;
        width: max-content;
        height: max-content;
    }

    .title select{
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari and Chrome */
        appearance:none;
        background-color: #efedec;
        border: 1px solid #04b100;
        color: #04b100;
        height: 35px;
        border-radius: 2px;
        padding: 2px;
        font-weight: bold;
        background-image: url(/assets/Filtre_flechebas.png);
        background-repeat: no-repeat;
        background-position: 95% 50%;
        width: 60px;
    }

    h1 {

    }

	h2
	{
		font-size:26px;
		color:#04b100;
		position: relative;
		margin-left: 10px;
	}

	h2 img
	{
		float: left;
	    margin-right: 1.5%;
	    margin-top: -0.5%;
	}

	h2 select#select_groupe_bornes
	{
		background-color: white;
	    border: 1px solid #04b100;
	    color: #04b100;
	    font-size: 22px;
	    font-weight: bold;
	    height: 29px;
	}

	h2 select#select_groupe_bornes option
	{
		font-size:16px;
	}

	h3, .title_screens{
		font-size: 20px;
		font-weight: normal;
    	margin-left: 20px;
		margin-bottom: 5px;
    	margin-top: 40px;
	}
    .h3_spot{
        display: inline-block;
    }
    .type_prise{
        float: right;
        margin: 13px;
    }

    .image_prise{
        height: 45px;
        padding-right: 15px;
    }

    .image_prise_etat{
        height: 36px;
        padding-right: 6px;
        vertical-align: middle;
    }


    .infoborne_base h3{
        margin-top:10px;
        color: #004992;
    }
    .infoborne_base .masterslave{
        width: 20px;
        vertical-align: middle;
        float: right;
        margin-right: 32px;
    }

	h4{
		font-size: 26px;
		margin-left: 20px;
		margin-bottom: 5px;
		font-weight: normal;
		margin-top: 10px;
		color: #004992;
	}
    .blue h4{
        font-size: 15px;
        margin-bottom: 5px;
        font-weight: normal;
        margin-top: 0px;
        color: #004992;
        display: inline-block;
        margin-left: 0;
    }

	h5{

	}

	h6{

	}

	hr
	{
		background-color: #04b100;
		border: 1px solid #04b100;
		height: 0;
		margin-left: 0px;
		left: 63px;
		margin-top: -10px;
		position: absolute;
		width: 705px;
	}

	hr.titre_base
	{
		background-color: #04b100;
	    border: 1px solid #04b100;
	    height: 0.25em;
	    margin-left: 0px;
	    left:5px;
	    margin-top: -10px;
	    position: absolute;
	    width: 760px;
	}

    .searchbar input, .button2, .multiselect, #infrac_sound, .searchbar .box_bt_search, .quick_searchbar .box_bt_search, .quick_searchbar input, .history_day_btn, .search_datepicker{
        border: 1px solid #04b100;
        color: #04b100;
        border-radius: 2px;
        background-color: #efedec;
    }


	/*==== Image ==== */
	img
	{
		border: none;
	}
	/*==== Liens ==== */
	a, a:hover, a:active
	{
		color: #000000;
		text-decoration: none;
		border: none;
		background-color: transparent;
	}
	a:hover
	{
		color: #444444;
	}

	/*==== Boutons === */


	.button, .red_button
	{
		display:inline-block;
		position: relative;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		letter-spacing: 1px;
		color: #444;
		padding: 7px 15px;
		background-color:#c8c8c8;
		background: linear-gradient(top,#f5f5f5 0%, #cccdc8 100%);
		background: -moz-linear-gradient(
			top,
			#f5f5f5 0%,
			#cccdc8);
		background: -webkit-gradient(
			linear, left top, left bottom,
			from(#eeeeee),
			to(#cccdc8));
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccdc8',GradientType=0 );

		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		/*border: 1px solid #bfbfbf;*/
		border:none 0;
		box-shadow:
			0px 1px 3px rgba(000,000,000,0.5),
			inset 0px 0px 1px rgba(255,255,255,1);
		-moz-box-shadow:
			0px 1px 3px rgba(000,000,000,0.5),
			inset 0px 0px 1px rgba(255,255,255,1);
		-webkit-box-shadow:
			0px 1px 3px rgba(000,000,000,0.5),
			inset 0px 0px 1px rgba(255,255,255,1);
		text-shadow:
			0px -1px 0px rgba(000,000,000,0.2),
			0px 1px 0px rgba(255,255,255,0.4);

		overflow:hidden;

	}


    .button2{
        width: 29px;
        height: 29px;
        padding: 2px;
        margin: auto 2px;
    }

    .button2:hover {
        background-color: #AFAAA1;
    }

    .icon {
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

	span.button:hover, input.button:hover
	{
		cursor: pointer;
		/*border: 1px solid #bfbfbf;*/
		border:none 0;
		background: linear-gradient(top,  #ffffff 0%,#dcddd8 100%);
		background: -moz-linear-gradient(
			top,
			#ffffff 0%,
			#dcddd8);
		background: -webkit-gradient(
			linear, left top, left bottom,
			from(#ffffff),
			to(#dcddd8));
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcddd8',GradientType=0 );
	}

	textarea{
		resize:none;
		cursor:auto;
	}
		/* ==== Type button === */

		span.button.buttontype
		{
		    background-position: center;
		    height: 29px;
		    width: 28px;
		    padding: 0 0;
		    display: inline-block;
		    filter: none;
    	}

        .widget{
            height: 21px;
        }
        .select_widget{
            vertical-align: top;
        }
        #styled-select{
            display: inline-block;
            overflow: hidden;
            background: url(/assets/Filtre_flechebas.png) no-repeat #fff;
            vertical-align: bottom;
            border: 1px solid #04b100;
            padding-right: 5px;
            background-position: 95% 50%;
        }
        #styled-select #id_borne,#id_spot {
            font-size: 0.75em;
            color: #04b100;
            background: transparent;
            border-radius: 0;
            font-weight: bold;
            appearance: none;
            width: 200%;
            border: none;
        }

        #styled-select-blue{
            display: inline-block;
            overflow: hidden;
            background: url(/assets/Filtre_flechebas-blue.png) no-repeat #fff;
            vertical-align: bottom;
            border: 1px solid #004992;
            width: 125px;
            background-position: 95% 50%;
        }
        #styled-select-blue #id_borne,#id_spot  {
            font-size: 0.75em;
            color: #004992;
            background: transparent;
            border-radius: 0;
            font-weight: bold;
            appearance: none;
            width: 110%;
            border: none;
        }

				#styled-select-blue #id_spot_config {
					font-size: 0.75em;
					color: #004992;
					background: transparent;
					border-radius: 0;
					font-weight: bold;
					appearance: none;
					width: 110%;
					border: none;
				}

				#styled-select-blue #id_sensor_config {
					font-size: 0.75em;
					color: #004992;
					background: transparent;
					border-radius: 0;
					font-weight: bold;
					appearance: none;
					width: 110%;
					border: none;
				}

            img.validate{vertical-align: top;}
            img.validate:hover{cursor: pointer;}

            span.button.bt_modif{ background-image: url(/../../assets/bt_modif.png);}
            span.button.bt_modif:hover{ background-image: url(/../../assets/bt_modif_hover.png);}

			span.button.bt_plan{ background-image: url(/../../assets/bt_plan.png);}
			span.button.bt_plan:hover{ background-image: url(/../../assets/bt_plan_hover.png);}

			span.button.bt_information{ background-image: url(/../../assets/bt_information.png);}
			span.button.bt_information:hover{ background-image: url(/../../assets/bt_information_hover.png);}

            span.button.bt_authorize{ background-image: url(/../../assets/bt_authorize.png);}
            span.button.bt_authorize:hover{ background-image: url(/../../assets/bt_authorize_hover.png);}

            span.button.bt_camera{ background-image: url(/../../assets/bt_camera.png);}
            span.button.bt_camera:hover{ background-image: url(/../../assets/bt_camera_hover.png);}

            span.button.bt_fine{ background-image: url(/../../assets/bt_fine.png);}
            span.button.bt_fine:hover{ background-image: url(/../../assets/bt_fine_hover.png);}

            span.button.bt_statuses{ background-image: url(/../../assets/bt_statuses.png);}
            span.button.bt_statuses:hover{ background-image: url(/../../assets/bt_statuses_hover.png);}

            span.button.bt_history{ background-image: url(/../../assets/boutons_history.png);}
            span.button.bt_history:hover{ background-image: url(/../../assets/boutons_history_hover.png);}

			span.button.bt_config{ background-image: url(/../../assets/bt_config.png);}
			span.button.bt_config:hover{ background-image: url(/../../assets/bt_config_hover.png);}

			span.button.bt_stat{ background-image: url(/../../assets/bt_stat.png);}
			span.button.bt_stat:hover{ background-image: url(/../../assets/bt_stat_hover.png);}

			span.button.bt_calend{ background-image: url(/../../assets/bt_calend.png);}
			span.button.bt_calend:hover{ background-image: url(/../../assets/bt_calend_hover.png);}

			span.button.bt_plan_groupe{ background-image: url(/../../assets/bt_plan_groupe.png);}
			span.button.bt_plan_groupe:hover{ background-image: url(/../../assets/bt_plan_groupe_hover.png);}

			span.button.bt_history_groupe{ background-image: url(/../../assets/boutons_groupe_history_hover.png);}
			span.button.bt_history_groupe:hover{ background-image: url(/../../assets/boutons_groupe_history.png);}
			span.button.bt_history_groupe_select{ background-image: url(/../../assets/boutons_select_hystory.png); cursor: default;}
			span.button.bt_history_groupe_select:hover{ background-image: url(/../../assets/boutons_select_hystory_hover.png); cursor: default;}

            span.button.bt_statuses_groupe{ background-image: url(/../../assets/bt_statuses_groupe.png);}
            span.button.bt_statuses_groupe:hover{ background-image: url(/../../assets/bt_statuses_hover.png);}
            span.button.bt_statuses_groupe_select{ background-image: url(/../../assets/bt_statuses_select.png); cursor: default;}
            span.button.bt_statuses_groupe_select:hover{ background-image: url(/../../assets/bt_statuses_select_hover.png); cursor: default;}

            span.button.bt_information_groupe{ background-image: url(/../../assets/bt_information_groupe.png);}
            span.button.bt_information_groupe:hover{ background-image: url(/../../assets/bt_information_groupe_hover.png);}
            span.button.bt_information_groupe_select{ background-image: url(/../../assets/bt_information_groupe_select.png); cursor: default;}
            span.button.bt_information_groupe_select:hover{ background-image: url(/../../assets/bt_information_groupe_select_hover.png); cursor: default;}


            span.button.bt_config_groupe{ background-image: url(/../../assets/bt_config_groupe.png);}
            span.button.bt_config_groupe:hover{ background-image: url(/../../assets/bt_config_groupe_hover.png);}

			span.button.bt_stat_groupe{ background-image: url(/../../assets/bt_stat_groupe.png);}
			span.button.bt_stat_groupe:hover{ background-image: url(/../../assets/bt_stat_groupe_hover.png);}

			span.button.bt_calend_groupe{ background-image: url(/../../assets/bt_calend_groupe.png);}
			span.button.bt_calend_groupe:hover{ background-image: url(/../../assets/bt_calend_groupe_hover.png);}


			span.button.bt_information_select{ background-image: url(/../../assets/bt_information_select.png);}
			span.button.bt_information_select:hover{ background-image: url(/../../assets/bt_information_select_hover.png); cursor:default;}
			span.button.bt_config_select{ background-image: url(/../../assets/bt_config_select.png); cursor: default;}
			span.button.bt_config_select:hover{ background-image: url(/../../assets/bt_config_select_hover.png); cursor: default;}
			span.button.bt_stat_select{ background-image: url(/../../assets/bt_stat_select.png); cursor: default;}
			span.button.bt_stat_select:hover{ background-image: url(/../../assets/bt_stat_select_hover.png); cursor: default;}
			span.button.bt_calend_select{ background-image: url(/../../assets/bt_calend_select.png); cursor: default;}
			span.button.bt_calend_select:hover{ background-image: url(/../../assets/bt_calend_select_hover.png); cursor: default;}

			span.button.bt_ajoutergroupe{background-image: url(/../../assets/bt_ajoutergroupe.png);}
			span.button.bt_ajoutergroupe:hover{background-image: url(/../../assets/bt_ajoutergroupe_hover.png);}

            span.button.bt_ajouter{background-image: url(/../../assets/bt_ajouter.png); float:right;}
            span.button.bt_ajouter:hover{background-image: url(/../../assets/bt_ajouter_hover.png);}


            span.button.bt_ajouter_spot{background-image: url(/../../assets/bt_ajouter.png); float:right;top:42px;}
            span.button.bt_ajouter_spot:hover{background-image: url(/../../assets/bt_ajouter_hover.png);}

            span.button.bt_desactiver{background-image: url(/../../assets/bt_desactiver.png); }
            span.button.bt_desactiver:hover{background-image: url(/../../assets/bt_desactiver_hover.png);}

            span.button.bt_activer{background-image: url(/../../assets/bt_activer.png); }
            span.button.bt_activer:hover{background-image: url(/../../assets/bt_activer_hover.png);}

			span.button.bt_editergroupe{background-image: url(/../../assets/bt_editergroupe.png);}
			span.button.bt_editergroupe:hover{background-image: url(/../../assets/bt_editergroupe_hover.png);}

			span.button.bt_supprimergroupe{background-image: url(/../../assets/bt_supprimergroupe.png); }
			span.button.bt_supprimergroupe:hover{background-image: url(/../../assets/bt_supprimergroupe_hover.png);}

			span.button.bt_configplus{background-image: url(/../../assets/bt_configplus.png);}
			span.button.bt_configplus:hover{background-image: url(/../../assets/bt_configplus_hover.png);}

			span.button.bt_editerborne{background-image: url(/../../assets/bt_editerborne.png);}
			span.button.bt_editerborne:hover{background-image: url(/../../assets/bt_editerborne_hover.png);}

			span.button.bt_supprimerborne{background-image: url(/../../assets/bt_supprimerborne.png);}
			span.button.bt_supprimerborne:hover{background-image: url(/../../assets/bt_supprimerborne_hover.png);}

            span.button.bt_supprimer{background-image: url(/../../assets/bt_supprimer.png);}
            span.button.bt_supprimer:hover{background-image: url(/../../assets/bt_supprimer_hover.png);}

            span.button.bt_supprimer_red{background-image: url(/../../assets/bt_supprimer_red.png);}
            span.button.bt_supprimer_red:hover{background-image: url(/../../assets/bt_supprimer_hover_red.png);}

            span.button.bt_zoom_in{background-image: url(/../../assets/bt_zoom_in.png);background-size: cover;}
            span.button.bt_zoom_out{background-image: url(/../../assets/bt_zoom_out.png);background-size: cover;}

            span.button.bt_tickets{
				background-image: url(/../../assets/bt_tickets.png);
				position: relative;
   				display: inline-block;
			}
			.tickets_noticket{
				z-index: 100;
				position: absolute;
				color: white;
				font-size: 15px;
				font-weight: bold;
				right: 0px;
				top: 0px;
				background-color: #005ebd;
				background-clip: content-box;
			}

			.tickets_tab{
				z-index: 100;
				position: absolute;
				color: #ffffff;
				font-size: 16px;
				font-weight: bold;
				right: 0px;
				top: 0px;
				background-clip: padding-box;
				padding: 0px 3px 0px;
				border-radius: 0px 20% 0px;
			}
			.t1{
				background-color: #7e7e7e;
			}
			.t2{
				background-color: #4fa509;
			}
			.t3{
				background-color: #d4c600;
			}
			.t4{
				background-color: #e02f2f;
			}

			.tickets_onglet{
				position:absolute;
				color: #ffffff;
				font-size: 16px;
				font-weight: bold;
				right: 0px;
				top: 0px;
				background-clip: padding-box;
				padding: 0px 3px 0px;
				border-radius: 0px 20% 0px;
				pointer-events: none;
			}

			.tickets{
				position: relative;
			}
		

            span.button.bt_tickets:hover{background-image: url(/../../assets/bt_tickets_hover.png);}

            span.button.bt_ajouter_ticket{background-image: url(/../../assets/bt_ajouter_ticket.png);}
            span.button.bt_ajouter_ticket:hover{background-image: url(/../../assets/bt_ajouter_ticket_hover.png);}


span.button.bt_afficherborne{background-image: url(/../../assets/bt_afficherborne.png);}
			span.button.bt_afficherborne:hover{background-image: url(/../../assets/bt_afficherborne_hover.png);}

			span.button.bt_masquerborne{background-image: url(/../../assets/bt_masquerborne.png);}
			span.button.bt_masquerborne:hover{background-image: url(/../../assets/bt_masquerborne_hover.png);}

			span.button.bt_elec{background-image: url(/../../assets/bt_elec.png);}
			span.button.bt_elec:hover{background-image: url(/../../assets/bt_elec_hover.png);}

			span.button.bt_noelec{background-image: url(/../../assets/bt_noelec.png);}
			span.button.bt_noelec:hover{background-image: url(/../../assets/bt_noelec_hover.png);}

			span.button.bt_clapet{background-image: url(/../../assets/bt_clapet.png);}
			span.button.bt_clapet:hover{background-image: url(/../../assets/bt_clapet_hover.png);}

			span.button.bt_noclapet{background-image: url(/../../assets/bt_noclapet.png);}
			span.button.bt_noclapet:hover{background-image: url(/../../assets/bt_noclapet_hover.png);}

		/*======== Bouton tableau statistique========*/
			span.button.bt_stat_intervention{background-image: url(/../../assets/bt_stat_intervention.png);}
			span.button.bt_stat_intervention:hover{background-image: url(/../../assets/bt_stat_intervention_hover.png);}

			span.button.bt_stat_deconexion{background-image: url(/../../assets/bt_stat_deconexion.png);}
			span.button.bt_stat_deconexion:hover{background-image: url(/../../assets/bt_stat_deconexion_hover.png);}

			span.button.bt_stat_nuit{background-image: url(/../../assets/bt_stat_nuit.png);}
			span.button.bt_stat_nuit:hover{background-image: url(/../../assets/bt_stat_nuit_hover.png);}


			span.button.bt_stat_jour{background-image: url(/../../assets/bt_stat_jour.png);}
			span.button.bt_stat_jour:hover{background-image: url(/../../assets/bt_stat_jour_hover.png);}

			span.button.bt_stat_groupe_intervention{background-image: url(/../../assets/bt_stat_groupe_intervention.png);}
			span.button.bt_stat_groupe_intervention:hover{background-image: url(/../../assets/bt_stat_groupe_intervention_hover.png);}

			span.button.bt_stat_groupe_deconexion{background-image: url(/../../assets/bt_stat_groupe_deconexion.png);}
			span.button.bt_stat_groupe_deconexion:hover{background-image: url(/../../assets/bt_stat_groupe_deconexion_hover.png);}

			span.button.bt_stat_groupe_nuit{background-image: url(/../../assets/bt_stat_groupe_nuit.png);}
			span.button.bt_stat_groupe_nuit:hover{background-image: url(/../../assets/bt_stat_groupe_nuit_hover.png);}

			span.button.bt_stat_groupe_jour{background-image: url(/../../assets/bt_stat_groupe_jour.png);}
			span.button.bt_stat_groupe_jour:hover{background-image: url(/../../assets/bt_stat_groupe_jour_hover.png);}


			span.button.bt_stat_select_intervention{background-image: url(/../../assets/bt_stat_intervention_select.png);}
			span.button.bt_stat_select_intervention:hover{background-image: url(/../../assets/bt_stat_intervention_select_hover.png);}
			span.button.bt_stat_select_deconexion{background-image: url(/../../assets/bt_stat_select_deconexion.png);}
			span.button.bt_stat_select_deconexion:hover{background-image: url(/../../assets/bt_stat_select_deconexion_hover.png);}
			span.button.bt_stat_select_nuit{background-image: url(/../../assets/bt_stat_select_nuit.png);}
			span.button.bt_stat_select_nuit:hover{background-image: url(/../../assets/bt_stat_select_nuit_hover.png);}
			span.button.bt_stat_select_jour{background-image: url(/../../assets/bt_stat_select_jour.png);}
			span.button.bt_stat_select_jour:hover{background-image: url(/../../assets/bt_stat_select_jour_hover.png);}
            span.button.bt_modif_select{background-image: url(/../../assets/bt_modif_select.png);}
            span.button.bt_modif_select:hover{background-image: url(/../../assets/bt_modif_select_hover.png);}

            .icon.bt_right_arrow{ background-image: url(/../../assets/right_arrow.png);}
            .icon.bt_right_arrow:hover{ background-image: url(/../../assets/right_arrow_hover.png);}

            .icon.bt_left_arrow{ background-image: url(/../../assets/left_arrow.png);}
            .icon.bt_left_arrow:hover{ background-image: url(/../../assets/left_arrow_hover.png);}

            .icon.bt_searchbar{ background-image: url(/../../assets/bt_loupe.png);}

            .icon.bt_cancel{ background-image: url(/../../assets/bt_cancel.png);}

            span.button.button_reset{
                background-image: url(/../../assets/reset-icon.png);
                background-size: contain;
                background-repeat: no-repeat;


            }

            .ajouter_spot{
                margin: -31px 438px;
                display: inline-block;
                float: left;
            }
		span.button.delete_image{
			background-image: url(/../../assets/bt_delete_image.png);
			height: 11px;
			width: 10px;
			-webkit-border-radius: 0px;
			border-radius: 0px;
			position: absolute;
			top: 0px;
			bottom: 0px;
			left: 6px;
		}

		.checkbox_image_validate{
			position: relative;
			bottom: -4px;
		}

		span.button.delete_uploaded_image{
			background-image: url(/../../assets/bt_undo_image.png);
			height: 11px;
			width: 10px;
			-webkit-border-radius: 0px;
			border-radius: 0px;
			display: none;
		}

		span.button.button_exit{
			display: block;
			position: absolute;
			background-image: url(/../../assets/bt_supprimer_red.png);
			height: 25px;
			width: 25px;
			right: 0;
			top: 0;
			box-shadow: none;
			-webkit-box-shadow: none;
			text-shadow: none;
		}
		span.button.button_exit:hover{
			background-image: url(/../../assets/bt_supprimer_hover_red.png);
		}

		span.button.bt_ajouter_capteur{
			top: 6px;
			left: 5px;
			background-image: url(/../../assets/bt_ajouter.png);
    		float: none;
		}

		span.bt_change_sensor{
			cursor: pointer;
			display: inline-block;
			height: 30px;
			padding: 0px 5px;
		}

/* ============================== ====== ============================== */

/*========================== DateTime Picker ========================== */
	.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
	.ui-timepicker-div dl { text-align: left; }
	.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
	.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
	.ui-timepicker-div td { font-size: 90%; }
	.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
/* ============================== ====== ============================== */

/* ============================== HEADER ============================== */

header.header
{

	height:50px;
	font-size: 2em;
	text-align: right;

}

.header
{
	display: block;
	height:72px;
	width: 100%;
	font-size: 2em;
	text-align: right;

}

#erreur, #error{


	background-color: rgb(245, 170, 170);
	background-color: rgba(225, 150, 150, 0.3);
    border: 1px solid #CB1D06;
    color: #D66262;
    font-size: 17px;
    margin-left: 6px;
    margin-right: -6px;
    margin-top: 12px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;

}

#notice, #success{
	background-color: rgb(64, 210, 50);
	background-color: rgba(14, 160, 0, 0.3);
    border: 1px solid #0EA000;
    color: #0EA000;
    font-size: 17px;
    margin-left: 6px;
    margin-right: -6px;
    margin-top: 12px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;

}
/* ============================== ====== ============================== */
/* ============================== NAV ============================== */
nav
{
	height: 100%;
	background: #004992;
	background: -moz-linear-gradient(top,  #004992 0%, #0066cc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004992), color-stop(100%,#0066cc));
	background: -webkit-linear-gradient(top,  #004992 0%,#0066cc 100%);
	background: -o-linear-gradient(top,  #004992 0%,#0066cc 100%);
	background: -ms-linear-gradient(top,  #004992 0%,#0066cc 100%);
	background: linear-gradient(top,  #004992 0%,#0066cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004992', endColorstr='#0066cc',GradientType=0 );


    -webkit-box-shadow: 2px 0px 8px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 0px 8px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 0px 8px 1px rgba(0, 0, 0, 0.3);

    z-index:2;
}	/*=== Fond === */
	div.fond_nav
	{
		background-image: url(/../../assets/fond_nav.png);
	    background-position: left top;
	    background-repeat: no-repeat;
	    bottom: 0;
	    height: 243px;
	    opacity: 0.1;
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
	    position: absolute;
	    right: 0;
	    width: 202px;
	    z-index: -1;
	}

	/*==== Logo ==== */
	div.logo
	{
		text-align:center;
	}
	div.logo img
	{

	}


	/*=== Menu Principal === */
		nav div.ul
		{
			margin: 25px 0 0;
	    	padding: 0;
	   	}

		nav span
		{
			display: block;
			color: #FFFFFF;
		    font-size: 15px;
		    font-weight: bold;
		    padding-bottom: 20px;
		    padding-top: 20px;
		    padding-left: 83px;

		    background-position: 25px center;
		    background-repeat: no-repeat;
		}
		nav span:hover, span.page_courante:hover, span.hovered
		{
			background-color:#FFFFFF;
			background-position: 21px center;
			border-left: 4px solid #04b100;
			padding-left: 79px;
			color: #04b100;
			cursor: pointer;

			transition: 500ms ease background-color;
			-webkit-transition: 500ms ease background-color;
			-moz-transition: 500ms ease background-color;
			-o-transition: 500ms ease background-color;

		}
		nav span.page_courante
		{
			background-color:#3074B9;
			/*background-color:rgba(255, 255, 255, 0.2);*/
			background-position: 21px center;
			border-left: 4px solid #04b100;
			padding-left: 79px;

			transition: 500ms ease background-color;
			-webkit-transition: 500ms ease background-color;
			-moz-transition: 500ms ease background-color;
			-o-transition: 500ms ease background-color;
		}

        nav span.li_mairie {
            margin: 15px;
            width: 88%;
            padding: 0;
        }

        nav span.li_mairie:hover {
            display: block;
            color: #FFFFFF;
            font-size: 15px;
            font-weight: bold;
            cursor:auto;
            background-position: 25px center;
            background-repeat: no-repeat;
            border: 0;
            background-color: transparent;
        }

        #customer_searchbar{
            border-radius: 2px;
            height: 30px;
            border: none;
            width: 100%;
        }

        #customer_list{
            background-color: #fafafa;
            color: #000;
            max-height: 300px;
            overflow-y: scroll;
            height: fit-content;
            position: absolute;
            width: 226px;
            border-bottom-left-radius: 5px;
        }

        .customer_item{
            padding:5px;
            font-weight: initial;
        }

        .customer_item:hover, .customer_item_selected{
            background-color: #3584e4;
        }

        .customer_item_selected{
            color: #fafafa;
        }


/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

			nav	span.li_gestionbornes
			{
				background-image: url(/assets/Nav_listeborne.png);

			}
			nav	span.li_gestionbornes:hover
			{
				background-image: url(/assets/Nav_listeborne_hover.png);
			}

			nav	span.li_cartographie
			{
				background-image: url(/assets/Nav_cartographie.png);

			}
			nav	span.li_cartographie:hover
			{
				background-image: url(/assets/Nav_cartographie_hover.png);
			}

			nav	span.li_erreursbornes
			{
				background-image: url(/assets/Nav_erreursbornes.png);

			}
			nav	span.li_erreursbornes:hover
			{
				background-image: url(/assets/Nav_erreursbornes_hover.png);
			}

			nav	span.li_police
			{
				background-image: url(/assets/Nav_police.png);

			}
			nav	span.li_police:hover
			{
				background-image: url(/assets/Nav_police_hover.png);
			}

			nav	span.li_statistique
			{
				background-image: url(/assets/Nav_statistique.png);

			}
			nav	span.li_statistique:hover
			{
				background-image: url(/assets/Nav_statistique_hover.png);
			}

			nav	span.li_gestionutilisateurs
			{
				background-image: url(/assets/Nav_gestionutilisateurs.png);

			}
			nav	span.li_gestionutilisateurs:hover
			{
				background-image: url(/assets/Nav_gestionutilisateurs_hover.png);
			}

			nav	span.li_gestionbornesadmin
			{
				background-image: url(/assets/Nav_gestionbornesplus.png);

			}
			nav	span.li_gestionbornesadmin:hover
			{
				background-image: url(/assets/Nav_gestionbornesplus_hover.png);
			}

            nav	span.li_maintenance
            {
                background-image: url(/assets/Nav_maintenance.png);

            }
            nav	span.li_maintenance:hover
            {
                background-image: url(/assets/Nav_maintenance_hover.png);
            }

			nav	span.li_connexion
			{
				background-image: url(/assets/Nav_connexion.png);
				background-position: 25px 27px;

				padding-right: 15px;
	    		text-align: right;
			}
			nav	span.li_connexion:hover , span.li_connexion.hovered
			{
				background-image: url(/assets/Nav_connexion_hover.png);
				background-position: 21px 27px;
				cursor: auto;
			}

				nav	span.li_connexion input[type=text], nav	span.li_connexion input[type=password]
				{
					margin-top: 3px;
					width: 150px;
				}

				nav	span.li_connexion input[type=submit]
				{
					margin-top: 4px;
				}


			nav	span.li_deconnexion
			{
				background-image: url(/assets/Nav_connexion.png);

			}
			nav	span.li_deconnexion:hover
			{
				background-image: url(/assets/Nav_deconnexion_hover.png);
				cursor: pointer;
			}

		#separation{
		    border-top: 2px solid #A0B2FF;
		    margin: 22px 0 24px;
		    opacity: 0.4;
		    width: 100%;
		    z-index: 100;
		}

	/*=== Menu Interne === */

		nav.interne
		{
		  	background: none repeat scroll 0 0 transparent;
		    border-radius: 0 0 0 0;
		    border:none 0;
		    box-shadow: 0 0 0 0 transparent inset;
		    display: block;
		    font-size: 14px;
		    min-height: 0;
		    padding: 0;
		    width: 100%;
		    margin-bottom: -1px;
		    filter: none;
		 }

		nav.interne .onglet
		{
			background-color: #F4F4F4;
			color: #888;
		    display: inline-block;
		    font-weight: bold;
		    height: 13px;
		    padding: 8px 22px;
		    text-align: center;

		    -webkit-border-radius: 3px 3px 0px 0px;
			-moz-border-radius: 3px 3px 0px 0px;
			border-radius: 3px 3px 0px 0px;
		}


		nav.interne .onglet:hover, nav.interne .onglet:active
		{
			background-color:#FBFBFB;
			background: -moz-linear-gradient(top,#FFFFFF 0%, #FBFBFB);
			background: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF),to( #FBFBFB));
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FBFBFB',GradientType=0 );
			color: #04b100;
		    cursor: pointer;
		    height: 13px;
		}

		nav.interne .onglet#select
		{
			background-color: #FDFDFD;
			background: -moz-linear-gradient(top,#FFFFFF 0%, #FDFDFD);
			background: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF),to( #FDFDFD));
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FDFDFD',GradientType=0 );
			border-left: 1px solid #DADADA;
		    border-right: 1px solid #DADADA;
		    border-top: 1px solid #DADADA;
		    color: #04b100;
		    height: 14px;
		}

/* ============================== nav responsive ============================== */

@media (min-width:1011px){
	#menu_principal{
		display:block!important;
	}
	#invisible_overlay, #open_btn{
		display: none!important;
	}
}
@media (max-width:1010px){
	#menu_principal{
		display:none;
	}
	.contenu-responsive{
		margin-left:0!important;
		margin-right:0!important;
	}
}
#menu_principal{
	min-height:1004px;
	height:100%!important;
	position:absolute;
	width:256px;
	float:left;
}
body .contenu-responsive{
	transition:margin-left .4s;
	margin-left:256px;
}
#open_btn{
	display:block;
	padding: 8px 16px;
	cursor:pointer;
	font-size: 24px;
	color:inherit;
	background-color: inherit;
	border:none;
	position: absolute;
	z-index: 1;
}
#open_btn:hover{
	color:#04b100;
}
#invisible_overlay{
	margin-left:256px;
	cursor:pointer;
	background-color: rgba(0, 0, 0, 0);
}

/* ============================== ====== ============================== */
/* ============================== CONTENU ============================== */
div.section
{

}

	div.contenu
	{
		/*min-height: 585px;*/
		background-color: #FDFDFD;
		border: 1px solid #DADADA;

		-moz-border-radius: 0px 7px 7px 0px;
        -webkit-border-radius: 0px 7px 7px 0px;
        border-radius: 0px 7px 7px 0px;

		font-size: 13px;

		margin-bottom: 22px;
		padding: 5px 12px 20px 10px;



	}

		/* === Filtre liste === */
		.filtre_container{
			display: block;
			width: 400px;
			height: 40px;
			position: absolute;
			top: 65px;
			right: 20px;
		}

		.multiselect span.multiselect_option.option_select{
			background-image:url(/../assets/Filtre_optionselect.png);
			background-repeat:no-repeat;
			background-position: 9px 7px;
			color: #04b100;
		}

		span#bt_filtrer{
			position: absolute;
			z-index: 10;
			top: 27px;
			right: 0px;
			font-size: 15px;
			font-weight: bold;
			letter-spacing: 1px;
			background-color: #04b100;
			color: #F2F2F2;
			width: 65px;
			text-align: center;
			border-left: 10px solid #F8F8F8;
			border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;


		}
		span#bt_filtrer:hover{
			cursor: pointer;
			color:#FFFFFF;
		}
		/*--- Form auto généré JS ---*/
		form#form_filtre
		{
			display: none;
		}
		/*--- Filtre Notification ---*/
        .filtre_notif{
            display: inline;
        }
		div#filtre_notification{
			width: 717px;
			margin-left: 43px;
			margin-top: -4px;
			padding-left: 5px;
			padding-bottom: 5px;
			padding-top: 3px;
			color: #777777;
			font-size: 11px;
		}
			div#filtre_notification span#titre_filtre_notification{
				font-weight: bold;
				font-size: 13px;
				color:#555555;
				margin-right: 7px;
				margin-top: -3px;
				padding-left: 3px;
				padding-bottom: 2px;
				padding-right: 2px;
				padding-top: 1px;
				letter-spacing: 1px;
				float: left;
			}
            #titre_filtre_notification2{
                font-weight: bold;
                font-size: 13px;
                color:#555555;
                margin-right: 7px;
                margin-top: -3px;
                padding-left: 3px;
                padding-bottom: 2px;
                padding-right: 2px;
                padding-top: 1px;
                letter-spacing: 1px;
            }
            div#filtre_notification.space{
                margin-top: 50px;
                margin-left: 50%;
            }
			/*--Bouton supp Filtre--*/
			div#filtre_notification span.bt_filtre_supprimer{
				font-weight: bold;
				font-size: 11px;
				background-color: #555;
				color: white;
				margin-right: 1px;
				margin-top: -1px;
				padding-left: 3px;
				padding-bottom: 0px;
				padding-right: 2px;
				padding-top: 0px;
				letter-spacing: 1px;
				float: left;
			}div#filtre_notification2 span.bt_filtre_supprimer{
                 font-weight: bold;
                 font-size: 11px;
                 background-color: #555;
                 color: #FFF;
                 margin-right: 1px;
                 margin-top: -1px;
                 padding: 0px 0px 0px 3px;
             }
			div#filtre_notification span.bt_filtre_supprimer:hover{
				cursor:pointer;
				background-color: #888;
			}

            .tab_line_color1 {
                background-color: #FFFFFF
            }

            .tab_line_color2 {
                background-color : #FFFFBB
            }

            /* ============================ device large tab ============================ */
            #device_tab_toolbar{
                display: grid;
                grid-template-columns: repeat(3, 33.33%);
            }

            #device_tab_grid{
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
            }

            .device_tab_col{
                padding: 5px;
            }

            #filtre_notification{
                display: flex;
                flex-flow: wrap;
            }

            .patientez#error{
                width: 70%;
                margin: auto;
            }

            .seperator {
                margin: 6px 0;
                height: 2px;
                background-color: #04b100;
                width: 100%;
            }
            /* ============================ end of device large tab ============================ */

		/*-- MultiSelect --*/
		.multiselect{
            height: 33px;
            margin: auto 8px auto 0;
            width: 70px;
		}
			.multiselect .multiselect_nom, .multiselect_nom_zoomtab{
				background-image: url(/../assets/Filtre_flechebas.png);
				background-repeat:no-repeat;
                background-position: 55px 15px;
				color: #04b100;
				font-size: 13px;
				font-weight: bold;
				letter-spacing: 1px;
                height: 100%;
                line-height: 33px;
                padding-left: 6px;
			}

            .multiselect_nom_zoomtab{
                width: 135px;
                background-position: 130px 15px;
            }

			.multiselect:hover .multiselect_nom{
				text-decoration: underline;
				cursor: default;
			}

			.multiselect .multiselect_options{
				background-color: white;
				background-color: rgba(255, 255, 255, 0.95);
				border:1px solid #EEEEEE;
				min-height: 50px;
				width: 180px;
				z-index: 100;
				position: absolute;
				margin:0px 0px 0px -16px;
				display:none;
			}
			.multiselect span.multiselect_option{
					display: block;
					width: 145px;
					text-overflow: ellipsis;
					overflow:hidden;
					text-align: left;
					font-size: 13px;
					padding-left: 35px;
					padding-top: 5px;
					border-bottom: 1px solid #DDDDDD;
					padding-bottom: 8px;
					margin: 0;
					background-color: transparent;
					background-image:none;
					font-weight: bold;
					color: #555;
				}
			.multiselect span.multiselect_option:hover{
					background-color:#F8F8F8;
					cursor:pointer;
				}

                span.bt_sound_on{background-image: url(/../../assets/sound_on.png);}
                span.bt_sound_on:hover{background-image: url(/../../assets/sound_off.png);}
                span.bt_sound_off{background-image: url(/../../assets/sound_off.png);}
                span.bt_sound_off:hover{background-image: url(/../../assets/sound_on.png);}

                span.bt_sound_on, span.bt_sound_off {
                    background-repeat: no-repeat;
                    background-position: center center;
                    width: 100%;
                    height: 100%;
                }

            #infrac_sound{
                width: 33px;
                height: 33px;
                display: flex;
                margin: auto 8px auto 0;
            }
		/*-- Champ Recherche --*/

        .searchbar, .quick_searchbar{
            width: 90px;
            height: 35px;
            margin: auto 15px auto auto;
            position: relative;
        }

        .quick_searchbar{
            display: flex;
            width: 170px;
        }

        .searchbar form, .quick_searchbar form{
            display: flex;
            height: 100%;
            padding: 0;
        }

        .searchbar input, .quick_searchbar input{
            width: calc(100% - 35px);
            height: calc(100% - 2px);
            border-right: none;
            font-weight: bold;
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
            padding: 0 0 0 4px;
        }

        .searchbar input:focus, .quick_searchbar input:focus {
            outline-width: 0;
        }


        .searchbar .box_bt_search, .quick_searchbar .box_bt_search, .search_datepicker .box_button {
            width: 35px;
            border-left: none;
            height: calc(100% - 6px);
            background-color: #c7c7c7;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            padding: 2px;
        }

        .searchbar_item_list {
            position: absolute;
            width: 88px;
            max-height: 300px;
            background-color: #fafafa;
            overflow: auto;
            top: 34px;
            z-index: 1;
            border: 1px solid #04b100;
        }

        .searchbar_item{
            padding: 5px 5px;
            font-size: 15px;
        }

        .searchbar_item:hover {
            background-color: #3584e4;
            color: #fafafa;
        }


		.filtre_recherche{
			display: inline-block;
			height: 21px;
			padding-top: 3px;
			position: absolute;
			right: 0;
		}

        #filtre_large_tab{
            top:4px;
            right: 20px;
        }
			.filtre_recherche input#filtreinput_recherche{
				width: 150px;
				height: 18px;
				font-size: 13px;
				color: #04b100;
				/*border: 1px solid #04b100;*/
				border:1px solid #F2F2F2;
				background-color:#FAFAFA;
				margin-left:15px;
				padding-left:1px;
				padding-right: 25px;
				float: left;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				-webkit-box-shadow: inset 1px 1px 4px -1px rgba(0, 0, 0, 0.3);
		        box-shadow: inset 1px 1px 4px -1px rgba(0, 0, 0, 0.3);
			}
			.filtre_recherche div#bt_recherchefiltre{
				display: inline-block;
				position: absolute;
				right: 0px;
				top: 8px;
				width: 20px;
				height: 18px;
				background-image: url(/../assets/Filtre_loupe_recherche.png);
				background-repeat: no-repeat;
				background-position: 0 0;
				background-size: 16px;
				opacity:0.6;
				filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
			}
			.filtre_recherche div#bt_recherchefiltre:hover{
				opacity:1;
				filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
				cursor: pointer;
			}

            .bt_search{
                width: 22px;
                height: 22px;
                background-image: url(/../assets/Filtre_loupe_recherche.png);
                background-repeat: no-repeat;
                background-position: 2px 2px;
                border: 2px solid #AAAAAA;
                border-radius: 5px;
            }
            .bt_search:hover{
                background-color: #AAAAAA;
            }

            #leaflet_addresses{
                position: absolute;
                z-index: 1;
                width: 100%;
                border: 2px solid #AAAAAA;
                border-radius: 5px 5px 5px;
                background-color: #F5F5F5;
            }

            .leaflet_addr{
                padding: 5px;
            }
            .leaflet_addr:hover {
                background-color: #AAAAAA;
            }

		/* Recherche borne */
		.filtre_recherche.recherche_borne {
			position:relative;
			top:-5px;
		}
		.filtreinput_recherche.recherche_borne{
			width:100px
		}
		.filtre_recherche div#bt_recherchefiltre.recherche_borne{
			position:relative;
			top:6px;
			right:28px;
		}

		/* === Tableau Historique === */
		#historique{
			/*border: 1px solid #D0D0D0;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;*/
			margin-left: 5px;
		    padding-left: 13px;
		    position: relative;

		}


			#entete, .entete{
				font-size:1.2em;
				height:10%;
				background-color:#004992;
				padding-left:4%;
				margin-left:-1%;
				color:#04b100;
				-webkit-border-radius: 5px 5px 0px 0px;
				-moz-border-radius: 5px 5px 0px 0px;
				border-radius: 5px 5px 0px 0px;

			}

			div.contenutable
			{
				background-color: #FAFAFA;
			    border: 1px solid #D0D0D0;
			    border-radius: 5px 5px 5px 5px;
			    font-size: 14px;
			    height: 80px;
			    margin: -4px -2px 3px -15px;
			    padding: 10px 4px 5px 5px;
			    position: relative;
			}
			div.contenutable:nth-of-type(2n+1){
				background-color:#F4F2F4;
			}
 			div.contenutable:hover{
				background-color:#FFFFFF;
			}

			div.photo_ticket {
				display: inline;
				float: left;
				position: relative;
				margin: 6px;
				max-width: 700px;
			}

			img.photo_img_ticket {
				border: 4px solid white;
				margin-top: -5px;
				-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
				-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
				box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
				max-width: 700px;
				max-height: 400px;
			}


			div.contenutable .photo_borne img.photo_borne_img
			{
				border: 4px solid white;
    			margin-top: -5px;
    			-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    			-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    			box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    			height: 77px;
			}

			div.photo_borne img.photo_borne_img_grande
			{
				border: 4px solid white;
				margin-top: -5px;
				-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
				box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
                                height: 168px;
			}
			span.type_borne img
			{
				position: absolute;
				top:0;
				left:5px;
			}

			div.contenutable span.titre{
				color: #00468c;
				font-size: 16px;
				font-weight:bold;
				margin-bottom:6px;
				display: inline-block;
			}
			.addresse{
				width:180px;
			}
			.pad
			{
				padding-left: 86px;
			}

			div.contenutable div.grid_2
			{
				text-align: center;
			}

			div.contenutable .infraction
			{
				text-align: center;
				height: 93px;
			}
			div.contenutable span.soustitre
			{
				font-size:10px;
				color:#444444;
				margin-top: 21px;
				display: inline-block;
			}
			span.soustitre_texte{
				display: block;
			}
			div.contenutable span.soustitre_double
			{
				margin-top: 0px;
			}

			div.contenutable span.titre span.soustitre
			{
				font-size:12px;
				color:#444444;
				margin-top: 0px;
			}
			div.contenutable span.infraction_date
			{
				display: block;
			}
			div.contenutable span.infraction_duree
			{
				display: block;
				color: #900c0c;
			}
			div.contenutable span.sousinfo
			{
				font-size:9px;
				color:#000;
				margin-top: 1px;
				display: block;
			}
			div.contenutable span.button
			{
				display: inline-block;
    			margin-top: 5px;
			}

			div.etatborne
			{
				margin-left: auto;
                margin-right: auto;
				margin-top: 0;
				width: 20px;
                position: relative;
			}
				.etatborne .etatborne_fond{
					width: 50px;
                    margin-left: auto;
                    margin-right: auto;
				}

				.etatborne img
				{
					width: 15px;
				}

                .etatborne span.etatborne_typeborne img{
                    width: initial;
                    margin-bottom: 10%;
                }

                .img_error{
                    width: 24px;
                    float: left;
                }


			/*======================= BOX utilisateur Borne ======================*/

					#table_utilisateurs{
			margin-left: 5px;
			margin-top: 10px;
		    padding-left: 13px;
		    position: relative;
			display:table;
			}



			.contenumairie
			{
			    background-color: #F4F2F2;
			    border: 1px solid #D0D0D0;
			    border-radius: 5px 5px 5px 5px;
			    font-size: 12px;
			    margin: 1px 9px 10px 0px;
			    padding: 0px 0 4px 7px;
			    position: relative;
				width: 232px;
			    float:left;
                height: 250px;

			}
 			.contenumairie:hover{
				background-color:#FFFFFF;
			}

			.contenumairie .entete
			{
			    background-color: #004992;
			    border-radius: 5px 5px 0 0;
			    font-size: 16px;
			    height: 14%;
			    margin: 0px -0.5% 0% -3.4%;
			    text-align: center;
			    color: #fdfafa;
			    font-weight:bold;
			}
			.contenumairie .entete:hover{
				  background-color: #075eb5;
			}

			.etat_ok
			{
				background-color:#195b0c;
			    border-radius: 5px 0 5px 0;
			    float: right;
			    height: 21px;
			    width: 27px;
			    margin-left: 6px;
			}

			.etat_ok:hover
			{
				background-color:#197e23;
			}

			.etat_deconnectee
			{
				background-color:#ff8500;
			    border-radius: 5px 0 5px 0;
			    float: right;
			    height: 21px;
			    width: 27px;
			    margin-left: 6px;
			}

			.etat_deconnectee:hover
			{
				background-color:#fa9d38;
			}

			.etat_aucune
			{
				background-color: #bb0202;
			    border-radius: 5px 0 5px 0;
			    float: right;
			    height: 21px;
			    width: 27px;
				margin-left: 6px;
			}

			.etat_aucune:hover
			{
				background-color:#ff0a0a;
			}


			.bt_editer
			{
				float: right;
			    left: 174px;
			    position: absolute;
			    top: 134px;
			}

			.mairie_box{
			    background-image: url(/../../assets/bt_mairie.png);
			    background-repeat: no-repeat;
			    border-bottom: 1px solid #D0D0D0;
			    margin: 2px 0 0 -2px;
			    padding: 0 0 0 35px;
			}

			.ajouter_mairie{
			    background-image: url(/../../assets/bt_ajouterutilisateur.png);
			    background-repeat: no-repeat;
			    font-size: 17px;
			    font-weight: bold;
			    height: 50px;
			    margin: 0 0 0 15px;
			    padding: 5px 0 0 34px;
			}
			.intervention_box{
				background-image: url(/../../assets/bt_intervention.png);
				background-repeat: no-repeat;

				margin: 4px 0 0 0;
			    padding: 0 1px 4px 32px;
			}

        	.borne_information{
			    font-size: 13px;
			    margin: 10px;
			    padding: 0 0 3px 1px;
        	}

        				.label_borne{
				font-size:15px;
				display: inline;
				font-style: italic;
				vertical-align: text-bottom;
			}

			.reponse_borne{
				font-size: 15px;
				font-weight: bold;
				display: inline;
				margin-left:12px;

			}

			.bt_editer_borne
			{
			    left: 48px;
			    position: absolute;
			    top: 134px;
			    font-size:12px;
			    padding-left: 13px;

			}


        	.ajouter_borne{
       		    background-image: url(/../../assets/bt_ajouterborne.png);
			    background-repeat: no-repeat;
			    font-size: 17px;
			    font-weight: bold;
			    height: 50px;
			    margin: 0 0 0 19px;
			    padding: 12px 0 0 24px;
        	}

			.password{
				position:relative;
				font-size:11px;
				font-style: italic;
				display: inline;
			}

			.login{
				position:relative;
				font-size:11px;
				font-weight: bold;
				display: inline;
			}
			.log{
				display: inline;
				position: relative;
				font-size: 9px;
			}


			#contenugestion
			{
				font-size: 1.1em;
				background-color: #f4f2f2;
			    margin: -1px -2px 0px -15px;
			    padding: 10px 4px 5px 15px;
				border: 1px solid #d0d0d0;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				position:relative;
				height: 40px;
			}

            .select_calendar{
                display: inline-block;
                margin-left: 34px;
            }

			/*========= Tableau_groupe_element =========*/
			.tab_groupe_element
			{

			}
				/*--- Ligne ---*/
				.tab_groupe_element_ligne
				{
					background-color: #FAFAFA;
				    padding: 15px 4px 5px 15px;
					border: 1px solid #d0d0d0;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					min-height: 35px;
					margin: 0 0 -1px 0;
				}

	 			.tab_groupe_element_ligne:hover{
					background-color:#FFFFFF;
				}
				/*---*/

				.tab_groupe_element_ligne .id_groupeintervention{
					display: block;
                    font-size: 22px;
					font-weight: bold;
					color: #00468C;
                    width: 128px;
					position: relative;
					margin-left: -10px;
					margin-top: -12px;

				}

				.tab_groupe_element_ligne .nom_groupebornes a{
					display: inline-block;
					font-size: 15px;
					color: #00468C;
					font-weight: bold;
                    width: 272px;
					overflow: hidden;
					float: left;
				}
				.tab_groupe_element_ligne .bornes_groupebornes{
					display: inline-block;
					width: 405px;
					margin-left: 5px;
				}
					.groupebornes_liste .tab_groupe_element_ligne .bornes_groupebornes{
						width: 340px;
                        vertical-align: top;
                        word-wrap: break-word;
					}

				.tab_groupe_element_ligne .methode{
					display: inline-block;
					width: 620px;
					margin-left: 25px;
				}
					.methode span{
						background-repeat: no-repeat;
						background-color: transparent;
						padding: 4px 60px;
						margin-bottom: 4px;
						display: block;
					}
	    			.methode .methode_tel{background-image: url(/../../assets/methode_tel.png);margin: 12px;}
		    		.methode .methode_mail{background-image: url(/../../assets/methode_mail.png);margin: 12px; }

                #bt_ajouter_tel,#bt_ajouter_mail {
                    margin: -6px 4px;
                }

				.tab_groupe_element_ligne .boutons_actions{
					text-align: right;
					display: inline-block;
					margin-left: 10px;

				}
					.tab_groupe_element_ligne .boutons_actions_edition{
						text-align: right;
						display: inline-block;
						margin-left: 22px;
					}

                .detail_alerts{
                    margin-top: -7px;
                }

			/*================================*/



			/*========contenu show ===========*/



                /*===========================Modales===============================*/


                .overlay{
                    display: none;
                    position: fixed;
                    top:0; right:0; bottom:0; left:0;
                    background-color: rgba(0, 0, 0, 0.5);
                    z-index: 1000;
                }
                .overlay:target{
                    display: block;
                }
                .popup_block{
                    background: #fff;
                    padding: 20px;
                    border: 20px solid #ddd;
                    position: relative;
                    margin: 10% auto;
                    width: 50%;
                    box-shadow: 0px 0px 20px #000;
                    border-radius: 10px;
                    max-height: 70%;
                    overflow: auto;
                    box-sizing: border-box;
                }
                .popup_block_grand{
                    background: #fff;
                    padding: 20px;
                    border: 20px solid #ddd;
                    position: relative;
                    height: 100%;
                    width: 100%;
                    box-shadow: 0px 0px 20px #000;
                    border-radius: 10px;
                    box-sizing: border-box;
                    overflow: auto;
                }

								.behind_overlay{
									display: none;
									position: fixed;
									top:0; right:0; bottom:0; left:0;
									width: 100%;
									height: 100%;
									background-color: rgba(0, 0, 0, 0.5);
									z-index: 1200;
								}

								#overlay_sensors{
									background: #fff;
									border: 20px solid #ddd;
									position: relative;
									box-shadow: 0px 0px 20px #000;
									border-radius: 10px;
									box-sizing: border-box;
									overflow: auto;
								  	margin: 5% auto;
									height: auto;
									opacity: 1;
									width: 50%;
									min-width:465px;
									z-index: 1201;
								}

								.overlay_galerie{
									background: #fff;
									border: 20px solid #ddd;
									position: relative;
									box-shadow: 0px 0px 20px #000;
									border-radius: 10px;
									box-sizing: border-box;
									overflow: auto;
								    margin: 5% auto;
									/*opacity: 1;*/
									width: 50%;
									min-width: 770px;
									height: auto;
									/*z-index: 1201;*/
									max-height:85%;
								}

								.title_sensor{
									 margin-top: 0px;
								}

								.menu_sensor{
									color: white;
									width: 100%;
								}

								#sensor_content{
									background-color: #FAFAFA;
									margin: 2px 10px 0px 10px;
									-webkit-border-radius: 0 0 0 0;
									border-radius: 0 0 0 0;
								}

								#galerie_content{
									background-color: #FAFAFA;
									margin: 2px 10px 0px 10px;
									-webkit-border-radius: 0 0 0 0;
									border-radius: 0 0 0 0;
								}

								.hr_sensor{
									width: 95%;
									left: 20px;
									margin-top: 5px;
									position: relative;
								}

								.bt_change_sensor{
									color: #04b100;
									margin: 0, 0, 0, 0;
									text-align: center;
									font-size: 25px;
									margin-left: 2px;
								}

								.bt_change_sensor.selected{
									color: white;
									background-color: #04b100;
									border-width: 0px;
									border-style: solid;
									border-bottom-style: none;
									border-radius: 5px;
								}

								.bt_modif_sensor{
									margin: auto;
									padding: 20px;
									text-align: center;
								}
								.bt_new_sensor{
									margin: auto;
									padding: 20px;
									text-align: center;
								}

								.modify_sensor{
									margin-left: 20px;
								}

								.create_sensor{
									margin-left: 20px;
								}

								.overlay_delete_sensor{
									position: fixed;
									top:0; right:0; bottom:0; left:0;
									width: 100%;
									height: 100%;
									background-color: rgba(0, 0, 0, 0.2);
									z-index: 1299;
								}
								.popup_block_sensor{
									position: relative;
									top: 20%;
									left: 25%;
									background: #fff;
									padding: 20px;
									border: 20px solid #ddd;
									width: 50%;
									box-shadow: 0px 0px 20px #000;
									border-radius: 10px;
									max-height: 70%;
									z-index: 1300;
									overflow: auto;
									box-sizing: border-box;
								}

								.popup_block_sensor hr{
									border: 0px none;
									background-color:  #E0E0E0;
									position: relative;
									margin-left: 2%;
									width : 95%;
									left: 0;
									height: 1px;
									margin-top: 10px;
									margin-bottom: 0px;
								}

			/*=============Galerie borne==================*/
			.thumbnail_row {
				display: table;
				width: 100%;
			}
			.thumbnail_div {
				float: left;
				width: 16.66%;
				max-height:125px;
				overflow:hidden;
			}
			.thumbnail_faded {
				opacity: 0.6;
				cursor: pointer;
			}
			.thumbnail_active, .thumbnail_faded:hover {
				opacity: 1;
			}
			.position_checkbox {
				float: right;
				margin-top:-100px;
			}
			/*================================*/

            .btn_edit{
                width: 15px;
                float: right;
            }

            .reload, .reboot,  .shutter_opened_close, .shutter_closed_open, .echarge_allowed_denise, .echarge_denised_allow, .update_database, .delete_database, .firmware_command, .command_sensor, .authorize, .copy,.send, .add, .old_values, .calibrate{
                width: 25px;
                height: 25px;
                display:inline-block;
                vertical-align: middle;
            }
            .action{
                margin-top: 3px;
                float:left;
            }
            span.button.old_values{background-image: url(/../../assets/old_values.png); background-size: contain;}
            span.button.old_values:hover{background-image: url(/../../assets/old_values_hover.png); background-size: contain; cursor: pointer;}
            span.button.send{background-image: url(/../../assets/envoyer.png); background-size: contain;}
            span.button.send:hover{background-image: url(/../../assets/envoyer_hover.png); background-size: contain; cursor: pointer;}
            span.button.add{background-image: url(/../../assets/bt_add.png); background-size: contain;}
            span.button.add:hover{background-image: url(/../../assets/bt_add_hover.png); background-size: contain; cursor: pointer;}
            span.button.copy{background-image: url(/../../assets/bt_copy.png); background-size: contain;}
            span.button.copy:hover{background-image: url(/../../assets/bt_copy_hover.png); background-size: contain; cursor: pointer;}
            span.button.reload{background-image: url(/../../assets/refresh.png); background-size: contain;}
            span.button.reload:hover{background-image: url(/../../assets/refresh_hover.png); background-size: contain; cursor: pointer;}
            span.button.reboot{background-image: url(/../../assets/reboot.png); background-size: contain;}
            span.button.reboot:hover{background-image: url(/../../assets/reboot_hover.png); background-size: contain; cursor: pointer;}
            span.button.shutter_opened_close{background-image: url(/../../assets/shutter_opened_close.png); background-size: contain;}
            span.button.shutter_opened_close:hover{background-image: url(/../../assets/shutter_opened_close_hover.png); background-size: contain; cursor: pointer;}
            span.button.shutter_closed_open{background-image: url(/../../assets/shutter_closed_open.png); background-size: contain;}
            span.button.shutter_closed_open:hover{background-image: url(/../../assets/shutter_closed_open_hover.png); background-size: contain; cursor: pointer;}
            span.button.echarge_allowed_denise{background-image: url(/../../assets/echarge_allowed_denise.png); background-size: contain;}
            span.button.echarge_allowed_denise:hover{background-image: url(/../../assets/echarge_allowed_denise_hover.png); background-size: contain; cursor: pointer;}
            span.button.echarge_denised_allow{background-image: url(/../../assets/echarge_denised_allow.png); background-size: contain;}
            span.button.echarge_denised_allow:hover{background-image: url(/../../assets/echarge_denised_allow_hover.png); background-size: contain; cursor: pointer;}
            span.button.update_database{background-image: url(/../../assets/update_database.png); background-size: contain;}
            span.button.update_database:hover{background-image: url(/../../assets/update_database_hover.png); background-size: contain; cursor: pointer;}
            span.button.delete_database{background-image: url(/../../assets/delete_database.png); background-size: contain;}
            span.button.delete_database:hover{background-image: url(/../../assets/delete_database_hover.png); background-size: contain; cursor: pointer;}
            span.button.firmware_command{background-image: url(/../../assets/pic.png); background-size: contain;}
            span.button.firmware_command:hover{background-image: url(/../../assets/pic_hover.png); background-size: contain; cursor: pointer;}
            span.button.command_sensor{background-image: url(/../../assets/command_sensor.png); background-size: contain;}
            span.button.command_sensor:hover{background-image: url(/../../assets/command_sensor_hover.png); background-size: contain; cursor: pointer;}
            span.button.authorize{background-image: url(/../../assets/authorize.png); background-size: contain;}
            span.button.authorize:hover{background-image: url(/../../assets/authorize_hover.png); background-size: contain; cursor: pointer;}
			span.button.calibrate{background-image: url(/../../assets/calibrate.png); background-size: contain;}
			span.button.calibrate:hover{background-image: url(/../../assets/calibrate_hover.png); background-size: contain; cursor: pointer;}


			.legend{
                color: #777;
                display: block;
                font-size: 15px;
                font-weight: bold;
                margin-left: 0px;
                margin-top: 5px;
                font-style: italic;
            }
            .centerer{
                width: 675px;
                margin-right: auto;
                margin-left: auto;
            }
            .btnsconfirm{
                width: 200px;
                margin-right: auto;
                margin-left: auto;
                padding: 20px;
            }
            .btn_annuler{
                margin-left:20px;
            }
            .btn_fermer{
                margin-right:20px;
            }
            .red
            {
                color: red;
            }
            .green
            {
                color: #79D124;
            }
            .orange
            {
                color: #04b100 !important;
            }
            .blue
            {
                color: #004992;
            }
            .status{
                float: right;
            }
            .status .voyant{
                width: 1em;
                vertical-align : middle;
            }
			div.contenushow
			{

				background-color: #FDFDFD;

				border: 1px solid #DADADA;
				-moz-border-radius: 0px 7px 7px 0px;
		        -webkit-border-radius: 0px 7px 7px 0px;
		        border-radius: 0px 7px 7px 0px;

				font-size: 13px;
				margin-bottom: 22px;
				padding: 5px 12px 20px 10px;
			}

			div.contenushow h4 span.titre_typeborne{
				font-size: 11px;
				padding-left: 12px;
				float: right;
				height: 16px;
				margin-right: 10px;
				margin-top:10px;
				color: #777;
				width: 100px;
				letter-spacing: 0;
			}
			div.contenushow h4 span.titre_typeborne img{
				float: left;
				width: 20px;
				opacity: 0.6;
				margin-top: -2px;
			}

			div.contenushow span.soustitre
			{
				margin-left: 15px;
				margin-top: 15px;
				font-size: 10px;
				font-weight: bold;
				color: #777;
				display: block;
				letter-spacing: 1px;
				padding-right: 20px;
			}

			div.contenushow span.titre span.soustitre
			{
				font-size:12px;
				color:#444444;
				 margin-top: 0px;
			}


			div.contenushow div.etatborne
			{
				border-left: 1px solid #D0D0D0;
			    margin-left: 22px;
			    margin-top: 4px;
			    padding-left: 20px;
			    width: 35px;
			}
			div.contenushow .etatborne img{
				width: 14px;
			}

			div.contenushow span.soustitre span.donne{
				text-align: justify;
				word-wrap: break-word;
				font-size: 14px;
				color: #000000;
				font-weight: normal;
				display: block;
				width: 95%;
				/* overflow: hidden; */
				margin-top: 5px;
			}

            .warranty_valide {
                color: #04b100 !important;
            }

            .warranty_exceeded {
                color : #a4161a !important;
            }

			div.contenushow span.soustitre.grid_3 span.donne{
				width: 100%;
			}
			div.contenushow span.soustitre span.donne i{
				font-size: 10px;
				display: inline-block;
				margin-top: -3px;
				float: left;

			}
			div.contenushow span.soustitre span.donne input{
				text-align:right;
			}
            div.contenushow span.soustitre span.donne input#nyeh {
                width: 100%;
            }
			div.contenushow span.soustitre span.unite{
				font-size: 12px;
				color:#444;
				font-weight : bold;
				display: inline-block;
				padding-top: 6px;
			}
			div.contenushow span.donne_multival input{
				opacity: 0.2;
			}
			div.contenushow span.donne span.info_multival{
				position: absolute;
				display: block;
				background-image: -moz-repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.6) 4px, rgba(255, 255, 255, 0.5) 25%);
				background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(200, 200, 200, 0.3) 4px, rgba(200, 200, 200, 0.1) 12px);
				background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(200, 200, 200, 0.3) 4px, rgba(200, 200, 200, 0.1) 12px);
				background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(200, 200, 200, 0.3) 4px, rgba(200, 200, 200, 0.1) 12px);
				background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(200, 200, 200, 0.3) 4px, rgba(200, 200, 200, 0.1) 12px);
				background-color: rgba(200, 200, 200, 0.8);
				width: 70%;
				left: 8%;
				font-size: 10px;
				font-weight: bold;
				color: #444;
				text-align: center;
				cursor: pointer;
				line-height: 13px;
				padding-top: 3px;
				z-index: 2;
				margin-top: -2px;
				padding-bottom: 3px;
			}
			div.contenushow span.donne span.info_multival:hover{
				background: rgba(220, 220, 220, 0.9);
			}


			div.contenushow .addresse{
				color: #777777;
				font-style: italic;
				margin-left: 431px;
				margin-top: -50px;
				position: absolute;
				width: 170px;
				height: 36px;
				overflow: hidden;
			}

			div.contenushow .grid_3.boutonsborne
			{
                margin-left: 537px;
                margin-top: -45px;
                width: 222px;
			}

			span.info_eleccharge{
				font-size: 10px;
				color: #444;
				letter-spacing: 0;
				display: inline-block;
				float: right;
				width: 115px;
				margin-right: 8px;
				padding: 0;
				margin-top: 6px;
			}
			/*==== Info Borne ====*/
			div.contenushow .infoborne_base, div.contenushow .full_section {
				padding-bottom: 11px;
				background-color: #FAFAFA;
				border: 1px solid #E8E8E8;
				min-height: 159px;
			}
			div.contenushow .infoborne_general{
				background-color: #FAFAFA;
				border: 1px solid #E8E8E8;
				margin-top: 16px;
				padding: 2px 0px 20px 0px;
			}

			div.contenushow .infoborne_general h3, .title_screens{
				margin-top:10px;
				color: #004992;
			}

            .infoborne_general .statut_borne{
                background-color:  #FFFFFF;
                border: 1px solid #E8E8E8;
                margin-top: 16px;
                padding: 2px 0px 20px 0px;
                min-height: 251px;
				height: auto;
            }

			.hover_sensor{
				cursor: pointer;
			}

			.popup_status_sensor{
				display: none;
				position: absolute;
				z-index: 1200;
				padding-top: 1px;
				padding-bottom: 10px;
				background-color: white;
				margin-top: 6px;
				margin-left: -1px;
				width: 323px;
				border-style: solid;
				border-width: 1px;
				border-color: #E8E8E8;
			}

			span.soustitre.bloc_etat.graph {
				cursor: pointer;
			}

			.popup_graph_sensor{
				display: none;
				position: absolute;
				z-index: 1200;
				padding-top: 1px;
				padding-bottom: 10px;
				background-color: white;
				margin-top: 6px;
				width: 325px;
				height: 182px;
				border-style: solid;
				border-width: 1px;
				border-color: #E8E8E8;
			}

			.sensor_graph_left{
				margin-left: 323px;
			}

			.sensor_graph_right{
				margin-left: -327px;
			}

			.infoborne_general hr, .infoborne_base hr, .groupeintervention_gestion hr{
				border: 0px none;
				background-color:  #E0E0E0;
				position: relative;
				margin-left: 2%;
				width : 95%;
				left: 0;
				height: 1px;
				margin-top: 10px;
				margin-bottom: 0px;
			}

			.infoborne_general span.border_right,.infoborne_base span.border_right{
				border-right: 1px solid #E0E0E0;
			}

			.infoborne_base span.soustitre.latlong{
				font-size: 10px;
				margin-top: 7px;

			}
			.infoborne_base span.soustitre.latlong span.donne{
				font-size:12px;
			}

			span#bt_changephoto{
				display: block;
				font-size: 11px;
				font-weight: normal;
				color: #888;
				text-align: center;
				height: 3px;

			}
			span#bt_changephoto:hover{
				text-decoration: underline;
				color: #666666;
				cursor: pointer;
			}
			/*==== Formulaire ====*/
			div.formulaire
			{
				min-height: 45px;
			}

			label{
				font-size:1.1em;
			    font-weight: 600;
			    color:#444444;
			}

			div.boutons_form
			{
				margin-top:15px;
				text-align: right;

			}
				div.boutons_form span, div.boutons_form input
				{
					margin-left: 10px;
				}

            .ajout_photo{
                margin-top: 42px;
                float: right;
            }

            .added_slave{
                display: inline-block;
                margin-right: 5px;
                border: 1px solid #A0A0A0;
                padding: 3px;
            }
            .added_slave:hover{
                background-color: #A1A1A1;
                cursor: pointer;
            }

			input[type="checkbox"]:hover
			{
				cursor: pointer;
			}

			textarea, input[type="text"], input[type=password]
			{
				background-color:#F5F5F5;
			    border: 2px solid #AAAAAA;
			    /*color:#444444;*/

			    -webkit-border-radius: 5px;
			    -moz-border-radius: 5px;
			    border-radius: 5px;
				font-size:1.1em;

			}
            input[type="radio"]{
                margin-bottom: 7px;
                margin-left: 20px;
                margin-top: 7px;
                vertical-align: middle;
            }
            input[type="text"].number_choose{
                width: 30px;
            }
				textarea:hover, input[type="text"]:hover, input[type=password]:hover
				{
					cursor: text;
					color:#04b100;
					border: 2px solid #AAAAAA;
					-webkit-border-radius: 5px;
				    -moz-border-radius: 5px;
				    border-radius: 5px;
				}

				textarea:focus, input[type="text"]:focus, input[type=password]:focus
				{
				    color: #444444;
					border: 2px solid #AAAAAA;
					-webkit-border-radius: 5px;
				    -moz-border-radius: 5px;
				    border-radius: 5px;

				}
				input[type="text"]::-webkit-input-placeholder
				{
			    	color:    #888;
				}
				input[type="text"]:-moz-placeholder
				{
				    color:    #888;
				}
				textarea:disabled, input[type="text"]:disabled
				{
					background-color:#cecece;
					color: #444444;
				}

		 		.bouton_radio,.bouton_radio:hover{
		 			cursor:pointer;

		 		}

	 		/*===== info config borne =====*/



	 		div.info_champ{
	 			display: block;
				position: absolute;
				top: 20px;
				right: 15px;

	 		}

	 			span.bt_info_champ{
	 				background-image: url(/../../assets/bt_info.png);
					width: 15px;
					height: 15px;
					display: block;
	 				opacity:0.7;
	 			}

	 			div.popup_info_champ{
	 				display:none;
	 				position: absolute;
	 				z-index: 500;
					top: 30px;
					left: -74px;
					width: 170px;
					background-color: rgba(255, 255, 255, 0.5);
					border: 1px solid #999;
					-webkit-border-radius: 2px;
			    	-moz-border-radius: 2px;
			    	border-radius: 2px;
					padding: 5px;
					font-size: 11px;
					font-style: normal;
					font-weight: normal;
					color: #333;

	 			}
	 			div.info_large div.popup_info_champ{
 					top: 30px;
					left: -400px;
					width: 450px;
					background-color: rgba(255, 255, 255, 0.8);
 				}
	 				div.info_champ:hover div.popup_info_champ{
	 					display: block;
	 				}
	 				div.info_champ:hover span.bt_info_champ{
 						opacity: 1;
 					}
	 				div.popup_info_champ:hover{
 						display: block;
 					}

				div.info_champ p{
					margin-left: 15px;
				}

			/*----- Ecran Borne Config ------*/

			div.ecranconfig span.donne input, div.ecranconfig span.donne textarea{
				text-align: center !important;
				overflow-y: hidden;
				overflow-x: scroll;
				cursor: auto;
			}
	 		/*=======================*/


            /*===== Gestion des interventions ====== */

            .enabled_false{  background-color: rgba(215, 44, 44, 0.05);}
            .enabled_true{ background-color: rgba(0, 255, 0, 0.1); }

            .enabled_false:hover{  background-color: rgba(215, 44, 44, 0.02);}
            .enabled_true:hover{ background-color: rgba(0, 255, 0, 0.05); }





		 	/*===== Formulaire Ajout/Edition Groupe Intervention ====== */
		 	form.form_groupeintervention{

		 	}

			.form_groupeintervention .methode{
				margin-top:10px;
				margin-bottom:10px;
				border-bottom: 1px solid #E0E0E0;
				padding-bottom:10px;
			}

			div#intervention_input_tel_container input[type="text"]{
				width: 160px;
				margin-bottom: 2px;
			}
			div#intervention_input_mail_container input[type="text"]{
				width: 160px;
				margin-bottom: 2px;
			}


			/*===================================================*/

			/*==== rendu carte ==== */
			form span
			{
				letter-spacing: 1px;
			}

			.champs
			{

				border-bottom: solid 1px #D0D0D0;
				padding-bottom: 15px;
    			padding-top: 15px;
    			letter-spacing: 1px;

			}

			/*========= MAPS ==========*/
			.infoBox, .infoBox img
			{
				display:none;
				cursor: default;
			}
            .infobox .masterslave{
                width: 16px;
                margin-left: 20px;
                vertical-align: middle;
                margin-bottom: 6px;
            }
			 .infobox
			 {
				 width: 270px;
				 margin-bottom:10px;
				 border-radius: 20px;
			 }



			div.infobox span.soustitre
			{
				font-size:11px;
				color:#444444;
				margin-top: 10px;
				display: inline-block;
				font-weight:bold;
			}
			div.infobox span.addresse{
				color: #777;
				font-style: italic;
				overflow: hidden;
				width: 250px;
				margin-bottom: -20px;
				display: block;
			}
			div.infobox span.titre{
				color: #00468C;
				font-size: 14px;
				font-weight: bold;
				margin-bottom: 6px;
				display: inline-block;
			}

			div.infobox span.button.buttontype
			{
			    background-color: #004992;
			    background-position: 0 0;
			    background-repeat: no-repeat;
			    display: inline-block;
			    height: 29px;
			    margin-left: 10px;
			    padding: 0;
			    width: 29px;
			  }

			div.infobox span.sousinfo{
				font-size:11px;
				color:black;
				font-style: italic;
			}
			/*===== Legende ========*/

			/* -- Legende Onglet -- */
			.legende_onglet_container
			{
				position: relative;
				height: 165px;
				margin-top: 50px;
			}
	 		.legende.legende_onglet
	 		{
	 			position: absolute;

				margin-top: 0;
				z-index: 10;
				opacity:0.7;
				filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	 		}
	 		.legende.legende_onglet.lg_onglet_target
	 		{
	 			z-index: 20;
				opacity:1;
				filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	 		}
			.legende.legende_onglet span#lg_titre
			{
				margin-top: -32px;
				margin-left: -5px;
			}
			.legende.legende_onglet span#lg_titre:hover
			{
				cursor:pointer;

				color:#333;
			}
			.legende.legende_onglet.lg_onglet_target span#lg_titre
			{
				margin-top: -36px;
			}
			/*---------------------*/

			.legende
			{
				background-color: #EFEFE4;
				color: #444;
				font-size: 10px;
				font-weight: bold;
				margin-top: 15px;
				padding: 17px 5px 8px 5px;
				line-height: 11px;
				text-align: center;
				width: 99%;
			}

				/*-- #lg_borne --*/

				.legende#lg_borne span, .legende#lg_borne div
				{
					border-left: 1px solid #E0E0E0;
					margin-right: 9px;
					padding-left: 11px;

				}
				.legende#lg_borne .premier_lg
				{
					border-left: none;
				}

				.legende#lg_borne div#lg_etatborne img, #lg_etatborne2 img, #lg_etatborne3 img
				{
					float: left;
					margin-right: 9px;
					margin-top: -7px;
					width: 14px;

				}

				.legende#lg_borne div#lg_typeborne img
				{
					float: left;
					margin-right: 9px;
					margin-top: -10px;
					width: 32px;


				}

				.legende hr{
					border: 0px none;
					background-color:  #E0E0E0;
					position: relative;
					margin-left: 2%;
					width : 95%;
					left: 0;
					height: 1px;
					margin-top: 4px;
					margin-bottom: 9px;
				}
				/*-- #lg_infoaide -- */
				.legende#lg_aideinfo
				{
					margin-top:40px;
				}
				.legende_onglet#lg_aideinfo span#lg_titre
				{
					margin-left: 387px;

				}
				.legende_onglet.legende#lg_aideinfo
				{
					margin-top:0px;
					text-align: left;

				}
				.legende#lg_aideinfo span.lg_aideinfo_item
				{
					font-weight:normal;
					font-size: 12px;
					color: #333333;
					display: list-item;
					margin-left:25px;
				}

				/*-- #lg_groupeintervention -- */
				.legende#lg_groupeintervention
				{
					text-align: left;
				}
				.legende#lg_groupeintervention .lg_sous_container
				{
					height:150px;
					overflow-y:scroll;
					overflow-x: hidden;
				}
				.legende#lg_groupeintervention .lg_sous_container span.lg_GrpInter
				{
					display: table;
					width: 705px;
					margin-bottom: 6px;
					border-bottom: 1px solid #DDD;
					padding: 0px 0px 5px 2px;
				}
					.legende#lg_groupeintervention .lg_sous_container span.lg_GrpInter span
					{
						display: table-cell;
					}
					.legende#lg_groupeintervention span.lg_grpinter_id
					{
						font-size: 13px;
						font-weight: normal;
						background-image: url(/../assets/Cal_GrpInter.png);
						background-position: 5px 4px;
						background-repeat: no-repeat;
						color: #000000;
						height: 20px;
						width: 30px;
						text-align: center;
						padding-top: 7px;
						border-right: 1px solid #DDDDDD;
						padding-right: 12px;

					}
					.legende#lg_groupeintervention span.lg_grpinter_contact
					{
						font-size: 14px;
						font-weight: normal;
						padding-left: 10px;

					}

				/*-- #lg_calendrierborne -- */
				.legende.legende_onglet#lg_calendrierborne
				{
					margin-top:0px;
				}
				.legende_onglet#lg_calendrierborne span#lg_titre
				{
					margin-left: 166px;

				}
				.legende#lg_calendrierborne span
				{
				    border-style: solid;
				    border-width: 1px;
				    display: inline-block;
				    font-size: 12px;
				    font-weight: normal;
				    margin-bottom: 3px;
				    margin-left: 14px;
				    margin-top: 3px;
				    padding: 4px;
				    text-align: center;
				    width: 210px;

				    -webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px;


				}

					span#lg_vide
					{
						background-color: #CCC6AD;
						border-color:#D0D0D0;
						color: #333333;
					}
					span#lg_handicapped
					{
						background-color: #8f52cc;
						border-color:#6f32Ac;
						color: #333333;
					}

					span#lg_minute
					{
						background-color: #517ccc;
						border-color:#315cAc;
						color: #333333;
					}
					span#lg_forbidden
					{
						background-color: #cc5251;
						border-color:#Ac3231;
						color: #333333;
					}
					span#lg_delivery
					{
						background-color: #Ac9031;
						border-color:#8c7011;
						color: #333333;
					}
					span#lg_charging
					{
						background-color: #31Ac31;
						border-color:#119c11;
						color: #333333;
					}
					span#lg_inoperative
					{
						background-color: #FBA53F;
						border-color:#DB8724;
						color: #333333;
					}
				/*---- Titre Legende ----*/
				.legende span#lg_titre
				{
				background-color: #EFEFE4;
				    border: 0 none;
				    margin-left: -20px;
				    margin-top: -28px;
				    position: absolute;
				    font-size:12px;
				    font-weight:bold;
				    color:#555;
				    letter-spacing:1px;
				    width:185px;

					display: inline-block;
					padding: 4px;
					text-align: center;

				    -webkit-border-radius: 3px 3px 0 0;
					-moz-border-radius: 3px 3px 0 0;
					border-radius: 3px 3px 0 0;

				}

			/*============================ Calendrier =================================*/
			div.calendrier_container
			{
				width:765px;
				overflow:hidden;
			}
			.IE div.calendrier_container /* Compatibilité IE8 */
			{
				width:773px;
			}
			div.configuration_emplacement
			{
				width:765px;
				overflow:hidden;
			}
			.IE div.configuration_emplacement /* Compatibilité IE8 */
			{
				width:773px;
			}
			table.calendrier
			{
			    background-color:#F9F9F9;
			    border: 1px solid #444444;
			    border-radius: 3px 3px 3px 3px;
			    display: block;
			    margin-left: 50px;
			    position: relative;
			    width: 713px;
			    height: 625px;

			}
			.IE table.calendrier /* Compatibilité IE8 */
			{
			    width: 713px;
			    height: 625px;
			    margin-left:59px;

			}
			table.calendrier tbody
			{
				border: 0 none;
			}
			/*Entête*/
			.calendrier tr.cal_entete
			{
				background-color: #00468C;
				background: -moz-linear-gradient(top,#0064aa 0%, #00468C);
				background: -webkit-gradient(linear, left top, left bottom, from( #0064aa),to( #00468C));
				background: -ms-linear-gradient(top,#0064aa 0%, #00468C);
				background: linear-gradient(top,#0064aa 0%, #00468C 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064aa', endColorstr='#00468C',GradientType=0 );
				height: 25px;
				z-index: 100;
			}
			.calendrier th:first-of-type
			{
				border-bottom: 0 none !important;
				width: 50px;
			}
			.calendrier th
			{
				color: #EEEEEE;
				font-size: 16px;
				font-weight:bold;
				/*width: 102px;*/
				border-right: 2px solid #2066AC;
				z-index: 110;
			}
			.calendrier th:hover
			{
				cursor: pointer;
			}

				div#bt_duplique_jour
				{
					display:none;
					background-image: url(/../assets/bt_dupliquer_jour.png);
					background-position: top left;
					width: 18px;
					height: 17px;
					position: absolute;

				}
				div#bt_duplique_jour:hover
				{
					cursor: pointer;
				}
			/*Corps*/
			.calendrier tr
			{
				height: 25px;
			}
			/*.calendrier tr:hover{ background-color:#E9E9E9; }*/
			/*.calendrier tr:hover td:first-of-type{	border-bottom: 1px solid #333333; color: #333333; }*/
			.calendrier td
			{
				width: 25px;
				height: 24px;
				padding: 0 0 0 0;
				margin:0;
	  		    border-bottom: 1px solid #444;
	  		    background-color: transparent;
			}
			.calendrier td:hover
			{
				/*background-color: #E5E5E5;*/
				/*border: 1px dotted #B3B3B3;
				width: 23px;
				height: 22px;*/
			}
			.calendrier td:active
			{
				background-color: transparent;
			}

				.calendrier td div.plannif_enregistre, .calendrier td div.plannif_borne, .calendrier td div.plannif_cache, .calendrier td div.plannif_horsgroupe
				{
					margin: 0;
					margin-top: -12px;
					padding: 0;
					display: inline-block;
					width: 24px;
					height: 24px;
					position: absolute;
					border: 0 none;

					z-index: 100;
					opacity: 1;
					filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
				}
				.calendrier td div.plannif_borne
				{
					opacity: 0.5;
					filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
				}
				.calendrier#calendrier_borne td div.plannif_enregistre, .calendrier td div.plannif_borne, .calendrier td div.plannif_cache, .calendrier td div.plannif_horsgroupe
				{
					border-right: 1px solid #444;
				}
				.calendrier#calendrier_borne td div.plannif_duplique
				{
					margin: 0;
					margin-top: -12px;
					padding: 0;
					display:inline-block;
					width:24px;
					height:24px;
					position: absolute;
					z-index: 300;
					opacity:0.8;
					filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
					-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
					-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
					-ms-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
					-o-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
					box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
					border: 0 none;
					border-right: 1px solid #444;
					background-image: -moz-repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.6) 4px, rgba(255, 255, 255, 0.5) 25%);
					background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.6) 4px, rgba(255, 255, 255, 0.5) 25%);
					background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.6) 4px, rgba(255, 255, 255, 0.5) 25%);
					background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.6) 4px, rgba(255, 255, 255, 0.5) 25%);
					background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.6) 4px, rgba(255, 255, 255, 0.5) 25%);
				}
				.calendrier td div.plannif_direct
				{
					margin: 0;
					margin-top: -12px;
					padding: 0;
					display:inline-block;
					width:24px;
					height:24px;
					position: absolute;
					z-index: 200;
					opacity:1;
					filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
					border: 0 none;
				}
				.calendrier#calendrier_borne td div.plannif_direct
				{
					-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
					-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
					-ms-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
					-o-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
					box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
					opacity:0.8;
					filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
					border-right: 1px solid grey;
					background-image: -moz-repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.6) 4px, rgba(255, 255, 255, 0.5) 25%);
					background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.6) 4px, rgba(255, 255, 255, 0.5) 25%);
					background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.6) 4px, rgba(255, 255, 255, 0.5) 25%);
					background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.6) 4px, rgba(255, 255, 255, 0.5) 25%);
					background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.6) 4px, rgba(255, 255, 255, 0.5) 25%);

				}
				.IE .calendrier#calendrier_borne td div.plannif_direct, .IE .calendrier#calendrier_borne td div.plannif_duplique
				{
					background-image: url(/../assets/Cal_plannif_direct.png);
				}
				.calendrier td div.plannif_direct:hover
				{
					cursor: pointer !important;
				}
				.calendrier td div.plannif_enregistre:hover
				{
					cursor: pointer !important;
					opacity:0.8;
					filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
				}
				table.calendrier#calendrier_borne td div.plannif_direct.draggable, table.calendrier#calendrier_borne td div.plannif_direct.draggable:hover
				{
					z-index: 210;
					cursor: move !important;
					opacity: 0.8;
					filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
					-webkit-box-shadow: 6px 6px 4px 0px rgba(0, 0, 0, 0.2);
					-moz-box-shadow: 6px 6px 4px 0px rgba(0, 0, 0, 0.2);
					-ms-box-shadow: 6px 6px 4px 0px rgba(0, 0, 0, 0.2);
					-o-box-shadow: 6px 6px 4px 0px rgba(0, 0, 0, 0.2);
					box-shadow: 6px 6px 4px 0px rgba(0, 0, 0, 0.2);
				}
				table.calendrier#calendrier_borne td div.plannif_direct.draggable_target, table.calendrier#calendrier_borne td div.plannif_direct.draggable_target:hover
				{
					-webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.2);
					-moz-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.2);
					-ms-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.2);
					-o-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.2);
					box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.2);
				}
				.calendrier td div.plannif_direct.plannif_debut:hover, .calendrier td div.draggable_target.plannif_debut
				{
					cursor:nw-resize !important;
					background-color: #555;
				}
				.calendrier td div.plannif_direct.plannif_fin:hover, .calendrier td div.draggable_target.plannif_fin
				{
					cursor:se-resize !important;
					background-color: #555;
				}
					/*----- Heure Text dans DIV debut-fin ------*/
					.calendrier td div span.plannif_heuretext
					{
						color: #444;
						font-weight: normal;
						font-size: 9px;
						display: block;
						padding-top: 0px;
						background-color: rgb(220, 220, 220);
						background-color: rgba(255, 255, 255, 0.6);
						padding-left: 0px;
						margin-top: 7px;
						height: 11px;
						text-align: center;
						width: 23px;
					}
					.calendrier td div.plannif_intervention span.plannif_heuretext
					{
						color: #444;
						font-weight: normal;
						font-size: 9px;
						display: block;
						padding-top: 0px;
						background-color: rgb(240, 240, 240);
						background-color: rgba(255, 255, 255, 0.6);
						padding-left: 0px;
						margin-top: 15px;
						height: 9px;
						text-align: center;
						width: 23px;
						overflow: hidden;
					}
					.calendrier td div.draggable span.plannif_heuretext
					{
						opacity:0.2;
						filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
					}

					.calendrier td div.draggable_target span.plannif_heuretext
					{
						display: none;
					}

				.calendrier tr td:hover:first-of-type
				{
					background-color: transparent;
					height: 13px;
					cursor: default;
				}

				.calendrier td:nth-of-type(4n+1)
				{
					border-right: 2px solid #555;

				}
				.calendrier td.cal_4qheure /* Compatibilité IE8 */
				{
					border-right: 2px solid #555;
				}

				.calendrier tr th:last-of-type, .calendrier tr td:last-of-type
				{
					border-right: none 0;
				}
				.calendrier tr th.j7, .calendrier tr td.j7 /* Compatibilité IE8 */
				{
					border-right: none 0;
				}

				.calendrier tr:last-of-type td
				{
					border-bottom: none 0;
				}

				.calendrier tr th:first-of-type, .calendrier tr td:first-of-type
				{
					border-bottom: 1px solid #555555;
					border-right:0 none;
				    color: #555555;
				    display: block;
				    font-size: 11px;
				    font-weight: bold;
				    left: -47px;
				    padding-bottom: 4px;
				    padding-left: 0;
				    padding-top: 7px;
				    position: absolute;
				    width: 48px;
				    height: 13px;
				}
				.IE .calendrier tr th.th_vide, .IE .calendrier tr td.cal_heure
				{
					border-bottom: 1px solid #555555;
					border-right:0 none;
				    color: #555555;
				    display: block;
				    font-size: 11px;
				    font-weight: bold;
				    left: -47px;
				    padding-bottom: 4px;
				    padding-left: 0;
				    padding-top: 7px;
				    position: absolute;
				    width: 48px;
				    height: 13px;
				}

				.calendrier tr:last-of-type td:first-of-type
				{
					border-bottom: 0 none;
				}

				/*---- Colorisation DIV ----*/

					/* ---- Groupes d'Intervention ---- */
					.calendrier td div.plannif_intervention
					{
						background-color: transparent;
						/*background-image: url(/../assets/Cal_TD_intervention.png);*/
						background-repeat: no-repeat;
						background-size: 17px;
						background-position: center center;
						z-index: 150;
					}
					.calendrier td div.plannif_intervention.plannif_direct
					{
						background-color: transparent;
						background-repeat: no-repeat;
					}

					/*-- Enregistrée --*/
					.calendrier td div.GrpInter_A{
						background-image: url(/../assets/Cal_GrpInter_A.png);
					}
					.calendrier td div.GrpInter_B{
						background-image: url(/../assets/Cal_GrpInter_B.png);
					}
					.calendrier td div.GrpInter_C{
						background-image: url(/../assets/Cal_GrpInter_C.png);
					}
					.calendrier td div.GrpInter_D{
						background-image: url(/../assets/Cal_GrpInter_D.png);
					}
					.calendrier td div.GrpInter_E{
						background-image: url(/../assets/Cal_GrpInter_E.png);
					}
					.calendrier td div.GrpInter_F{
						background-image: url(/../assets/Cal_GrpInter_F.png);
					}
					.calendrier td div.GrpInter_G{
						background-image: url(/../assets/Cal_GrpInter_G.png);
					}
					.calendrier td div.GrpInter_0{
						background-image: url(/../assets/Cal_GrpInter_0.png);
					}
					/*-- Plannif Direct + Duplique --*/
					.calendrier td div.GrpInter_A.plannif_direct, .calendrier td div.GrpInter_A.plannif_duplique{
						background-image: url(/../assets/Cal_GrpInter_A_hover.png);
					}
					.calendrier td div.GrpInter_B.plannif_direct, .calendrier td div.GrpInter_B.plannif_duplique{
						background-image: url(/../assets/Cal_GrpInter_B_hover.png);
					}
					.calendrier td div.GrpInter_C.plannif_direct, .calendrier td div.GrpInter_C.plannif_duplique{
						background-image: url(/../assets/Cal_GrpInter_C_hover.png);
					}
					.calendrier td div.GrpInter_D.plannif_direct, .calendrier td div.GrpInter_D.plannif_duplique{
						background-image: url(/../assets/Cal_GrpInter_D_hover.png);
					}
					.calendrier td div.GrpInter_E.plannif_direct, .calendrier td div.GrpInter_E.plannif_duplique{
						background-image: url(/../assets/Cal_GrpInter_E_hover.png);
					}
					.calendrier td div.GrpInter_F.plannif_direct, .calendrier td div.GrpInter_F.plannif_duplique{
						background-image: url(/../assets/Cal_GrpInter_F_hover.png);
					}
					.calendrier td div.GrpInter_G.plannif_direct, .calendrier td div.GrpInter_G.plannif_duplique{
						background-image: url(/../assets/Cal_GrpInter_G_hover.png);
					}
					.calendrier td div.GrpInter_0.plannif_direct, .calendrier td div.GrpInter_0.plannif_duplique{
						background-image: url(/../assets/Cal_GrpInter_0_hover.png);
					}

					/* ----- Groupes Bornes - Plannif Hors Groupe Bornes ---- */
					.calendrier td div.td_horsgroupe{
						opacity: 0.5;
						filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
						background-color:#AAAAAA;
						background-image: -moz-repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.2) 4px, rgba(255, 255, 255, 0.1) 26%);
						background-image: -webkit-repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.2) 4px, rgba(255, 255, 255, 0.1) 26%);
						background-image: -o-repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.2) 4px, rgba(255, 255, 255, 0.1) 26%);
						background-image: -ms-repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.2) 4px, rgba(255, 255, 255, 0.1) 26%);
						background-image: repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(255, 255, 255, 0.2) 4px, rgba(255, 255, 255, 0.1) 26%);
					}

					/* ---- Bornes, Groupes Bornes ---- */

                                        .calendrier td div.td_free
                                        {
                                                background-color:#CCC6AD;
                                        }
					.calendrier td div.td_handicapped
					{
						background-color:#8f52cc;
					}
					.calendrier td div.td_minute
					{
						background-color: #517ccc;
					}
					.calendrier td div.td_forbidden
					{
						background-color: #cc5251;
					}
					.calendrier td div.td_delivery
					{
						background-color: #ccb051;
					}
					.calendrier td div.td_charging
					{
						background-color: #51cc51;
					}
					.calendrier td div.td_inoperative
					{
						background-color: #FBA53F;
					}

			/*============================ POPUP Info Planification HorsGroupe ================================*/
			div#popup_info_horsgroupe{
				background-color: rgb(255, 255, 255);
				background-color: rgba(255, 255, 255, 0.95);
			    display: block;
			    z-index:1050;
			    padding: 5px;
			    position: absolute;

			    width: 250px;
			    display:none;

			    border: 1px solid rgb(100, 100, 100);
			    border: 1px solid rgba(0, 0, 0, 0.3);
			    -webkit-border-radius: 0 0 3px 3px;
				-moz-border-radius: 0 0 3px 3px;
				border-radius: 0 0 3px 3px;
				-webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
				box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
			}
			span.popup_info_horsgroupe.header_popup{
				display: block;
				margin-top: 0px;
				font-size: 10px;
				color: #111;
				font-weight: normal;
				background-color: #BBB;
				background-image: -moz-repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(0, 0, 0, 0.1) 0px, rgba(100, 100, 100, 0.1) 5%);
				background-image: -webkit-repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(0, 0, 0, 0.1) 0px, rgba(100, 100, 100, 0.1) 5%);
				background-image: -o-repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(0, 0, 0, 0.1) 0px, rgba(100, 100, 100, 0.1) 5%);
				background-image: -ms-repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(0, 0, 0, 0.1) 0px, rgba(100, 100, 100, 0.1) 5%);
				background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(0, 0, 0, 0.1) 0px, rgba(100, 100, 100, 0.1) 5%);

				margin-bottom: -11px;
				margin-left: -5px;
				margin-top: -5px;
				margin-right: -5px;
				padding: 5px;
			}
			span.popup_info_horsgroupe.nom_borne{
				display: block;
				margin-top:10px;
				font-size:12px;
				color:#333333;
				font-weight:bold;
				border-top: 1px solid #888888;
				padding-top: 2px;
			}
			span.popup_info_horsgroupe.adresse_borne{
				display: block;
				margin-top:0px;
				font-size:10px;
				color:#666666;
				font-weight:normal;
				font-style:italic;
			}
			/*=================================================================================================*/
			/*============================ POPUP Calendrier Borne - Dupliquer =================================*/
			div#popup_calendrier_borne, div#popup_calendrier_intervention
			{
				background-color: rgb(255, 255, 255);
				background-color: rgba(255, 255, 255, 0.95);
			    display: block;
			    z-index:1000;
			    padding: 35px 20px 20px;
			    position: absolute;

			    width: 400px;
			    display:none;

			    border: 1px solid rgb(100, 100, 100);
			    border: 1px solid rgba(0, 0, 0, 0.3);
			    -webkit-border-radius: 0 0 4px 4px;
				-moz-border-radius: 0 0 4px 4px;
				border-radius: 0 0 4px 4px;
				-webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
				box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
                margin-top : 900px;
                margin-left:-249px;
			}
			div#popup_calendrier_duplique
			{
				background-color: rgb(255, 255, 255);
				background-color: rgba(255, 255, 255, 0.95);
			    display: block;
			    z-index:1001;
			    padding: 35px 20px 20px;
			    position: absolute;

			    width: 280px;
			    display:none;

			    border: 1px solid rgb(100, 100, 100);
			    border: 1px solid rgba(0, 0, 0, 0.3);
			    -webkit-border-radius: 0 0 4px 4px;
				-moz-border-radius: 0 0 4px 4px;
				border-radius: 0 0 4px 4px;
				-webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
				box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
			}
			header.popup_calendrier
			{
				background-color: #00468C;
				background: -moz-linear-gradient(top,#0064aa 0%, #00468C);
				background: linear-gradient(top,#0064aa 0%, #00468C 100%);
				background: -webkit-gradient(linear, left top, left bottom, from( #0064aa),to( #00468C));
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064aa', endColorstr='#00468C',GradientType=0 );
				height: 25px;
			    left: 0;
			    position: absolute;
			    text-align: left;
			    top: 0;
			    width: 100%;

			}
			header.popup_calendrier:hover
			{
				cursor:move;
			}
				span#popup_titre
				{
					color: #CCCCCC;
				    font-size: 16px;
				    font-weight: bold;
				    left: 12px;
				    position: absolute;
				    top: 5px;
				}
				/*---- POPUP Boutons ----*/
				div#popup_calendrier_borne .button, div#popup_calendrier_intervention .button
				{
					 margin-left: 10px;
				}
				span#popup_bt_fermer
				{
					color: #CCCCCC;
				    font-size: 14px;
				    font-weight: normal;
				    position: absolute;
				    right: 7px;
				    top: 6px;
				}
					span#popup_bt_fermer:hover
					{
						color:#FFF;
						font-weight: bold;
						cursor: pointer;
					}


				input#popup_bt_enregistrer
				{

				}

				span#popup_bt_supprimer
				{

				}

				span#popup_bt_annuler
				{

				}

				/*---- POPUP_label ----*/
				div.popup_info
				{
					margin-bottom: 12px;
				}
				div.popup_label
				{
					margin-bottom: 8px;
				}

					/*--popup_label -> descriotion : Desactivé */
					div.popup_label#popup_description
					{
						display:none;
					}
					/*--popup_label -> hjournee--*/
					div.popup_label#popup_hjournee
					{
						float: right;
					    margin-top: 15px;
					    width: 130px;
					}
						div.popup_label#popup_hjournee label
						{
							width: 100px;
						}

					/*--popup_label -> boutons--*/
					div.popup_label#popup_boutons
					{
						margin-bottom: 0;
					    margin-top: 20px;
					    padding-right: 33px;
					    text-align: right;
					}

					div.popup_label#popup_boutons .button
					{
						margin-right: 5px;
					}


					div.popup_label label
					{
						display: inline-block;

					    width: 140px;
					}

					span.popup_champ
					{

					}

						span.popup_champ input:hover
						{
							cursor: pointer;
						}

						span.popup_champ textarea
						{
							height: 31px;
						    margin-bottom: 10px;
						    margin-left: 144px;
						    margin-top: -14px;
						    width: 240px;
						}

					span.popup_text
					{

					}


					/* ---- SELECT OPTION Groupe Intervention ---- */
					span.popup_champ select.groupeinter
					{
						width: 250px;

					}
					span.popup_champ select.groupeinter option
					{
						display:block;
						overflow:hidden;
						width: 250px;
					}
					/* ---- SELECT OPTION Type de Statio ---- */
					span.popup_champ select.statiotype
					{
						width: 250px;

					}
					span.popup_champ select.statiotype option
					{

						border-style: solid;
					    border-width: 1px;
					    font-size: 12px;
					    font-weight: normal;
					    margin-bottom: 3px;
					    margin-left: 0px;
					    margin-top: 3px;
					    padding: 2px 0px;
					    text-align: center;

					    -webkit-border-radius: 2px;
						-moz-border-radius: 2px;
						border-radius: 2px;

					}



					span.popup_champ select.statiotype option:hover
					{
						cursor: pointer;
						font-weight: bold;
						border: 1px dotted #000000;

					}

					span.popup_champ select.statiotype option#opt_free
                                        {
                                                background-color: #CCC6AD;
                                                border-color:#6F32Ac;
                                                color: #333333;
                                        }
					span.popup_champ select.statiotype option#opt_handicapped
					{
						background-color: #8f52cc;
						border-color:#6F32Ac;
						color: #333333;
					}
					span.popup_champ select.statiotype option#opt_minute
					{
						background-color: #517ccc;
						border-color:#315cAc;
						color: #333333;
					}
					span.popup_champ select.statiotype option#opt_forbidden
					{
						background-color: #cc5251;
						border-color:#Ac3231;
						color: #333333;
					}
					span.popup_champ select.statiotype option#opt_delivery
					{
						background-color: #ccb051;
						border-color:#Ac9031;
						color: #333333;
					}

					span.popup_champ select.statiotype option#opt_charging
					{
						background-color: #51cc51;
						border-color:#31Ac31;
						color: #333333;
					}

					span.popup_champ select.statiotype option#opt_inoperative
					{
						background-color: #FBA53F;
						border-color:#DB8724;
						color: #333333;
					}

					span#alertplanif_horsgroupe{
						color: #04b100;
						font-size: 12px;
						font-weight: bold;
						background-image: url(/../assets/symbole_attention.png);
						background-repeat: no-repeat;
						background-position: 1px 5px;
						display: block;
						padding-left: 44px;
						margin-bottom: 30px;
						height: 35px;


					}

			/*============================ Tableau Liste Borne =================================*/
            .veille{background-color: #C9C9C9;}
            .autorisee{background-color: #59B725; color: white;}
            .branchee{background-color: #2594B7; color: white;}
            .infraction{background-color: #B72525; color: white;}

            .input_states, .input_charges{
                display: inline-block;
            }

            .input_charges{
                float:right;
                margin-right: 30px;
            }

            #lg_etatborne div{
                display: inline-block;
                width: 13%;
            }
            #lg_etatborne2 div{
                display: inline-block;
                width: 30%;
            }
            #lg_etatborne3 div{
                display: inline-block;
                width: 18%;
            }
            #lg_etatborne2 div.carte_globale{
                width: 20%;
            }

            #lg_typeborne span{
                display: inline-block;
                width: 16%;
            }
            .legende_ticket
            {
                background-color: #EFEFE4;
                color: #444;
                margin-top: 15px;
                padding: 8px 5px 8px 5px;
                line-height: 11px;
                text-align: center;
                width: 99%;
            }
            #lg_typeticket{
                display: flex;
            }
            #lg_typeticket span{
                display: inline-block;
                width: 16%;
                height: 100%;
                font-size: 12px;
                font-weight: bold;
                flex: auto;
                padding: 1%;
            }
            .patientez{
                text-align: center;
                font-size: 14px;
                margin-bottom: 20px;
                color: #79D124;
            }
            table.listeSpots, table.incidents{
                background-color:#F2F2F2;
                width: 100%;
                margin-right: 10px;
                margin-top: 10px;
            }
            .nomEtat{
                width: 45%  !important;
            }
            table.listeSpots.responsive{
                width: 48%;
                display: inline-block;
                vertical-align: top;
            }
            .listeSpots .tdetatborne, .id_borne{
                width: 10%;
            }
            .listeSpots p{
                margin-top: 5px;
                margin-bottom: 5px;
            }
            .listeSpots tr td b{
                text-align: left;
            }
            .listeSpots tr, .incidents tr {
                border: 1px solid #444444;
            }
            .listeSpots tr td, .incidents tr td
            {
                border-left: 1px solid #e1e1e1;
                border-bottom: 1px solid #888888;
                padding: 5px;
                box-sizing: border-box;
                text-align: center;
            }
            .listeSpots tr td .etatborne{text-align: left;}
            .listeSpots .thid{width: 7%;}
            .listeSpots .thtype{width: 8%;}
            .listeSpots .links{
                 width: 128px;
                 text-align: left;
            }
            #device_tab_grid .listeSpots .links{
                width: 80px;
                text-align: left;
            }
            .loading{width: 30px;}

			.loading_borne{
				width: 30px;
				position: absolute;
				top:65px;
				left:115px;
			}

            .agrandir{
                margin-right: auto;
                margin-left: auto;
                display: block;
                width: 132px;
                margin-top: 20px;
            }
            .agrandir img{
                vertical-align: middle;
            }
            .agrandir:hover{
                cursor: pointer;
            }

			table.listechoix_bornes{
				background-color:#F2F2F2;
			    border: 1px solid #444444;
			    border-radius: 3px 3px 3px 3px;
			    width:460px;
				float: left;
				position: relative;
				margin-left: 6px;
				margin-right: 6px;

			}

			table.listechoix_bornes tbody
			{
				border: 0 none;
			}
			/*Entête*/
			thead.entete
			{
				background-color: #00468C;
				background: linear-gradient(top,#0064aa 0%, #00468C 100%);
				background: -moz-linear-gradient(top,#0064aa 0%, #00468C);
				background: -webkit-gradient(linear, left top, left bottom, from( #0064aa),to( #00468C));
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064aa', endColorstr='#00468C',GradientType=0 );
			}

			.listechoix_bornes th, .listeSpots th
			{
				color: #EEEEEE;
				font-size: 15px;
				font-weight:bold;
				width: 102px;
				border-right: 2px solid #2066AC;
			}

            #device_tab_grid.listeSpots.links{
                width: 80px !important
            }

            .listechoix_bornes .col_adresses
            {
				padding-left: 10px;
				width: 80px;
			}
			.listechoix_bornes .col_idbornes
            {
				width: 40px;
			}

			/*Corps*/
			.listechoix_bornes tr.tr_borne{
				height: 25px;
			}
			.listechoix_bornes tr.tr_borne:hover{
				background-color:#E9E9E9;
				cursor:pointer;
			}

			tr.tr_borne.borne_select
            {
				color: #04b100;
		    }
			tr.tr_borne.borne_select:hover{
				cursor:pointer;
				color: #444;
			}
				tr.tr_borne:hover td.col_idbornes{
					background-image: url(/../assets/Filtre_optiondeselect.png);
					background-repeat: no-repeat;
					background-position: 9px 7px;
				}

				.listechoix_bornes td{
		  		    border-bottom: 1px solid #555;
				}
				.listechoix_bornes td.col_idbornes{
					border-right:2px solid #555555;
					text-align:center;
				}
				.listechoix_bornes td.col_adresses{
					padding-left:5px;
				}

/* ============================== Ecran Borne =============================== */
	div.ecranconfig div.ecranborne{
		display: none;
		width: 450px;
		background-color: #141414;
		padding: 10px;
		float: right;
		border-top: 2px solid #555;
		border-right: 3px solid #333;
		border-left: 2px solid #222;
		border-bottom: 2px solid #222;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;

		box-shadow: 2px 3px 6px rgba(0,0,0,0.6);
		-ms-box-shadow:2px 3px 6px rgba(0,0,0,0.6);
		-webkit-box-shadow:2px 3px 6px rgba(0,0,0,0.6);
		-o-box-shadow: 2px 3px 6px rgba(0,0,0,0.6);
	}

	span.soustitre div.ecranborne{
		display: block;
	}

	span.button.bt_valid_ecranborne, span.button.bt_annul_ecranborne{
		display:none;
	}

	span.sousdonne{
		color: #444;
		cursor: text;
		border: 2px solid #AAA;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		display: inline-block;
		padding:2px;
	}

	div.ecranconfig textarea{
		display: none;
	}

    .screen_list{
        display: flex;
        flex-flow: wrap;
        margin-top: 10px;
    }

    #screen_select{
        max-height: 80%;
        overflow: auto;
        display: grid;
        width: 100%;
    }

    .box_screen, .box_new_screen, .box_shadow{
        background-color: #000000;
        border: 2px #A0A0A0 solid;
        border-radius: 5px;
        display: flex;
        margin: 0 0 10px 10px;
    }

    .original{
        margin: 10px auto;
    }

    .box_screen canvas{
        padding: 1px;
    }

    .box_shadow{
        background-color: rgba(160, 160, 160,0.4) !important;
        border: 2px rgba(6, 6, 6, 0.2) dashed;
    }

    .box_new_screen{
        background-color: #dedfdf;
        font-size: 4vw;
        color: #A0A0A0;
        text-align: center;
        white-space: nowrap;
        display: flex;
    }



    .box_screen:hover, .box_new_screen:hover{
        border-color: #5a6070;
    }
    .box_new_screen:hover {
        color: #5a6070;
    }

    #config_screen_desc, #btn_config_passage_order{
        margin-left: 20px;
    }

    #overlay_modif_passage_order ,#overlay_ecran_editor, .overlay-shadow {
        background-color: rgba(52, 73, 94,0.5);
    }

    #overlay_ecran_editor .box_overlay{
        position: relative;
    }

    .box_overlay{
        max-width: 80%;
        min-width: 60%;
        height: 90%;
        margin: auto;
        background-color: #FAFAFA;
        border: 5px #5a6070 solid;
    }

    #tool_screen_list{
        height: 100%;
        border-left: 2px #5a6070 solid;
        position:relative;
        min-width: 265px;
    }

    .save_and_quit_tool{
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    #info_screen_list{
        text-align: center;
        padding: 10px 10px 0 10px;
    }

    .title_screens{
        width: max-content;
        margin: auto;
    }

    #view_order{
        height: 100%;
    }

    #info_modif_passage_order{
        text-align: center;
    }

    .error_screen_order{
        width: 97%;
        margin: 10px auto !important;
    }

    .section_state_borne, #header_screen_order{
        border-bottom: 2px #5a6070 solid;
    }

    .input_screen_time{
        width: 20px;
        height: 20px;
    }

    .box_screen_config{
        width: fit-content;
        text-align: center;
        margin: 0 0 10px 10px;
    }

    .box_screen_config .box_screen, .box_screen_config .box_shadow{
        margin: 0 0 5px 0;
    }

    #view_screen{
        text-align: center;
        background-color: #161e28;
        display: grid;
        overflow: auto;
    }

    #screen{
        align-self: center;
    }

    .info-screen{
        text-align: justify;
    }

    .btn_screen_elem{
        width: 60px;
        height: 60px;
        background-color: #e5e5e5;
        padding: 5px;
        border: 2px #A0A0A0 solid;
        border-radius: 5px;
    }

    .btn_screen_elem svg, .btn_screen_elem img{
        width: 100%;
        height: 100%;
    }

    .relative{
        position: relative;
    }

    .separtor-top{
        border-top: 2px #5a6070 solid;
    }

    .flex{
        display: flex;
    }

    .wrap{
        flex-flow: wrap;
    }

    .grid{
        display: grid;
    }

    .m-auto{
        margin: auto;
    }

    .m-left-0{
        margin-left: 0;
    }

    .m-right-0{
        margin-right: 0;
    }

    .hide{
        display: none !important;
    }

    #img_selector_view{
        width: 300px;
        height: 300px;
        background-color: #5a6070;
        border-radius: 5px;
    }

    .title_bar{
        width: 100%;
        background-color: #d5d5d5;
        position: relative;
    }

    #global_image_size_bar, #current_global_image_size{
        width: 100px;
        height: 15px;
        background-color: #75abe1;
        border-radius: 8px;
    }

    #current_global_image_size{
        background-color: #0052a5;;
        border-radius: 8px;
    }

    .title_bar:hover{
        background-color: #a2a1a1;
    }

    .fit-content{
        width: max-content;
        height: max-content;
    }

    #info_count_element{
        margin-left: 20px;
    }

    .row-element{
        padding: 5px;
    }

    .row-element:hover, .row-element-selected{
        background-color: #A0A0A0;
    }

    #elements{
        border: 1px #5a6070 solid;
        overflow-y: auto;
        margin: 5px 20px;
        max-height: 280px;
    }

    .max-content{
        width: -moz-available;
        width: -webkit-fill-available;
    }

    #tool_screen_editor{
        min-width: 45%;
    }

    #input_screen_text, #input_screen_txt_equivalent{
        width: calc(100% - 6px);
    }

    #import_export_screen {
        margin-top: auto;
    }

    #screen_tools {
        display: flex;
        flex-flow: column;
        height: 54%;
    }

    .txt-row-element {
        max-width: 55%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: auto;
        align-self: center;
    }

    .line-screen-param{
        margin-bottom: 10px;
    }

    #screen_elements_list{
        height: 360px;
    }


    .overflow-auto{
        overflow: auto;
    }

    .btn_suppr_screen{
        width: 26px !important;
        height: 26px !important;
    }

    .view_image_screen_editor, #view_current_img {
        height: 40px;
        background: #A0A0A0;
        padding: 1px;
        margin-left: 2px;
        border-radius: 5px;
    }

    .view_image_screen_editor:hover{
        background: #5a6070;
        padding: 2px;
    }

    #view_current_img{
        height: 100px;
    }

    #input_img{
        align-self: center;
        width: 300px;
        height: 26px;
        padding: 3px;
    }

    .unsaved{
        border: 2px red solid;
    }

    .arrow_down, .arrow_up{
        width: 28px;
        height: 29px;
        align-self: center;
        position: absolute;
        right: 5px;
    }

    .energyBar{
        height: 300px;
        width: 32px;
        background: #fafafa;
        text-align: center;
        position: absolute;
        right: -45px;
    }

    .elec_consumption_bar{
        height: 88%;
        width: 14px;
        background: #bfbfbf;;
        margin: auto;
        margin-top: auto;
        margin-top: 10px;
        border-radius: 5px;
        position: relative;
    }

    .actual_consumption{
        width: 14px;
        border-radius: 5px;
        position: absolute;
        bottom: 0;
    }

    .good_c{
        background-color: #27ae60;
    }

    .ok_c{
        background-color: #f1c40f;
    }

    .bad_c{
        background-color: #f39c12;
    }

    .verybad_c{
        background-color: #c0392b;
    }

    .conso_box{
        width: 235px;
        background: #fafafa;
        border-radius: 2px;
        padding: 5px;
        margin-top: 5px;
    }

    .self-center{
        align-self: center;
    }

    .p-0{
        padding: 0;
    }

    .p-5{
        padding: 5px;
    }

    .p-10{
        padding: 10px;
    }

    .p-15{
        padding: 15px;
    }

    .p-left-10{
        padding-left: 10px;
    }

    .m-right-10 {
        margin-right: 10px;
    }

    .m-right-30 {
        margin-right: 30px;
    }

    .m-right-5 {
        margin-right: 5px;
    }

    .m-bot-2 {
        margin-bottom: 2px;
    }

    .m-bot-10 {
        margin-bottom: 10px;
    }

    .m-bot-30 {
        margin-bottom: 30px;
    }

    .m-left-10 {
        margin-left: 10px;
    }

    .m-left-5 {
        margin-left: 5px;
    }

    .m-left-30 {
        margin-left: 30px;
    }

    .m-top-10{
        margin-top: 10px;
    }

    .m-0{
        margin: 0 !important;
    }

    .m-10{
        margin: 10px;
    }

    .w-half{
        width: 50%;
    }

    .h-max{
        height: 100%;
    }

    .w-max{
        width: 100% !important;
    }

    .h-35{
        height: 35px;
    }

    .text_align_initial {
        text-align: initial;
    }

    .min-h-100 {
        min-height: 100px;
    }

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

/* ============================== ======== =============================== */

/* ============================== Graphique ============================== */
	#form_statistique{
		width: 100%;
		height: 100%;
		margin: -23px 0px 2px 0px;
	}

	#recherche_statistique{
		background-color: #04b100;
	    color: white;
	    cursor: pointer;
	    font-weight: bold;
    	margin: -26px 0 0 625px;
	    padding: 1px 7px 3px 6px;
	    position: absolute;
	}

	#recherche_statistique:hover{
	    color: #e2e2e2;
	}

	#zone_graphique1, #zone_graphique2 {
		border-top: solid 1px #888888;
	    margin: 20px 0 80px 4px;
    	padding: 35px 5px 4px 6px;
	}


	.representation_donnee{
		background-color: #888888;
	    color: white;
	    cursor: pointer;
	    font-weight: bold;
	    margin: -58px 0 0 627px;
	    padding: 3px 7px;
	    position: absolute;
	}

	.representation_donnee_compare{
		background-color: #888888;
	    color: white;
	    cursor: pointer;
	    font-weight: bold;
	    margin: -36px 0 0 313px;
	    padding: 3px 7px;
	    position: absolute;
	}
	.representation_donnee1:hover, .select{
		color:#04b100;
	}
	.representation_donnee2:hover{
		color:#04b100;
	}

	.representation_donnee1{
		border-right:1px solid white;
		padding-right:5px;
	}
	#graphique3, #graphique4,#graphique7, #graphique8
	{
		position:absolute;
		visibility:hidden ;
	}

	.info2
	{
		background-color: #FDFDFD;
		border-radius: 12px 12px 12px 12px;
		border: 1px #BBB solid;
		box-shadow: 2px 2px 3px;
		-ms-box-shadow: 2px 2px 3px;
		-webkit-box-shadow: 2px 2px 3px;
		-o-box-shadow: 2px 2px 3px;
		left: 28%;
		padding: 12px;
		position: relative;
		float:left;
		top: -40px;
		min-width:280px;
		max-width: 300px;
	}

	.info2 > span
	{
		font-size:14px;
		color: #004992;
		font-weight: bold;
	}
	#info2{
		font-size:14px;
		color: black;
		font-weight: normal;
		font-style: italic;
	}
	#liste_mois{
		margin:1px;

	}
	#statistique_mois{
		z-index: 4;
		display: none;
		position:absolute;
		border: 1px solid #AAA;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		background: white;
		font-weight: normal;
		color: #555;
		width: 251px;
		height: 159px;
		padding: 2px 0px 0px 2px;
		margin:25px 0px 0px 147px;
	}

	#statistique_mois tr{
		margin-bottom:1px;
		display: table-row;
		vertical-align: inherit;

	}
	#statistique_mois td, #statistique_mois th{
		background: #E6E6E6;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E6E6E6", endColorstr="#cfcfcf");
		background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CFCFCF));
		background-image: -moz-linear-gradient(top center, #E6E6E6, #CFCFCF);
		background-image: -o-linear-gradient(top, #E6E6E6, #CFCFCF);
		border: 1px solid lightGrey;
		font-weight: normal;
		color: #555;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		padding: 3px 11px 3px 11px;
		text-align: center;
		height: 20px;
		font-size: 13px;
		color: #555;
		cursor: pointer;
		text-decoration: none;
	}
	#statistique_mois td:hover{
		background: #DADADA;
		border: 1px solid #999;
		color: #212121;
	}
	#popup_limitselect{
		border:1px black solid;
		background-color: #FFFFFF;
		font-size:14px;
		color:#004992;
		font-weight:bold;
		width:210px;
		border-radius:10px;
		padding:5px;
		margin:15px 0 0 450px;
		position:absolute;
		z-index: 2;
	}
	#contenu_groupe{
		width: 717px;
		color: #777;
		font-size: 11px;
	}
	#nom_groupe{
		font-weight: bold;
		font-size: 13px;
		color: #555;
		margin-right: 5px;
		letter-spacing: 1px;

	}

/* ============================== PLEIN ECRAN ============================== */

		html body .no_display{
			display:none;
		}
		.no_display body{
			background:none;
			border:none;
			box-shadow:none;
			display:inline;
		}
		.no_display .section{
			margin-left: 130px;
			display:inline;
		}
		.no_display #footer_page{
			margin-left: 150px;
			display:inline;
		}
		.no_display .contenu{
			display:inline;
			background-color: none;
		    border-color: none;
		    border-radius: none;
		    border-style: none;
		    border-width: 0;
		    margin-bottom: 0;
		    padding: 0;
		}
		.no_display #map_container{
			z-index: 1000;
			position: relative;
			display:inline;
		}

		.leaflet-popup-content {
			max-width: 300px;
			max-height: 250px;
			overflow-y: auto;
		}

		#leafletMap {
			width: 100%;
			height: 50vh;
			z-index: 0;
		}


		#bt_pleinecran{
			background-image: url(/../../assets/bt_pleinecran.png);
			background-repeat: no-repeat;
			background-position: 3px 3px;
			cursor: pointer;
			display: inline;
			margin-left: 592px;
			margin-top: -39px;
			padding: 4px 0px 0px 30px;
			position: absolute;
			font-size: 12px;
			width: 145px;
			height: 21px;

		}
		#bt_petitecran{
			background-image: url(/../../assets/bt_petitecran.png);
		    background-repeat: no-repeat;
		    background-position: 3px 3px;
		 	cursor:pointer;
			display:inline;
			margin: -40px 0 0 618px;
		    position: absolute;
		    padding: 4px 0px 0px 30px;
			height: 20px;
			font-size: 12px;
		    width: 145px;

		}

		#bt_petitecran:hover, #bt_pleinecran:hover{
			color: #111;

		}
/* ============================== ====== ============================== */
/* ============================== FOOTER ============================== */
footer
{
    color: #888888;
    font-size: 13px;
    height: 20px;
    margin-top: 30px;
    padding-bottom:10px;
    text-align: center;
    width: 100%;

}

p.footer_page
{
    color: #888888;
    font-size: 13px;
    text-align: center;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

p.footer_page a{
    color: #888888;
    font-size: 13px;
    font-weight: bold;
}

p.footer_page a:hover{
    text-decoration: underline;
}

/* ============================== ====== ============================== */
/* ============================== FORMULAIRE AUTOCOMPLETE ============================== */

#locationField, #controls {
    position: relative;
    width: 480px;
}

.label {
    text-align: right;
    font-weight: bold;
    width: 100px;
    color: #303030;
}
#address {
    border: 1px solid #000090;
    background-color: #f0f0ff;
    width: 480px;
    padding-right: 2px;
}
#address td {
    font-size: 10pt;
}
.field {
    width: 99%;
}
.slimField {
    width: 80px;
}
.wideField {
    width: 200px;
}
#locationField {
    height: 20px;
    margin-bottom: 2px;
}



/* ============================== ====== ============================== */
/* ============================== GESTION CARTES ============================== */


/* === Tableau Historique === */

table#historique_tableau_cartes
{
    /*border: 1px solid #D0D0D0;*/
    padding-left: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#historique_tableau_cartes tbody{

}
#historique_tableau_cartes tr{

    border-bottom:#AAAAAA 1px solid;

}

tr.entete_tableau_cartes
{
    background-color: #004992;

    color: #FFFFFF;
    display: block;
    font-size: 1.2em;
    text-align: center;
    height: 25px;
    margin-left: 0;
    margin-top: -3px;
    padding-left: 0;
    padding-top: 3px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;

}

tr.contenutable_tableau_cartes
{
    font-size: 1.1em;
    text-align: center;
    background-color: #E8E8E8;
}
tr.contenutable_tableau_cartes:hover
{
    font-size: 1.1em;
    text-align: center;
    background-color: #EEEEEE;
}
tr.contenutable_tableau_cartes:nth-of-type(2n+1)
{
    background-color: #F4F4F4;
}
tr.contenutable_tableau_cartes:nth-of-type(2n+1):hover
{
    background-color: #FBFBFB;
}
tr.contenutable_tableau_cartes td
{
    padding-top: 4px;

}
tr.contenutable_tableau_cartes td:first-child
{
    font-weight: bold;

}

.handicape{
    background-image: url(/assets/Tab_historique_handicape.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    margin: -2px 5px -1px -6px;
    padding: 0;
    width: 25px;
}

.aine{
    background-image: url(/assets/Tab_historique_aine.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    margin: -2px 5px -1px -6px;
    padding: 0;
    width: 25px;
}

.elec{
    background-image: url(/assets/Tab_historique_elec.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    margin: -2px 5px -1px -6px;
    padding: 0;
    width: 25px;
}

.select_badge{
    background-color: #F5F5F5;

}


.select_badge:hover{
    background-color: #E7E7E7;

}



/*===== Legende ========*/

.legende_cartes
{
    background-color: #EFEFE4;
    color: #444444;
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
    padding: 5px 9px 9px 20px;
}
/*-- #lg_etatbornes --*/

.legende_cartes#lg_etatbornes span
{
    border-left: 1px solid #E0E0E0;
    display: inline-block;
    margin-right: 50px;
    padding-left: 52px;
    padding-top: 13px;
}
.legende_cartes#lg_etatbornes span:first-of-type
{
    border-left: none;
}
.legende_cartes#lg_etatbornes span img
{
    margin-right: 10px;
    margin-top: -7px;

}


#type_carte{
    display:inline-block;
    margin-left: 6px;
    margin-top: -2px;
}

/*-- recherche carte --*/
span#bt_recherche_carte {
    background-image: url(/assets/Nav_loupe_recherche.png);
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    height: 19px;
    margin-top: 32px;
    opacity: 0.5;
    padding: 0px;
    position: absolute;
    right: 44px;
    width: 22px;
}

span#bt_recherche_carte:hover
{
    cursor: pointer;
    opacity:1;
    background-color: transparent;
    border:none;

}


div#alert_recherche
{

    background-image:url(/../../assets/fond_alert_recherche.png);
    background-position:top left;
    background-repeat:no-repeat;
    color: #CCCCCC;
    display: none;
    font-size: 13px;
    font-weight: bold;
    height: 40px;
    letter-spacing: 0.5px;
    padding: 5px;
    position: absolute;
    width: 156px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
    opacity: 0.95;

}
div#alert_recherche img
{
    float: left;
}

div#alert_recherche p
{
    margin-left: 35px;
    margin-top: 6px;
}



nav	span.li_historique
{
    background-image: url(/assets/Nav_historique.png);

}

nav	span.li_historique:hover
{
    background-image: url(/assets/Nav_historique_hover.png);
}


.label_carte{
    font-size:1em;
    margin: 0px;
}

hr.normal{
    border-top: 1px solid #A9A9A9;
    border-right: none;
    border-left : none;
    border-bottom: none;
    display: block;
    position: relative;
    left: 0px;
    margin-top: 8px;
    width: 100%;
}
.form_historique{
    margin-top: 35px;
}
.next, .last, .prev, .first {
    margin-right: 5px;
}
.next:hover, .last:hover, .prev:hover, .first:hover{
    cursor: pointer;
}
.pagedisplay{
    margin-right: 5px;
    width: 40px;
}
#boutons, #boutons_elec{
    display: inline-block;
    margin-top : 20px;
}
#boutons_elec{
    float:right;
    margin-right: 25px;
}
#vue_globale{
    margin-bottom: 15px;
    width: 200px;
}
.centerer{
    text-align: center;
}
.validate{
    margin-top: 25px;
}
.incidents th{
    color: #EEEEEE;
    font-size: 16px;
    font-weight:bold;
    border-right: 2px solid #2066AC;
}
.soustitre.grid_3.protection_autre{
    float: right;
}

.status_disconnected{
        background-color:#C9C9C9;
        color: #000000;
}
.status_error{
        background-color:#FF0000;
        color: #FFFFFF;
}
.status_charging{
        background-color:#2594B7;
        color: #FFFFFF;
}
.status_detection{
        background-color:#59B725;
        color: #FFFFFF;
}
.status_infraction{
        background-color:#B72525;
        color: #FFFFFF;
}

.status_partial_infraction{
    background-color: #f39c12;
    color: #FFFFFF;
}

.disabled, .disabled:hover{
  color: grey;
}

.account_logo_content
{
    height: 75px;
    vertical-align: middle;
    text-align:center;
}
.account_logo
{
    max-width: 95%;
    max-height: 95%;
}

.logo_technocity_tab
{
    height: 100px;
    float:left;
}
.logo_technocity_tab img{
    height: 100%;
}

.checkbox_delete_image{
	display: none;
}

.left_spot{
	clear: left;
}

/* ============================== TOOLTIPS ============================== */
.tooltip {
	position: relative;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 325px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	top: -5px;
	right: 110%;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 15px;
	left: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent black;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
}

#drop-zone {
    max-width: 330px;
    height: 30px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
    color: #cccccc;
    border: 4px dashed #777777;
    border-radius: 10px;
}

.drop-zone--over {
    border-style: solid !important;
}

.drop-zone__input {
    display: none;
}


.week_title{
    margin-bottom: 5px;
    font-size: 2em;
}

#show_more_history, #show_more_recent_history{
    color: #004992;
}

#chart_hystory {
    margin: 30px 0;
}

#chart_hystory_search_bar{
    background-color: #c7c7c7;
    padding: 10px;
    border-radius: 6px;
}

#history_table_view {
    display: flex;
    position: fixed;
    background-color: rgba(229, 229, 229, 0.5);
    top:0;
    left:0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

#history_table_view .history_popup{
    width: 80%;
    height: 80%;
    margin: auto auto;
    padding: 10px;
    background-color: #fafafa;
    border: 5px #5a6070 solid;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.history_popup_control{
    display: flex;
}

.history_popup_table{
    overflow-y: auto;
    height: 95%;
    margin-top: 10px;
}

.history_popup_table .listeSpots{
    margin: 0;
}

.history_day_btn {
    width: 75px;
    padding: 5px;
    margin: 0 5px;
}

.history_day_btn.history_day_disabled{
    background-color: #c7c7c7;
}

.history_day_btn:not(.history_day_disabled):hover, .history_day_selected {
    border-width: 2px;
    padding: 4px;
    font-weight: bold;
}

#history_popup_close{
    margin: 0 0 0 auto;
}

#loading_history {
    width: 50px;
}

.old_logo{
    width: 100%;
    display: flex;
}

.old_logo img{
    width: 50%;
    margin-left: auto;
    margin-right: 10px;
}

.logo:hover{
    background: #FAFAFA;
}

.bg_white{
    background: #FAFAFA;
}

/* ============================== History tab legend ============================== */
.legend_point
{
    width: 15px;
    height: 15px;
    border-radius: 10px;
    border: 1px solid gray;
}

.legend_bar
{
    width: 4px;
    height: 15px;
}

.legend_point.red {background-color: #b72525}
.legend_point.green {background-color: #59b725}
.legend_point.white {background-color: #ecf0f1}
.legend_point.black, .legend_bar.black {background-color: #383737}
.legend_bar.dark-gray {background-color: #686868}
.legend_bar.purple {background-color: #8f52cc}

.chart_labels{
    width: 350px;
    border-radius: 5px;
    padding: 6px;
}

/* ============================ end of History tab legend ============================ */


.danger {
    color: red;
    font-size: 4em;
    font-weight: bold;
}

tr.total{
    background-color: #ede0d4;
}

.overflow_hidden{
    overflow: hidden;
}


/* =========================== cam visualiser ======================================= */
.box_overlay_small {
    height: auto;
    position: relative;
}

.box_overlay_small .bt_supprimer_red, #close_park_view {
    position: absolute;
    right: 10px;
    top: 10px;
}

#close_cam_view {
    z-index: 1;
}

.cam_view_title{
    padding: 20px;
    margin: 0;
    border-top: 5px solid #fafafa;
    font-size: 20px;
}

.cam_view_title.selected, .cam_view_title:hover {
    border-color: #04b100;
}

.cam_view_video {
    width: 200px;
    padding: 10px;
    text-align: center;
}

#video_visualiser {
    height: fit-content;
}

#cam_view_history {
    height: 600px;
    overflow-y: auto;
}

#occupied_view video, #infringement_view video {
    width: 80vw;
}

.cam_view_video.selected, .cam_view_video:hover {
    background-color: #04b100;
}

#overlay_cam_visualiser .box_overlay {
    max-width: 95%;
}

@media only screen and (max-width: 1500px) {
    #occupied_view video, #infringement_view video {
        width: 70vw;
    }
}

@media only screen and (max-width: 900px) {
    #occupied_view video, #infringement_view video {
        width: 95vw;
    }

    #content_cam_visualiser {
        text-align: center;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
}

.search_datepicker {
    height: 30px;
    display: flex;
    width: 200px;
    margin: 0 10px 10px 10px;
}

.search_datepicker .box_button {
    width: 30px;
    height: 26px;
}

.search_datepicker input, .search_datepicker input:hover, .search_datepicker input:focus{
    border: none;
    outline: none;
    width: calc(100% - 30px);
}

/* ======================= end of cam visualiser ==================================== */

.right {
    margin-left: auto;
}

.justify{
    text-align: justify;
}


/* ====================== Stats info in tableau ==================================== */

.big_title_info {
	font-size:24px;
	color: #444;
	height: max-content;
	margin: auto 10px;
	font-weight: bold;
}

#stats_tableau {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	margin-top: 10px;
}

.infotab {
	font-size: 16px;
	color: #444444;
	font-weight: 600;
	margin: 10px;
	display:flex;
}

.infotab *{
	font-size: 16px;
	color: #444444;
	font-weight: 600;
	margin-left: 10px;
}

.ticket_image {
    height: 50px;
    position: relative;
    text-align: center;
}

.ticket_image img {
    width: 100%;
    height: inherit;
    position: relative;
}

.value_ticket {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
}

.value_ticket.blue{color:#5270ee}
.value_ticket.green{color:#2aba27}
.value_ticket.yellow{color:#efc729}
.value_ticket.red{color:#ed5a35}

.half_section{
    background-color: #FAFAFA;
    border: 1px solid #E8E8E8;
}

#ticket_list{
    justify-content: center;
    margin-bottom: 5px;
}

.ticket_title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 11px;
}
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/


body {
  /*min-width: 1072px;*/
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	max-width: 1072px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 6px;
	margin-right: 6px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15,
.push_16, .pull_16 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .grid_1 {
	width:55px;
}

.container_16 .grid_2 {
	width:122px;
}

.container_16 .grid_3 {
	width:189px;
}

.container_16 .grid_4 {
	width:256px;
}

.container_16 .grid_5 {
	width:323px;
}

.container_16 .grid_6 {
	width:390px;
}

.container_16 .grid_7 {
	width:457px;
}

.container_16 .grid_8 {
	width:524px;
}

.container_16 .grid_9 {
	width:591px;
}

.container_16 .grid_10 {
	width:658px;
}

.container_16 .grid_11 {
	width:725px;
}

.container_16 .grid_12 {
	width:792px;
}

.container_16 .grid_13 {
	width:859px;
}

.container_16 .grid_14 {
	width:926px;
}

.container_16 .grid_15 {
	width:993px;
}

.container_16 .grid_16 {
	width:1060px;
}




/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .prefix_1 {
	padding-left:67px;
}

.container_16 .prefix_2 {
	padding-left:134px;
}

.container_16 .prefix_3 {
	padding-left:201px;
}

.container_16 .prefix_4 {
	padding-left:268px;
}

.container_16 .prefix_5 {
	padding-left:335px;
}

.container_16 .prefix_6 {
	padding-left:402px;
}

.container_16 .prefix_7 {
	padding-left:469px;
}

.container_16 .prefix_8 {
	padding-left:536px;
}

.container_16 .prefix_9 {
	padding-left:603px;
}

.container_16 .prefix_10 {
	padding-left:670px;
}

.container_16 .prefix_11 {
	padding-left:737px;
}

.container_16 .prefix_12 {
	padding-left:804px;
}

.container_16 .prefix_13 {
	padding-left:871px;
}

.container_16 .prefix_14 {
	padding-left:938px;
}

.container_16 .prefix_15 {
	padding-left:1005px;
}



/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .suffix_1 {
	padding-right:67px;
}

.container_16 .suffix_2 {
	padding-right:134px;
}

.container_16 .suffix_3 {
	padding-right:201px;
}

.container_16 .suffix_4 {
	padding-right:268px;
}

.container_16 .suffix_5 {
	padding-right:335px;
}

.container_16 .suffix_6 {
	padding-right:402px;
}

.container_16 .suffix_7 {
	padding-right:469px;
}

.container_16 .suffix_8 {
	padding-right:536px;
}

.container_16 .suffix_9 {
	padding-right:603px;
}

.container_16 .suffix_10 {
	padding-right:670px;
}

.container_16 .suffix_11 {
	padding-right:737px;
}

.container_16 .suffix_12 {
	padding-right:804px;
}

.container_16 .suffix_13 {
	padding-right:871px;
}

.container_16 .suffix_14 {
	padding-right:938px;
}

.container_16 .suffix_15 {
	padding-right:1005px;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .push_1 {
	left:67px;
}

.container_16 .push_2 {
	left:134px;
}

.container_16 .push_3 {
	left:201px;
}

.container_16 .push_4 {
	left:268px;
}

.container_16 .push_5 {
	left:335px;
}

.container_16 .push_6 {
	left:402px;
}

.container_16 .push_7 {
	left:469px;
}

.container_16 .push_8 {
	left:536px;
}

.container_16 .push_9 {
	left:603px;
}

.container_16 .push_10 {
	left:670px;
}

.container_16 .push_11 {
	left:737px;
}

.container_16 .push_12 {
	left:804px;
}

.container_16 .push_13 {
	left:871px;
}

.container_16 .push_14 {
	left:938px;
}

.container_16 .push_15 {
	left:1005px;
}



/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .pull_1 {
	left:-67px;
}

.container_16 .pull_2 {
	left:-134px;
}

.container_16 .pull_3 {
	left:-201px;
}

.container_16 .pull_4 {
	left:-268px;
}

.container_16 .pull_5 {
	left:-335px;
}

.container_16 .pull_6 {
	left:-402px;
}

.container_16 .pull_7 {
	left:-469px;
}

.container_16 .pull_8 {
	left:-536px;
}

.container_16 .pull_9 {
	left:-603px;
}

.container_16 .pull_10 {
	left:-670px;
}

.container_16 .pull_11 {
	left:-737px;
}

.container_16 .pull_12 {
	left:-804px;
}

.container_16 .pull_13 {
	left:-871px;
}

.container_16 .pull_14 {
	left:-938px;
}

.container_16 .pull_15 {
	left:-1005px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}
.map_container {
  padding: 6px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #ccc #999 #ccc;
  -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
  -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
  box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
  width: 98%;
  margin-right: 10px;
  display: inline-block;
}

.gmaps4rails_map {
  width: 100%;
  height: 550px;
  margin-right: 10px;
  display: inline-block;
}

.bing_map {
   position: absolute;
   top: 20;
   left: 10;
   width: 400px;
   height: 400px;
   border:#555555 2px solid;
}
/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/

.jqplot-target {
    position: relative;
    color: #666666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
/*    height: 300px;
    width: 400px;*/
}

/*rules applied to all axes*/
.jqplot-axis {
    font-size: 0.75em;
}

.jqplot-xaxis {
    margin-top: 10px;
}

.jqplot-x2axis {
    margin-bottom: 10px;
}

.jqplot-yaxis {
    margin-right: 10px;
}

.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
    margin-left: 10px;
    margin-right: 10px;
}

/*rules applied to all axis tick divs*/
.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
    position: absolute;
    white-space: pre;
}


.jqplot-xaxis-tick {
    top: 0px;
    /* initial position untill tick is drawn in proper place */
    left: 15px;
/*    padding-top: 10px;*/
    vertical-align: top;
}

.jqplot-x2axis-tick {
    bottom: 0px;
    /* initial position untill tick is drawn in proper place */
    left: 15px;
/*    padding-bottom: 10px;*/
    vertical-align: bottom;
}

.jqplot-yaxis-tick {
    right: 0px;
    /* initial position untill tick is drawn in proper place */
    top: 15px;
/*    padding-right: 10px;*/
    text-align: right;
}

.jqplot-yaxis-tick.jqplot-breakTick {
	right: -20px;
	margin-right: 0px;
	padding:1px 5px 1px 5px;
/*	background-color: white;*/
	z-index: 2;
	font-size: 1.5em;
}

.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
    left: 0px;
    /* initial position untill tick is drawn in proper place */
    top: 15px;
/*    padding-left: 10px;*/
/*    padding-right: 15px;*/
    text-align: left;
}

.jqplot-yMidAxis-tick {
    text-align: center;
    white-space: nowrap;
}

.jqplot-xaxis-label {
    margin-top: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-x2axis-label {
    margin-bottom: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-yaxis-label {
    margin-right: 10px;
/*    text-align: center;*/
    font-size: 11pt;
    position: absolute;
}

.jqplot-yMidAxis-label {
    font-size: 11pt;
    position: absolute;
}

.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
/*    text-align: center;*/
    font-size: 11pt;
    margin-left: 10px;
    position: absolute;
}

.jqplot-meterGauge-tick {
    font-size: 0.75em;
    color: #999999;
}

.jqplot-meterGauge-label {
    font-size: 1em;
    color: #999999;
}

table.jqplot-table-legend {
    margin-top: 30px;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
    background-color: rgba(255,255,255,0.6);
    border: 1px solid #cccccc;
    position: absolute;
    font-size: 0.75em;
}

td.jqplot-table-legend {
    vertical-align:middle;
}

/*
These rules could be used instead of assigning
element styles and relying on js object properties.
*/

/*
td.jqplot-table-legend-swatch {
    padding-top: 0.5em;
    text-align: center;
}

tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
    padding-top: 0px;
}
*/

td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
    cursor: pointer;
}

.jqplot-table-legend .jqplot-series-hidden {
    text-decoration: line-through;
}

div.jqplot-table-legend-swatch-outline {
    border: 1px solid #cccccc;
    padding:1px;
}

div.jqplot-table-legend-swatch {
    width:0px;
    height:0px;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

table.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
}


.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}

.jqplot-point-label {
    font-size: 0.75em;
    z-index: 2;
}
      
td.jqplot-cursor-legend-swatch {
    vertical-align: middle;
    text-align: center;
}

div.jqplot-cursor-legend-swatch {
    width: 1.2em;
    height: 0.7em;
}

.jqplot-error {
/*   Styles added to the plot target container when there is an error go here.*/
    text-align: center;
}

.jqplot-error-message {
/*    Styling of the custom error message div goes here.*/
    position: relative;
    top: 46%;
    display: inline-block;
}

div.jqplot-bubble-label {
    font-size: 0.8em;
/*    background: rgba(90%, 90%, 90%, 0.15);*/
    padding-left: 2px;
    padding-right: 2px;
    color: rgb(20%, 20%, 20%);
}

div.jqplot-bubble-label.jqplot-bubble-label-highlight {
    background: rgba(90%, 90%, 90%, 0.7);
}

div.jqplot-noData-container {
	text-align: center;
	background-color: rgba(96%, 96%, 96%, 0.3);
}




/* required styles */


.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(/assets/layers-1dbbe9d028e292f36fcba8f8b3a28d5e8932754fc2215b9ac69e4cdecf5107c6.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/assets/layers-2x-066daca850d8ffbef007af00b06eac0015728dee279c51f3cb6c716df7c42edf.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(/assets/marker-icon-574c3a5cca85f4114085b6841596d62f00d7c892c7b03f28cbfa301deb1dc437.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}