/* Web Font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&display=swap');

/* Containers */
html,
body,
#dojoContentPaneSidePanel,
#dojoContentPaneView,
#dojoContentPaneBottomPanel,
#dojoContentPaneTOC,
#viewDiv,
#sidePanelDiv,
#tabPanelDiv {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    /* background:moccasin; */
}


/* BorderContainer */
#dojoBorderContainerMain,
#dojoBorderContainerSidePanel {
    padding: 0;
    /* margin: 0; */
    margin-left: -1px;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 100%;
    width: 100%;
    overflow: hidden;
}


/* TabContainer */
#dojoContentPaneBottomPaneTabContainer {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}


/* View Map Layout*/
.viewContainer {
    display: grid;
    grid-template-rows: auto 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.viewContainer .viewHeader {
    grid-column: 1/3;
    grid-row: 1/2;
}

.viewContainer .viewDiv {
    grid-column: 1/3;
    grid-row: 2/4;
}

.viewContainer .expandBottomButtom {
    grid-column: 1/3;
    grid-row: 2/4;
    justify-self: center;
    align-self: end;
    transform: translate(0px, 7px);
    height: 20px;
    width: 64px;
    background-image: url(../images/Buttons/btn-expand-vertical-content.png);
    background-repeat: no-repeat;
    background-size: 64px 20px;
    cursor: pointer;
}

.viewContainer .div-process-bar {
    grid-column: 1/3;
    grid-row: 2;
    justify-self: center;
    align-self: start;
    height: 5px;
    width: 100%;
    z-index: 1;
    top: -3px;
    transform: translate(0px, -5px);
}

.div-process-bar {
    height: 5px;
    overflow: hidden;
}

.div-process-bar .process-bar {
    position: relative;
    height: 5px;
    background: rgb(255, 192, 0);
    width: 0px;
}


/* SidePanel */
#treeContainerDiv {
    padding: 0;
    margin: 0;
    font-family: Lucida Sans Unicode;
    font-size: 11px;
    /* overflow: hidden; */
}


