.slider .tooltip {
    z-index: 70 !important;
}

li {
    cursor: pointer;
}

#filterSymbol {
    cursor: pointer;
}
#filterSymbol:hover {
    cursor: pointer;

}

#filteredTextInformation {
    cursor: pointer;
    color: #009dff;
    text-decoration: underline;
}
#filteredTextInformation:hover {
        cursor: pointer;
        text-decoration: none;
}

.modal, .modal-backdrop {
    position: absolute !important;
}

.bigModal {
    position: relative;
}


#resetYearDiv {
    padding: 10px;
    padding-left: 15px !important;
}

#filterRemovalDiv {
    padding: 10px;
    padding-left: 15px !important;
}

#divResultsAndSelection {
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex: 1 1 auto;
}

#filterDateDiv {
    padding-top: 15%;
    padding-bottom: 5%;
    padding-left: 20px !important;
}

#filterLayerSubjectDiv {
    padding-top: 10px;
}

#filterRepresentationTypeDiv {
    padding-top: 10px;
}

#filterLayerTopicDiv {
    padding-top: 10px;
}

#filterLayerCollectionDiv {
    padding-top: 10px;
}

#filterLayerProducerDiv {
    padding-top: 10px;
}

#filterPhotoClassificationYearDiv {
    padding-top: 10px;
}

#filterPhotoInstitutionDiv {
    padding-top: 10px;
}

#filterPhotoScaleDiv {
    padding-top: 10px;
}

#filterPhotoSeasonsYearDiv {
    padding-top: 10px;
}

#filterPhotoEmulsionsDiv {
    padding-top: 10px;
}

#filterPhotoSubjectsDiv {
    padding-top: 10px;
}

#filterPhotoDigitizedDiv {
    padding-top: 10px;
}

#filterPhotoProducersDiv {
    padding-top: 10px;
}

.form-control-chosen {
    border-radius: 4px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
}



/*.slider-handle.custom::before {
    line-height: 20px;
    font-size: 20px ;
    content: '\2022' !important; 
    font-family: FontAwesome ;
    color: #000000;
}*/
    .tooltip.tooltip-min.top.in {
    margin-left: -21.5px !important;
}

.tooltip.tooltip-max.top.in {
    margin-left: -21.5px !important;
}



#filterControl {
    /*margin-top: 40px;*/
    width: 100%;
    height: 100% !important;
    overflow-y: auto;
    overflow-x: hidden;
}

li.search-field {
    width: 100%;
}

.inputFilter {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px 0;
}


div.accordion_panel {
    padding: 0 18px;
    flex: 0 0 350px;
    width: 350px;
    height: 100%;
}

a.hiddenTools {
    /*visibility: hidden;*/
    display: none;
}

tr.resultLayers:hover span.layerTitleGrid {
    color:white;
    /*visibility:;*/
}

tr.resultLayers:hover a.hiddenTools {
    display:inline-block;
    /*visibility:;*/
}

tr.resultLayers:hover #ex1Slider {
    display: block;
}

/*slider related viw ResultsAndSelection.cshtml*/
#BS .slider-selection {
    background: transparent !important; /* For browsers that do not support gradients */
}
#BS .slider-track {
    background: black !important; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1)) !important; /*Safari 5.1-6*/
    background:-o-linear-gradient(right, rgba(255,255, 255, 0), rgba(0, 0, 0, 1)) !important; /*Opera 11.1-12*/
    background:-moz-linear-gradient(right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1)) !important; /*Fx 3.6-15*/
    background:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1)) !important; /*Standard*/
}

#BS {
    width: 150px !important;
}

#SBaseMap .slider-selection {
    background: transparent !important; /* For browsers that do not support gradients */
}

#SBaseMap .slider-track {
    background: black !important; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1)) !important; /*Safari 5.1-6*/
    background: -o-linear-gradient(right, rgba(255,255, 255, 0), rgba(0, 0, 0, 1)) !important; /*Opera 11.1-12*/
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1)) !important; /*Fx 3.6-15*/
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1)) !important; /*Standard*/
}


#SBaseMap {
    width: 150px !important;
}


/*end slider related*/

div.accordion {
    flex: 0 0 20px;
    width: 20px;
    background-color: #eee;
    color: #444;
    cursor: pointer;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    border-right: thin solid #ebebeb;
}

div#accordionFilters {
    background-color: #ebebeb;
}

div#accordionLayers {
    background-color: #f8f8f8;
}

div.accordion:hover {
    background-color: gray;
}

#mapDiv {
    /*background-color: lightblue;*/
    background-color: white;
    display: flex;
    flex: 1 1 100%;
    overflow: hidden;
    max-height: 100%;
}

html, body {
    height: 100%;
}

div.body-content {
    display: flex;
    flex-flow: column;
    height: 100%;
}

div.discovery {
    display: flex;
    flex: 1 1 auto;
    /* -22px => footer + margin... */
    height: calc(100% - 22px);
}

/* Bug fix 23680 - Barre de scroll à droite par défaut dans Edge */
/*footer {
    flex: 0 1 5px;
}*/

ul > li.selectedLayers, ul > li.resultLayers {
    padding: 0px !important;
}

ul > li.selectedLayers {
    float: none !important;
}

.ui-state-highlight {
    height: 1.5em;
    line-height: 1.2em;
    border: 1px solid black !important;
    background-color: lightgrey !important;
}

ul > li.resultLayers:hover {
    padding: 0px !important;
    background-color: #009dff;
    color: #fff;
}

#SelectedLayerList {
    background-color: lightgreen;
}

ul > li.selectedOutOfBoundLayers {
    background-color: lightgray !important;
    color: dimgray !important;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

#ResultLayerList {
    overflow: auto;
}

.selectedLayersAdminPhoto {
    overflow: hidden;
}


#LayerListDiv, #SelectedLayerList, #ResultLayerList, .selectedLayers div, .resultLayers div{
        padding: 0 !important;
    }

#div_ligne {
    display: flex;
}

.pagingBtn {
    cursor: pointer;
}

#resultDiv {
    flex-flow: column;
}

.layerTitle {
    overflow: hidden;
    text-overflow: ellipsis;
}

.hideFlex {
    display: none;
}

.showFlex {
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.actionTool {
    cursor: pointer;
}

.actionTool1 {
    cursor: pointer;
}

.legendItemsSymbology {
    list-style-type: none;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.flash-button{
    background:red !important;
    padding:5px 10px;
    color:#fff;
    border:none;
    border-radius:5px;
    animation-name: flash;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    /*Firefox 1+*/
    -webkit-animation-name: flash;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    /*Safari 3-4*/
    -moz-animation-name: flash;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
}

@keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

/*Firefox 1+*/
@-webkit-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

/*Safari 3-4*/
@-moz-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}