#container-viewer{
    height: 100%;
    background:#FFF;
    outline:transparent;
}

#viewer{
    background:#FFF; /* Pour Fullscreen, permet d'afficher les tiles non chargées en blanc */
}

.ol-icon-group.icon-rectangle, .ol-icon-group.icon-circle-outline{
    top : 0.5px;
}

.ol-control button:not(.btn-circle-ol){
    border: 1px solid !important;
}

.btn-circle-ol{
    top: 10px;
    position: absolute;
    left: -12px; 
    cursor : inherit !important;
    width: 23px;
    height: 29px;
    text-align: center !important;
}

#inforapPopover {
    min-width: 300px;
}

.container-ol-multiple-buttons{
    height:0px !important;
}

 

.ol-control:not(.ol-rotate){
    right : 0.5em !important;
    left:inherit !important;
}

.ol-rotate{
    right : 4em !important;
    left:inherit;
    top:1em !important;
    width: 34px;
    height: 33.8px;
}

#switch-layer{
    position: absolute;
    bottom: 3em;
    width: 7em;
    height: 4.8em;
    left: 22px;
    background-size: cover;
    background-position:center;
    opacity: 0.7;
    box-shadow: 1px 2px 15px 0px rgba(0,0,0,0.60);
    border: 2px solid rgba(255,255,255,0.5);
    cursor:pointer;
    opacity:1;
    padding:0;
}

@media (max-width: 400px) {
    #switch-layer{
        bottom: 5em!important;
        left: 8px;
    }
    
} 

#switch-layer-background{
    width:100%;
    height:100%;
    background:#000;
    opacity:0.6;
    display:none;
}

#baseLayerSwitcher .spinner, #switch-layer .spinner {
    height:100%;
    width:100%;
    top:0 !important;
    right:0 !important;
}

#baseLayerSwitcher .spinner-icon, #switch-layer .spinner-icon {
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    margin: auto !important;
    position: absolute !important;
    width: 35px !important;
    height : 35px !important;
}

#inforapPopover .popover-body{
    max-height : 300px;
    overflow: auto;
    overflow-x: hidden;
}

.bootstrap-select .filter-option-inner-inner .labelProj,.bootstrap-select li .icon-projselect{
    display:none;
}

.footer-tab .bootstrap-select .dropdown-menu {
    width : auto !important;
}

.footer-tab .bootstrap-select>.dropdown-toggle:after {
    margin-top : 2px !important;
}

.labelProj{
    white-space: nowrap !important;
}

#viewer-overlay{
    background: #000;
    z-index: -9;
    opacity: 0;
    transition : all 0.2s ease
}

#container-viewer-overlay-text{
    z-index: -9;
    opacity : 0;
    transition : all 0.2s ease;
}

#viewer-overlay-text{
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.container-btn-layer-grid{
    max-height : 40px;
    white-space : nowrap;
}
.btn-layer-grid{
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon-layer-grid{
    width: 16px;
    top: -2px;
    position: relative;
}

#icon-layer-selected{
    top : -3px !important;
}

/*Gestion du curseur sur la map*/
div#viewer.cursor_move{cursor:move;}
div#viewer.cursor_help{cursor:help;}
div#viewer.cursor_pointer{cursor:pointer;}
div#viewer.cursor_crosshair{cursor:crosshair;}
div#viewer.cursor_zoom_out{cursor:pointer;}
div#viewer.cursor_zoom_not_allowed{cursor:not-allowed;}
div#viewer.cursor_zoom_out{cursor:-moz-zoom-out;}