@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);

html,body {
min-height:100vh;
}
img {
image-orientation: from-image;
}
.modal-backdrop + .modal-backdrop {
z-index: 1060 !important;
}
.dropdown-menu.show {
z-index: 1050;
}
.display-4 {
font-size: 2.5rem !important;
}
.navbar-brand, .navbar-brand .nav-icon {
height: 50px !important;
}
.right-logo {
height: 65px;
margin-top: calc(5px - 0.5rem);
margin-bottom: calc(5px - 0.5rem);
margin-right: calc(12px - 1rem);
}
#sidebar.sticky-top {
--top-nav-height: calc(40px + 1rem);
min-height: calc(100vh - var(--top-nav-height));
top: var(--top-nav-height);
}
#sidebar .active.text-dark {
background-color: #dae0e5!important;
font-weight: bold;
}
.nav-icon {
margin:-7px 0.25rem -7px 0;
height:44px;
}
#sidebar .badge,
#navbar .badge {
font-size: 70%;
font-weight: 500;
vertical-align: top;
line-height: normal;
padding: 0.1em 0.4em;
}
.white-space-pre-line {
white-space:pre-line;
}
nav.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1050;
}
nav.sticky-top + main {
margin-top: 1.25rem;
}
.custom-file-label::after {
content: "Choisir un fichier"
}
.bg-twitter {
background-color:#00aced;
}
.color-twitter {
color:#00aced;
}
.bg-facebook {
background-color:#3b5998;
}
.bg-instagram {
background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.z-index-1020 {
z-index:1020;
}
form.card {
margin-bottom:1rem;
}
.table.card {
display:table !important;
}
.table.card thead th {
border-top:0 !important;
}
.select2-container {
width: 100% !important;
}
.select2-selection {
border-radius:.25rem !important;
}
.select2-container--focus {
outline:0;
box-shadow:0 0 0 0.2rem rgba(0, 123, 255, 0.25);
border-radius:.25rem !important;
}
.select2-container--focus .select2-selection {
border:1px solid #80bdff !important;
}
.input-group > .select2-container .select2-selection {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
#documents-table_wrapper {
position: relative;
}
.dataTable-customFooter .dataTables_info {
padding:0 !important;
}
.dataTable-customFooter .dataTables_length label {
margin:0 !important;
}
.form-group.required label:not(.custom-file-label)::after {
content:"*";
margin-left:.25rem;
font-size:80%;
color:red;
}
div.submit {
display:inline-block;
}
.main-row {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:0;
}
.map-16-9-container {
width:100%;
position:relative;
padding-top:56.25%
}
.map-4-3-container {
width:100%;
position:relative;
padding-top:75%
}
.map-1-2-container {
width:100%;
position:relative;
padding-top:200%
}
.map-16-9-container .map,
.map-4-3-container .map {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:0;
}
.map-marker {
position: absolute;
top: 50%;
left: 50%;
z-index: 999;
font-size: 3rem;
transform: translate(-50%,-90%);
text-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.map .selected.line {
stroke:red;
}
.map .selected.point {
stroke:red;
fill:red;
}
.leaflet-container {
font-family: unset !important;
}
.leaflet-control {
border:2px solid rgba(0,0,0,0.2);
border-radius:4px;
}
.leaflet-control.leaflet-draw {
border: 0;
}
.leaflet-control-search * {
outline: none !important;
box-shadow: none !important;
}
.leaflet-base-pane {
z-index: 300;
}
path.leaflet-interactive[fill-opacity="0.2"]:hover {
fill-opacity: 0.5;
}
#mapRechercheCommune .leaflet-control-zoom .message {
position: absolute;
top: 0;
left: calc(100% + 15px);
white-space: nowrap;
color: red;
font-weight: bold;
}
#autres-evenements-list table {
margin:0 !important;
}
#autres-evenements-list table tr:first-child td {
border-top:0 !important;
}
.evenement-detail p,
.evenement-detail table,
.evenement-detail .table-control,
#autres-evenements-list .table-control {
font-size:90% !important;
}
.evenement-detail .table-hover tr,
#autres-evenements-list .table-hover tr {
cursor:pointer;
}
.dm-uploader {
border:0.25rem dashed #ced4da;
border-width:0.25rem !important;
}
.fancytree-container {
font-family: unset !important;	
font-size: 90% !important;
}
.fancytree-node.fancytree-active,
.fancytree-node.fancytree-selected,
.fancytree-node.fancytree-selected span.fancytree-title {
background:transparent ! important;
}
.fancytree-exp-n span.fancytree-expander,
.fancytree-exp-nl span.fancytree-expander {
display:none;
}
.fancytree-container > li > .fancytree-node .fancytree-expander {
display:none;
}
.fancytree-container > li > .fancytree-node .fancytree-title {
margin-left:0;
font-weight:bold;
}
.fancytree-container > li > ul {
padding-left:0.5rem;
}
.fancytree-node .fancytree-expander,
.fancytree-node .fancytree-checkbox,
.fancytree-node .fancytree-radio,
.fancytree-node .fancytree-icon {
display:inline-block;
width:1rem;
margin:0;
text-align:center;
margin-top:0.25rem;
}
.fancytree-node .fancytree-checkbox,
.fancytree-node .fancytree-radio {
color:#6c757d!important;
}
.fancytree-node.fancytree-selected .fancytree-checkbox,
.fancytree-node.fancytree-selected .fancytree-radio {
color:#007bff!important;
}
.fancytree-node .fancytree-title {
white-space:normal !important;
}
.layer-select {
width:300px;
height:auto;
}
.layer-select ul.fancytree-container {
border:0;
border-radius:4px;
}
.d-flex .col-form-label {
white-space:nowrap;
}
input[value=""] + .clear {
display:none;
}
.select2-results li i.small {
opacity:0.8;
}
#mapping #columns .select2 .select2-selection {
border: 0 !important;
}
#mapping #columns .select2.select2-container--focus {
border-radius: 0 !important;
}
#mapping #columns .select2 .select2-selection__rendered {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.marker-fa-icon .fas {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.televersement .form-control.is-invalid {
background-image: none;
}
.televersement .form-control.is-invalid.warning {
border-color: #ff9c07;
}
.televersement .text-warning,
.televersement .is-invalid.warning ~ .form-check-label,
.televersement .is-invalid.warning ~ .invalid-feedback {
color: #ff9c07 !important;
}
.televersement #list a.list-group-item-action.active.text-success {
border-color: #28a745!important;
background-color: #28a745!important;
color: #fff !important;
}
.televersement #list a.list-group-item-action.active.text-warning {
border-color: #ffc107!important;
background-color: #ffc107!important;
color: #495057!important;
}
.televersement #list a.list-group-item-action.active.text-danger {
border-color: #dc3545!important;
background-color: #dc3545!important;
color: #fff !important;
}
.televersement .text-muted,
.televersement .text-muted:hover {
color: #495057!important;
}
.televersement #list a.list-group-item-action.active.text-muted {
border-color: #e9ecef!important;
background-color: #e9ecef!important;
color: #495057!important;
}
#type-obs .btn {
transition-duration: 0.5s;
}
.hidden-input-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.nomargin * {
margin:0 !important;
}
h2.modal-title {
font-weight: 300;
}
i.bubble {
display:inline-block;
width:24px;
height:24px;
text-align:center;
line-height:18px;
border-radius:50%;
border:3px solid transparent;
font-size:80%;
background:#fff;
color:#000;
}
.pin-div {
display:block;
position:absolute;
left:0;
top:0;
border-radius:50% 50% 50% 0;
border:3px solid transparent;
line-height:22px;
text-align:center;
font-size:110%;
background:#fff;
width:28px;
height:28px;
transform:rotate(-45deg);
z-index:-1;
color:#000;
}
.pin-div::before {
display:block;
transform:rotate(45deg);
}
.pin-div.inactive::after {
content:"\f00d";
font-family:"Font Awesome 5 Pro";
font-weight:900;
color:red;
position:absolute;
top:0;
right:0;
font-size:130%;
transform:rotate(45deg) translate(50%, -25%);
}
.pin-div .azimuth {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.pin-div .azimuth::before {
content: "";
position: absolute;
top: -13px;
left: 50%;
transform: translateX(-50%);
height : 0;
width : 0;
border-right : 5px solid transparent;
border-bottom : 9px solid red;
border-left : 5px solid transparent;
}
i.bubble.degat.importance-0,
.pin-div.degat.importance-0 {
border-color:grey;
}
i.bubble.degat.importance-1,
.pin-div.degat.importance-1 {
border-color:yellow;
}
i.bubble.degat.importance-2,
.pin-div.degat.importance-2 {
border-color:orange;
}
i.bubble.degat.importance-3,
.pin-div.degat.importance-3 {
border-color:red;
}
i.bubble.degat.importance-4,
.pin-div.degat.importance-4 {
border-color:darkred;
}
i.bubble.phe,
.pin-div.phe {
border-color:blue;
}
i.bubble.autre,
.pin-div.autre {
border-color:blue;
}
i.bubble.zone-inondee,
.pin-div.zone-inondee {
border-color:#3388ff;
}
i.bubble.tweet,
.pin-div.tweet {
border-color:#00aced;
color:#00aced;
}
.leaflet-tooltip {
opacity:1 !important;
}
.leaflet-tooltip .rounded-top,
.leaflet-tooltip img {
border-radius:0px !important;
min-width:250px;
min-height:100px;
}
.card-img-top.error {
display: block;
padding-top:2rem;
background: #ccc;
text-align: center;
color: #fff;
}
.document-activation.active .activate {
display:none;
}
.document-activation.inactive .desactivate {
display:none;
}
.scroll-y {
overflow-y:auto;
overflow-x:hidden;
}
.observation-tooltip > * {
width:250px;
white-space:normal !important;
overflow:hidden;
}
.observation-tooltip .document-icon {
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
text-align:center;
width:250px;
height:250px;
margin-bottom: 0.25rem;
}
.observation-tooltip .document-icon i {
margin-top:50%;
transform:translateY(-50%);
}
.td-word-wrap td {
word-break:break-all;
}
.marker-cluster-default {
color:#fff;
background:rgba(40, 167, 69, 0.5);
}
.marker-cluster-default div {
background:rgb(40, 167, 69);
}
.h5.dropdown-toggle::after {
font-size:1rem;
}
.accordion > .card.visible:last-of-type,
.accordion > .card:first-of-type:last-of-type {
border-bottom:1px solid rgba(0,0,0,.125);
}
.map-slider {
width:30vw;
background:#fff;
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
}
.map-slider .noUi-target {
border:0;
height:7px;
}
.map-slider .noUi-connects {
background:#d3d3d3;
}
.map-slider .noUi-handle {
height:20px;
width:20px;
border-radius:50%;
right:-10px !important;
top:-6px;
border:0;
box-shadow:none;
background:#6c757d;
outline:none;
cursor:pointer;
}
.map-slider .noUi-handle::before,
.map-slider .noUi-handle::after {
display:none;
}
.map-slider .noUi-tooltip {
color:#fff;
background:rgba(0,0,0,0.9);
border:0;
padding:0.25rem;
bottom:130%;
}
.map-slider .noUi-tooltip::after {
content:"";
width:0;
height:0;
border-style:solid;
border-width:5px 5px 0 5px;
border-color:rgba(0,0,0,0.9) transparent transparent transparent;
position:absolute;
bottom:-5px;
left:50%;
transform:translateX(-50%);
}
#localisation-tabs.disabled::after {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(255, 255, 255, 0.5);
z-index:1000;
}
.modal {
max-width:100vw !important;
}
.modal-open .select2-dropdown {
z-index: 10060;
}
.modal-open .select2-close-mask {
z-index: 10055;
}
.modal-title::first-letter {
text-transform: uppercase;
}
.leaflet-control-scale.leaflet-control {
border:0 !important;
}
.leaflet-control-progress.leaflet-control {
width:10vw;
display:none;
}
.leaflet-draw-browse-file {
background-image: none !important;
}
.leaflet-draw-browse-file input {
width: 1px;
height: 1px;
z-index: -5;
}
.leaflet-draw-browse-file i {
color: #464646;
font-size: 14px;
}
.overflow-y-auto {
overflow-y:auto;
}
ul.fancytree-container {
border:none !important;
}
.evenement-visibility .fa-eye-slash {
display:none;
}
.evenement-visibility.evenement-hidden .fa-eye-slash {
display:inline-block;
}
.evenement-visibility.evenement-hidden .fa-eye {
display:none;
}
.leaflet-control-tree {
border-radius: 2px;
}
.leaflet-control-tree .fancytree-container {
display: none;
}
.leaflet-control-tree:hover .fancytree-container {
display: block;
}
.leaflet-control-tree .layers-icon {
border-radius: 2px;
background: #fff;
font-size: 200%;
color: var(--dark);
padding: 0.25rem 0.75rem;
}
.leaflet-control-tree:hover .layers-icon {
display: none;
}
.leaflet-control-tree .fancytree-container {
border-radius: 2px;
width:225px;
max-height:300px;
overflow:hidden auto;
}
.map-with-sidebar {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}
.map-with-sidebar #map {
z-index:100;
}
@media screen and (max-width: 1199px) {
	.map-with-sidebar #map-sidebar {
	height:100%;
	position:relative;
	display:flex;
	flex-flow: column;
	}
	.map-with-sidebar.sidebar-closed #map-sidebar {
	height:auto;
	}
	.map-with-sidebar #map-sidebar .tab-content {
	display:none;
	flex:1;
	}
	.map-with-sidebar #evenements {
	padding-bottom:1rem;
	}
	.map-slider {
	width:60vw;
	}
}
@media screen and (min-width: 1200px) {
	.map-with-sidebar #map-sidebar {
	width:30vw;
	height:100%;
	display:flex;
	flex-flow:column;
	}
	.map-with-sidebar #map-sidebar .tab-content {
	flex:1;
	}
	.map-with-sidebar.sidebar-closed #map-sidebar {
	width:fit-content;
	}
	.map-with-sidebar.sidebar-closed #map-sidebar .nav {
	flex-direction:column;
	}
	.map-with-sidebar.sidebar-closed #map-sidebar .nav-link {
	display:block;
	}
	.map-with-sidebar.sidebar-closed #map-sidebar .nav-link span {
	display:none;
	}
}

.input-clear-wrapper .input-clear {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
border: 0;
background: transparent;
outline: none;
}
.input-clear-wrapper input:placeholder-shown + .input-clear {
display: none;
}

table.dataTable tbody tr.selected {
background-color: #007bff !important;
}
table.dataTable tbody tr.selected * {
color: white !important;
}

.popover.notification {
width: 600px;
max-width: 600px;
font-size: 80% !important;
}

.btn-actions-televersement {
position: absolute;
top: 1rem;
left: 50%;
transform: translateX(-50%);
}
.televersement .carousel-item.disabled {
/*opacity: 0.5;*/
}
.televersement .carousel-item.disabled::before {
content:"";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100' style='background:rgba(200,200,200,0.5)'><path d='M1 0 L0 1 L99 100 L100 99' fill='grey' /><path d='M0 99 L99 0 L100 1 L1 100' fill='grey' /></svg>");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
.televersement .carousel-indicators li {
width: 5px;
height: 5px;
border-radius: 50%;
}

#instancesDropdown + .dropdown-menu.show {
max-height: 300px;
overflow-y: auto;
}