/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16 sept. 2019, 17:30:42
    Author     : SG41RPichet
*/

body {

}
.starter-template {
/*  padding: 3rem 1.5rem; */
  text-align: center;
}

#map{
    width:100%;
    min-height: 100%;
    height:800px;
}

#legende{
    position:absolute;
    z-index:1000;
    background-color: #FFF;
    bottom: 12px;
    left: 10px;
    min-width: 350px;
    }

/* As we've given the element we're displaying the layer tree within a class of
 * layer-switcher (so we can benefit from the default layer-switcher styles) we
 * need to override the position to avoid it being absolutely positioned */
.layer-switcher {
    position: initial;
}

.label-sidebar{
    color:#fff;
}


.map{
    min-height: 100%;
}
#world-map-markers{
    min-height: 375px;
    max-height: 500px;
}

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      
.ol-popup {
  position: absolute;
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 350px;
}
.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
.ol-popup-closer:after {
  content: "✖";
}
#simple-custom-id{
    height: 100%;
}

.modal{
    z-index: 20;   
}
.modal-backdrop{
    z-index: 10;        
}​

ul.ui-autocomplete {
    z-index: 9999999 !important;
}

.dot {
  width: .625rem;
  height: .625rem;
  border-radius: 50%;
  display: inline-block;
  margin-right: .5rem;
}


.symbol {
    width: 35px;
    height: 35px;
}

table.dataTable.compact{
  font-size: 10px;
}

.quilleditor{
    min-height: 120px;
}