/* correction theme psud*/
.panel-east-view .x-tab-bar a{
    padding: 10px;
}
.panel-east-view .x-tab-default-top{
    background-color: whitesmoke;
}
.x-btn-default-small.x-menu-item-cmp-default {
    background-color: white;
}

.x-btn-default-small.x-menu-item-cmp-default .x-btn-inner-default-small {
    color: black;
}
.geocommon-layerscontrol-worklayer.x-grid-row {
    background-color:darkorange;
}
.geocommon-layerscontrol-baselayer.x-grid-row {
    background-color:darkgrey;
}
.geocommon-layerscontrol-dd-up-layer-hover.x-grid-item {
    border-top-color:Lime !important;
    border-top-width:1px !important;
}
.geocommon-layerscontrol-dd-down-layer-hover.x-grid-item {
    border-bottom-color:Lime !important;
    border-bottom-width:1px !important;
}

.geocommon-layerscontrol-worklayer-hover {
    background-image: url(../images/icon-16/worklayer.png) !important;
}

.geocommon-fieldLayer-invalid .x-panel-body-default{
    border-color:red !important;
}
.geocommon-fieldLayer-invalid .geocommon-layerscontrol-worklayer{
    color:red;
}

.geocommon-fieldLayer-mandatory .geocommon-layerscontrol-worklayer div{
    text-decoration:underline;
}
.geocommon-saisie-dms{
    font-weight: bold !important;
    font-size: large !important;
}


/*gestion de l'arbre des layers*/
td.layerLoading > div.x-grid-cell-inner > img.x-tree-elbow,td.layerLoading > div.x-grid-cell-inner > img.x-tree-elbow-end{
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon-16/spinner.gif);
}
td.layerLoadedError > div.x-grid-cell-inner > img.x-tree-elbow,td.layerLoadedError > div.x-grid-cell-inner > img.x-tree-elbow-end{
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon-16/warning.png);
}
td.layerNoProfil > div.x-grid-cell-inner > img.x-tree-elbow,td.layerNoProfil > div.x-grid-cell-inner > img.x-tree-elbow-end{
    margin-right:3px;
    margin-left:18px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../images/icon-16/cadenas.png);
}

img.icon-leaf-map{
    background-image: url(../images/icon-16/map.png);
}

img.icon-leaf-shape{
    background-image: url(../images/icon-16/shape.png);
}

img.icon-leaf-none{
    display: none !important;
}

.cellTree-metadata {
    padding-left:25px;
    padding-right:10px;
}
.cellTree-metadata .x-grid-cell-inner img{
    display:none !important;
}

.cellTree-metadata .x-grid-cell-inner{
    height: auto !important;
    white-space: normal !important;
    color:#696969;
}

.cell-bold  .x-grid-cell-inner{
    font-weight: bold !important;
}

.geocommon-layerscontrol-panel table{
    width: 100% !important;
}
.x-grid-cell-first.cellNoPaddingLeftRight {
    width: 32px  !important;
}

.cellNoPaddingLeftRight,.cell16px .x-grid-cell-inner{
    padding-left: 0px;
    padding-right: 0px;
}
.cell16px{
    width: 16px !important;
}
.cell25px{
    width: 25px !important;
}
.cellMax {
    width: 100% !important;
}
img.icon-leaf-shape{
    background-image: url(../images/icon-16/shape.png);
}

.layerLoading{
    background-image: url(../images/icon-16/loading.gif);
}
.layerLoadError{
    background-image: url(../images/icon-16/aplication-console.png);
}
.baseLayerThumb img{
    width: 60px;
    height: 60px;
}
.x-item-selected .baseLayerThumb{
    background:#8db2e3;
}
.baseLayerThumb {
    font: 11px Arial, Helvetica, sans-serif;
    cursor: pointer;
    float:left;
    padding: 2px;
    margin-right:5px;
}

.panelBaseLayer{
    margin-left:15px;
    margin-top:4px;
}

/*
Style du container des photos
 */
.photoWidget{
    position:absolute;
    bottom:0;
    margin:0px 20px 0px 10px;
    width:100%;
    height: 100px;
    background:rgba(48, 46, 46, 0.28);
}

.imagePhotoWidget{
    display: inline-flex;
    position:relative;
    margin:0px 10px 0px 10px;
    width:100px;
    height: 100px;
    background-size:cover;
    cursor: pointer;
    border-radius:20px 20px;
}

.sourcesWidget{
    background:rgba(48, 46, 46, 0.8);
    color:white;
}
.sourcesWidgetField{
    color:white;
    font-style: italic;
    font-size:x-small;
}

.sourcesWidgetLabel{
    color:white;
    padding-left:10px;
    font-size:x-small;
}

.mapIdentify {
    cursor:progress;
}
.cartoprint-panel {
    background-color:#f1f1f1 !important;
}

.cartoprint-panel .x-fieldset-default {
    background-color:#f1f1f1 !important;
}

.identify_pagination{

    color:white;
    font-weight: bold;
    text-align: right;
}
.panel_identification .x-title-text{
    display: flex;
    justify-content: space-between;
}
.ol-popup-closer .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #ffffffcc;
    color: #333333;
    text-align: center;
    padding: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    left: 60px;
}


.ol-popup-closer:hover .tooltiptext {
    visibility: visible;
}

.ol-tooltip {
    display: table;
    background-color: white;
    padding: 5px;
    opacity: 0.75;
    max-height: 16px !important;
}


.ol-tooltip:before { /*  our pseudo-element */
    content:"";/* required */
    position: absolute; /* takes the 'cap' out off flow */
    top:0.5px; /* stick it to top edge of the sign */
    right:100%; /* push it way overto the right*/
    height:0; /* we're doing this with borders remember */
    width:0;
    border-width: 13px;
    border-style:solid;
    border-color:white; /* same as bg of our rectangle */
    /* now we make some of theborders disappear*/
    border-top-color:transparent;
    border-bottom-color:transparent;
    border-left-color:transparent;
}

.iconToolTip {
    display: table-cell;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    min-width: 16px !important;
    background-size: cover;
}
.messageToolTip {
    display: table-cell;
    vertical-align: middle;
    color: black;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-map {
    background-color: white;
    color: black;
    display: flex;
    align-items: center;
    padding: 5px;
    opacity: 0.5;
}
.notification-icon {
    width: 32px;
    height: 32px;
}
.notification-text{
    font-size: 1.5em;
    margin-left: 1em;
}

a.x-btn-default-small.button-swipe {
    background-color: inherit;
}
a.x-btn-default-small.button-swipe.x-btn-pressed {
    background-color: green;
}
a.x-btn-default-toolbar-medium.button-temporel {
    background-color: inherit;
}
a.x-btn-default-toolbar-medium.button-reset {
    background-color: inherit;
}

.x-toolbar.mapinfo-view {
    padding: 0;
}