/* TOC */
.TOC-Icon-GroupLayer {
    background-image: url("../images/Icons/toc-group-layer.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.TOC-Icon-Layer {
    background-image: url("../images/Icons/toc-layer.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.TOC-Icon-NoLoaded-Layer {
    background-image: url("../images/Icons/toc-noloaded-layer.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.TOC-Icon-Loaded-Layer {
    background-image: url("../images/Icons/toc-loaded-layer.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.TOC-Icon-Loaded-Layer-point {
    background-image: url("../images/Icons/toc-loaded-layer-point.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.TOC-Icon-Loaded-Layer-multipoint {
    background-image: url("../images/Icons/toc-loaded-layer-multipoint.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.TOC-Icon-Loaded-Layer-polyline {
    background-image: url("../images/Icons/toc-loaded-layer-polyline.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.TOC-Icon-Loaded-Layer-polygon {
    background-image: url("../images/Icons/toc-loaded-layer-polygon.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.TOC-Icon-OutScale-Layer {
    background-image: url("../images/Icons/toc-loaded-layer.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.TOC-Icon-OutScale-Layer-point {
    background-image: url("../images/Icons/toc-loaded-layer-point.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.TOC-Icon-OutScale-Layer-multipoint {
    background-image: url("../images/Icons/toc-loaded-layer-multipoint.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.TOC-Icon-OutScale-Layer-polyline {
    background-image: url("../images/Icons/toc-loaded-layer-polyline.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.TOC-Icon-OutScale-Layer-polygon {
    background-image: url("../images/Icons/toc-loaded-layer-polygon.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.TOC-Icon-Failed-Layer {
    background-image: url("../images/Icons/toc-failed-layer.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.TOC-Icon-Error-Layer {
    background-image: url("../images/Icons/toc-error-layer.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.TOC-Icon-Loading-Layer {
    background-image: url("../images/Icons/toc_loadingLayer.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    /* margin:-8px 0 0 -8px; */
    -webkit-animation: spin 0.25s linear infinite;
    -moz-animation: spin 0.25s linear infinite;
    animation: spin 0.25s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.TOC-div-ToolBar {
    display: inline;
    margin-left: 2px;
    margin-right: -5px;
    vertical-align: baseline;
}

.TOC-div-RowButton {
    display: inline;
    cursor: pointer;
    margin-left: 2px;
    margin-right: 2px;
    color: #6E6E6E;
}

.TOC-i-RowButton {
    cursor: pointer;
    color: #6E6E6E;
}

.TOC-i-RowButton:hover {
    color: #243C5F;
}

.TOC-i-RowToggleButton-Checked {
    cursor: pointer;
    color: #243C5F;
}


/*
.TOC-i-RowToggleButton-Checked:hover {
    cursor: pointer;
    color: rgb(200, 200, 200);
}
*/

.TOC-i-RowToggleButton-UnChecked {
    cursor: pointer;
    color: rgb(200, 200, 200);
}


/*
.TOC-i-RowToggleButton-UnChecked:hover {
    cursor: pointer;
    color:#243C5F;
}
*/


/* .TOC-i-RowToggleButton .checked {
    color:#243C5F;
}

.TOC-i-RowToggleButton .checked:hover {
    color: #6E6E6E;
}

.TOC-i-RowToggleButton .unchecked {
    color: #6E6E6E;
}

.TOC-i-RowToggleButton .unchecked:hover {
    color:#243C5F;
} */

.TOC-div-LayerInfo {
    font-family: Lucida Sans Unicode;
    font-size: 11px;
    padding-left: 6px;
    padding-right: 6px;
    /* background: #FDF9F9; */
}

.TOC-div-LayerInfo div {
    display: inline;
    padding-right: 2px;
}

.TOC-div-LayerInfo .bold {
    font-weight: bold;
}

.menu-icon-18-zoom {
    background-image: url("../images/Icons/menu-zoom.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center center;
    width: 18px;
    height: 18px;
    text-align: center;
}

.menu-icon-18-download {
    background-image: url("../images/Icons/menu-download.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center center;
    width: 18px;
    height: 18px;
    text-align: center;
}

/* DGRID */
.nihilo .dgrid .dgrid-header {
    font-weight: bold;
    background-image: linear-gradient(white, lightgrey);
}

.nihilo .dgrid .dgrid-cell {
    vertical-align: middle;
}


/*
.nihilo .dgrid-column-clave_bloq {
    width: 200px;
}
 */


/* TOOLBAR */
.action-button {
    font-size: 16px;
    background-color: white;
    border: 0px solid #D3D3D3;
    color: #6e6e6e;
    height: 32px;
    width: 32px;
    text-align: center;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

.action-button:hover,
.action-button:focus {
    background: #0079c1;
    color: #e4e4e4;
}

.active {
    background: #0079c1;
    color: #e4e4e4;
}

.FadeContainer {
    position: absolute;
    margin-right: 35px;
    width: 105px;
    right: 0;
}

.fast-spin {
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
}

.faster-spin {
    -webkit-animation: fa-spin 0.25s infinite linear;
    animation: fa-spin 0.25s infinite linear;
}

.div-center-object {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.div-higchart-info {
    font-size: 9px;
    text-align: right;
    height: 25px;
    color: gray;
}

.div-button-expand-ContentPane-Horizontal {
    text-align: center;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -13px);
    height: 20px;
    width: 64px;
    background-image: url('../images/Buttons/btn-expand-vertical-content.png');
    background-repeat: no-repeat;
    background-size: 64px 20px;
    cursor: pointer;
}

.div-button-expand-ContentPane-Vertical {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-7px, -50%);
    height: 64px;
    width: 20px;
    background-image: url('../images/Buttons/btn-expand-horizontal-content.png');
    background-repeat: no-repeat;
    background-size: 20px 64px;
    cursor: pointer;
}

.div-toolbox-bottom-tabcontainer {
    text-align: center;
    position: absolute;
    top: 0%;
    left: 100%;
    transform: translate(-100%, 0%);
    height: 28px;
    width: 19px;
    margin-top: 1px;
    margin-left: 0px;
    white-space: nowrap;
    background-color: white;
}

.div-toolbox-bottom-tabcontainer .FeatureTableTool-ToogleMenu {
    cursor: pointer;
    color: #6e6e6e;
    margin-top: 3px;
}

.div-toolbox-bottom-tabcontainer .FeatureTableTool-ToogleMenu:hover {
    color: #243C5F;
}

.simple-action-button {
    font-size: 16px;
    background-color: white;
    border: 0px solid #D3D3D3;
    color: #6e6e6e;
    height: 32px;
    width: 32px;
    text-align: center;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

.simple-action-button:hover {
    background: #0079c1;
    color: #e4e4e4;
}

.div-action-button {
    font-size: 16px;
    background-color: white;
    border: 0px solid #D3D3D3;
    color: #6e6e6e;
    height: 32px;
    width: 32px;
    top: 50%;
    left: 50%;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

.div-action-button:hover {
    background: #0079c1;
    color: #e4e4e4;
}

.div-action-button .icon {
    text-align: center;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* DOJO ICONS */
.Icon-Clipboard {
    background-image: url("../images/Icons/tool-clipboard.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}


/* VIEW POPUP  */
.AttributesTable {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: Lucida Sans Unicode;
    font-size: 11px;
    border-collapse: collapse;
    border-spacing: 0;
    border-color: lightgrey;
    padding: 1px;
    padding: 0px;
}

.AttributesTable tr:hover {
    background-color: #f2f2f2;
}

.AttributesTable td {
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;
    padding: 2px;
    width: 50%;
}

.AttributesTable .FieldName {
    font-weight: bold;
}

.div-browser-dialog {
    text-align: left;
    font-size: 12px;
}

.div-browser-dialog ul {
    list-style-type: none;
    line-height: 2em;
    margin-left: 32px;
}

.div-browser-dialog img {
    margin-bottom: -3px;
    margin-right: 5px;
}


/* DrillingWellTimeLine */
.layerList-item-timelinedrilling {
    background-image: url(images/Icons/timeline_white_16px.png);
    background-repeat: no-repeat;
    background-size: 15px 16px;
    width: 15px;
    height: 16px;
    margin-top: 0px;
    cursor: pointer;
}

.DrillingWellTimeLine {
    font-size: 10px;
    width: 100%;
}

.DrillingWellTimeLine table {
    border-collapse: collapse;
    width: 100%;
}

.DrillingWellTimeLine table td {
    border: 1px solid #CCCCCC;
    margin: 2px;
}

.DrillingWellTimeLine .td_label {
    width: 100px;
    text-align: right;
}

.DrillingWellTimeLine .td_label_animation {
    width: 50px;
    text-align: right;
}

.DrillingWellTimeLine .td_number {
    font-size: 20px;
    font-weight: bold;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    width: 74px;
    text-align: center;
}

.DrillingWellTimeLine .td_button {
    width: 25px;
    text-align: center;
}

.DrillingWellTimeLine .i_button {
    color: #243C5F;
    cursor: pointer;
}

.DrillingWellTimeLine .i_button_active {
    color: #243C5F;
    cursor: pointer;
}

.DrillingWellTimeLine .i_button_inactive {
    color: #A6A6A6;
    cursor: pointer;
}

.constructor {
    width: 100%;
    font-weight: bold;
    font-size: 10px;
    background-color: aquamarine
}


/* LEGEND */
.Legend-divLegend {
    font-family: Lucida Sans Unicode;
    font-size: 11px;
    background-color: white;
    min-width: 325px;
    max-width: 325px;
    max-height: 420px;
    overflow: auto;
}

.Legend-divLegend .title {
    font-family: Lucida Sans Unicode;
    font-size: 14px;
    font-weight: bold;
    background-color: white;
    min-width: 250px;
    padding-left: 6px;
    padding-right: 6px;
    background-image: linear-gradient(#F9F9F9, #F0F0F0);
    overflow: hidden;
}

.Legend-divLegend .toolbar {
    float: right;
    height: 18px;
    width: auto;
}

.Legend-divLegend .toolbar .tool {
    padding-left: 2px;
    padding-right: 2px;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    display: inline-block;
    cursor: pointer;
    color: #6E6E6E;
}

.Legend-divLegend .toolbar .tool:hover {
    color: #243C5F;
}

.Legend-divLegend .item {
    border-collapse: collapse;
    display: initial;
}

.Legend-divLegend .item .header {
    padding-left: 6px;
    padding-right: 6px;
    font-weight: bold;
    background-image: linear-gradient(#F9F9F9, #F0F0F0);
    border-style: solid;
    border-color: #eeeeee;
    border-width: 1px;
    height: 19px;
    cursor: pointer;
}

.Legend-divLegend .item .header .layerName {
    float: left;
}

.Legend-divLegend .item .header .info {
    float: right;
    height: 16px;
    width: 16px;
    background-image: url('../images/Icons/legend-info.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

.Legend-divLegend .item .panel {
    padding-left: 6px;
    padding-right: 6px;
    overflow: hidden;
    width: 100%;
}

.dijitTooltipContainer .Legend-divTooltipLayerInfo {
    max-width: 500px;
    /* max-width: 500px;
    max-height: 300px; */
    font-family: Lucida Sans Unicode;
    font-size: 10px;
    overflow: hidden;
}


/* Estilos para Capas sin Metadatos solo descripcion */
.dijitTooltipContainer .Legend-divTooltipLayerInfo .Legend-divTooltipLayerInfo-layerName {
    font-size: 12px;
    max-height: auto;
    font-weight: bold;
}

.dijitTooltipContainer .Legend-divTooltipLayerInfo .Legend-divTooltipLayerInfo-layerDesc {
    max-height: 300px;
    text-align: justify;
    text-align-last: left;
    font-weight: normal;
    overflow: auto;
}


/* Estilos para Capas con Metadatos definidos */
.dijitTooltipContainer .Legend-divTooltipLayerInfo .Legend-divTooltipLayerInfo-layerMetadataTemplate {
    max-height: 500px;
    overflow: auto;
}

.dijitTooltipContainer .Legend-divTooltipLayerInfo .Legend-divTooltipLayerInfo-layerMetadataTemplate .layerDescription {
    font-style: normal;
}

.dijitTooltipContainer .Legend-divTooltipLayerInfo .Legend-divTooltipLayerInfo-layerMetadataTemplate .headerSection {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: -6px;
    font-style: italic;
}

.dijitTooltipContainer .Legend-divTooltipLayerInfo .Legend-divTooltipLayerInfo-layerMetadataTemplate .layerThumbnail {
    text-align: center;
}

.dijitTooltipContainer .Legend-divTooltipLayerInfo .Legend-divTooltipLayerInfo-layerMetadataTemplate .layerImageThumbnail {
    height: 150px;
    width: 200px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    object-fit: cover;
}


/* SEARCH */
/* Control */
.nihilo .dijitSelect .dijitSelectLabel,
.nihilo .dijitPopup {
    font-family: Lucida Sans Unicode;
    font-size: 13px;
}

.Search-divSearch {
    background: white;
    height: 23px;
    width: 250px;
    font-family: Lucida Sans Unicode;
    font-size: 11px;
}

.Search-divSearch .toolbar {
    height: 23px;
}

.Search-divSearch .toolbar #divSearchLayerSelect {
    position: absolute;
    height: 23px;
    width: 250px;
}

.Search-divSearch .toolbar #divSearchFilterSelect {
    position: absolute;
    background: white;
    height: 23px;
    width: 232px;
    overflow: hidden;
}

.Search-divSearch .toolbar #divSearchStatus {
    position: absolute;
    height: 23px;
    width: 232px;
    background: rgba(252, 247, 247, 0.5);
    overflow: hidden;
}


/* PopUp Panel Results */
.PopUpPanelResult-divPanelResults {
    font-family: Lucida Sans Unicode;
    font-size: 11px;
    border: lightgray;
    border-style: solid;
    border-width: 1px;
}

.PopUpPanelResult-divPanelResults .layerItem {
    /* display: initial; */
    background: white;
}

.PopUpPanelResult-divPanelResults .layerItem .header {
    padding-left: 6px;
    padding-right: 6px;
    font-weight: bold;
    background-image: linear-gradient(#F9F9F9, #F0F0F0);
    border-style: solid;
    border-color: #eeeeee;
    border-width: 1px;
    height: 20px;
    cursor: pointer;
}

.PopUpPanelResult-divPanelResults .layerItem .panel {
    overflow: hidden;
    background: white;
}


/* Feature Result */
.PopUpPanelResult-divPanelResults .layerItem .panel .result {
    overflow: hidden;
    background: white;
    height: 18px;
}

.PopUpPanelResult-divPanelResults .layerItem .panel .result:hover {
    background: #f2f2f2;
}

.PopUpPanelResult-divPanelResults .layerItem .panel .result .label {
    padding-left: 6px;
    padding-right: 6px;
    cursor: pointer;
    color: #6e6e6e;
    width: auto;
    text-align: left;
}

.PopUpPanelResult-divPanelResults .layerItem .panel .result .label:hover {
    color: #2e2e2e;
    background: #f2f2f2;
    text-decoration: underline;
}


/* Selected Paneñ Result Feature */
.PopUpPanelResult-divPanelResults .layerItem .panel .resultSelected {
    overflow: hidden;
    background: #FFE284;
    height: 18px;
}

.PopUpPanelResult-divPanelResults .layerItem .panel .resultSelected:hover {
    background: #FFE284;
}

.PopUpPanelResult-divPanelResults .layerItem .panel .resultSelected .label {
    padding-left: 6px;
    padding-right: 6px;
    cursor: pointer;
    color: #6e6e6e;
    width: auto;
    text-align: left;
}

.PopUpPanelResult-divPanelResults .layerItem .panel .resultSelected .label:hover {
    color: #2e2e2e;
    background: #FFE284;
    text-decoration: underline;
}


/* Spatial Analyst */
.SpatialAnalyst-divDialog {
    height: 100%;
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
}

.SpatialAnalyst-divDialog .tableSpatialAnalyst {
    height: 200px;
    width: 550px;
    border-collapse: collapse;
    /*border-width: 1px;
    border-color: silver;
    border-style: solid;*/
}

.SpatialAnalyst-divDialog .tableSpatialAnalyst th {
    /* border-width: 1px;
    border-color: silver;
    border-style: solid; */
    text-align: center;
    font-weight: bold;
}

.SpatialAnalyst-divDialog .tableSpatialAnalyst td {
    /* border-width: 1px;
    border-color: silver;
    border-style: solid; */
    text-align: center;
}

.SpatialAnalyst-divLayersSelector {
    text-align: left;
    height: 200px;
    width: 200px;
}

.SpatialAnalyst-divOperatorSelector {
    margin-left: 2px;
    margin-right: 2px;
    height: 200px;
    width: 200px;
    /* padding-left: 5px;
    padding-right: 5px; */
    /* height: 250px;
    width: 250px; */
}

.SpatialAnalyst-divOperatorSelector .ComboBox {
    height: 25px;
    width: 100%;
}

.SpatialAnalyst-divOperatorSelector .SelectorImage {
    height: 125px;
    width: 100%;
}

.SpatialAnalyst-divOperatorSelector .SelectorImage img {
    height: 100%;
    border-radius: 10px;
}

.SpatialAnalyst-divOperatorSelector .TextDesc {
    height: 100%;
    font-size: 9px;
    text-align: left;
}

.SpatialAnalyst-divViewFeature {
    height: 200px;
    width: 200px;
}

.SpatialAnalyst-divFooterControls {
    height: 100%;
    width: 100%;
    display: flex;
    overflow: hidden;
}

.SpatialAnalyst-divBufferControl {
    height: 100%;
    width: 100%;
    display: inline-flex;
    padding-top: 5px;
}

.SpatialAnalyst-divBufferControl .BufferCheckBox {
    height: 100%;
    width: 150px;
}

.SpatialAnalyst-divBufferControl .BufferNumberSpinner {
    height: 100%;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
}

.SpatialAnalyst-divBufferControl .BufferLengthUnitComboBox {
    height: 100%;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
}

.SpatialAnalyst-divBufferControl .BufferInfo {
    padding-top: 1px;
    height: auto;
    width: auto;
}

.BufferInfoTooltip {
    font-family: Lucida Sans Unicode;
    font-size: 9px;
    width: 150px;
}

.BufferInfoTooltip img {
    height: auto;
    width: 100%;
    border-radius: 10px;
}

.SpatialAnalyst-divMessageControl {
    height: 100%;
    width: 100%;
    font-size: 10px;
    font-weight: bold;
    padding-top: 7px;
    padding-right: 10px;
    text-align: right;
    color: red;
}

.SpatialAnalyst-divButtonProcess {
    text-align: right;
}

.SpatialAnalyst-divProcessBar {
    height: 3px;
    width: 610px;
    background: white;
    overflow: hidden;
}

.SpatialAnalyst-ProcessBar {
    position: relative;
    height: 3px;
    width: 122px;
    background: rgb(255, 192, 0);
    display: none;
}


/* ContextMenu Icons */
.ContextMenu-Icon-Eye {
    background-image: url("../images/Icons/menu-eye.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.ContextMenu-Disabled-Icon-Eye {
    background-image: url("../images/Icons/menu-eye.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.ContextMenu-Icon-Zoom {
    background-image: url("../images/Icons/menu-zoom.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.ContextMenu-Icon-Download {
    background-image: url("../images/Icons/menu-download.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.ContextMenu-Icon-CSV {
    background-image: url("../images/Icons/menu-csv.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.ContextMenu-Icon-SHP {
    background-image: url("../images/Icons/menu-shp.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.ContextMenu-Icon-KML {
    background-image: url("../images/Icons/menu-kml.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.ContextMenu-Icon-GEOJSON {
    background-image: url("../images/Icons/menu-json.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.ContextMenu-Icon-Layer {
    background-image: url("../images/Icons/toc-layer.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.ContextMenu-Icon-Layers {
    background-image: url("../images/Icons/menu-layers.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.ContextMenu-Icon-Row {
    background-image: url("../images/Icons/menu-feature-row.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.ContextMenu-Icon-PopUp {
    background-image: url("../images/Icons/menu-feature-popup.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.ContextMenu-Disabled-Icon-PopUp {
    background-image: url("../images/Icons/menu-feature-popup.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.ContextMenu-Icon-ZoomToMakeVisible {
    background-image: url("../images/Icons/toc-zoom-to-make-visible-layer.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.ContextMenu-Icon-ToggleLabels {
    background-image: url("../images/Icons/toc-toggle-labels.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.ContextMenu-Icon-ShowLegend {
    background-image: url("../images/Icons/toc-legend-layer.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.TextBoxViewMapLink {
    width: 100%;
    font-family: "Lucida Sans Unicode";
    font-size: 12px;
    color: gray;
    background: white;
}

.ButtonViewMapLink {
    background: none!important;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    height: 32px;
    width: 32px;
    /*border is optional*/
    /* border-bottom:1px solid #444;  */
    cursor: pointer;
}


/* Ayuda */
.dijitTooltipContainer .Help-divTooltipTool {
    /* width: 500px;
    height: 300px; */
    width: 500px;
    /* max-height: 500px; */
    font-family: Lucida Sans Unicode;
    overflow: hidden;
    font-size: 11px;
}

.dijitTooltipContainer .Help-divTooltipTool .header {
    height: 25px;
    font-size: 12px;
    font-weight: bold;
}

.dijitTooltipContainer .Help-divTooltipTool .body {
    font-size: 10px;
    max-height: 300px;
    overflow: auto;
}

.dijitTooltipContainer .Help-divTooltipTool .footer {
    height: 30px;
    width: 100%;
}

.Help-divDialog {
    font-size: 11px;
}

.Help-divDialog .body {
    overflow: auto;
    height: 325px;
}

.Help-divDialog .footer {
    height: 30px;
    width: 100%;
}

.Help-divDialog {
    font-family: Lucida Sans Unicode, sans-serif;
    font-size: 11px;
    height: 500px;
    width: 500px;
}

.Help-divDialog .body {
    overflow-y: auto;
    overflow-x: hidden;
    height: 470px;
    width: 100%;
}

.Help-divDialog .footer {
    height: 30px;
    width: 100%;
}

.div-new-item {
    display: grid;
    position: relative;
    width: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: 25px auto auto 10px;
}

.div-new-item .title {
    grid-row: 1;
    grid-column: 1;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
}

.div-new-item .subtitle {
    grid-row: 2;
    grid-column: 1;
    font-size: 13px;
}

.div-new-item .date {
    grid-row: 1;
    grid-column: 1;
    justify-self: right;
    align-self: center;
    padding-right: 5px;
    font-weight: bold;
}

.div-new-item .content {
    grid-row: 3;
    grid-column: 1;
    overflow: auto;
}

/* Comunes */
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.popup-table {
    border-collapse: collapse;
    width: 100%;
    color: #5e5e5e;
}

.popup-table td {
    border: 0px solid #b9b8b9;
    border-bottom: 1px solid #b9b8b9;
    padding: 3px;
    text-align: center;
}

.popup-table tr td:first-child {
    border-bottom: 0;
    text-align: right;
    color: #0b6ab1;
    font-weight: bold;
    text-align: right;
}

/* SVG Buttons */
.svg-button {
    display: grid;
    border: solid var(--control-border-color) 1px;
    border-radius: 5px;
    padding: 4px;
    justify-items: center;
    align-items: center;
    cursor: pointer;
    background-color: var(--heading-color);
}

.svg-simple-button {
    display: grid;
    justify-items: center;
    align-items: center;
    cursor: pointer;
}

.svg-button:hover {
    background-color: var(--control-hover-color);
}

.icon-button-svg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    align-items: center;
    justify-items: center;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.rerepro {
    background-image: url(../Images/Icons/rerepro.svg);
}