:root {
    --principal-color: #001976;
    --secondary-color: #334791;
    --highlighted-color: #38D430;
    --warning-color: #ffa500;
    --popup-color: var(--principal-color);
    --accordion-color: #6d6d6d;
    --header-grid: #c5eeb2;
    --costum-background: #ccd2e3;
    --icons-color: #CCD1E4;
}

/* MAP */
body {

    .cp-btn,
    .cp-sidebar-header,
    .cp-sidebar:not(.minify) .cp-tool-item.active-pane,
    .cp-tool-item:hover {
        background-color: var(--principal-color);
    }

    .cp-tool-header-button .svg-icon,
    .tippy-box[data-theme~='cp-sidebar'] .tippy-arrow {
        color: var(--principal-color);
    }

    .tippy-box[data-theme~='cp-sidebar'],
    .cpgs-result-item:hover {
        border-color: var(--principal-color);
    }

    .cp-tool-header-title {
        color: var(--secondary-color);
    }

    .cplc-layer-group,
    .cp-sidebar-toolbar,
    .tippy-box[data-theme~='cp-sidebar'],
    .cplc-selected-layer-title {
        background-color: var(--principal-color);
        /* background: linear-gradient(to bottom, var(--principal-color), var(--secondary-color)); */
    }

    .cpgs-result-item .cp-result-item-text.cp-border-left {
        border-left-color: var(--secondary-color);
    }

    .cplc-layer-list .cplc-layer-item.on .cplc-layer-radio {
        background: var(--highlighted-color);
    }

    .cpgs-result-item.cpgs-result-highlight {
        border-color: var(--highlighted-color);
    }

    .cpgs-results .cpgs-results-warning {
        color: var(--warning-color);
    }
}


/* dxDatagrid */
.dx-datagrid .dx-header-row {
    background-color: var(--header-grid) !important;
    font-weight: bold !important;
    color: var(--principal-color);
}


.dx-datagrid .dx-header-row>td:hover,
.dx-datagrid .dx-header-row>th:hover {
    background-color: var(--header-grid) !important;
    color: var(--principal-color) !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row>td {
    font-weight: bold;
    font-size: 14px;
    padding: 2px !important;
    background: var(--header-grid);
}


.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter::after,
.dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter::after {
    color: var(--principal-color) !important;
}

.dx-datagrid .dx-row>td {
    font-size: 11px !important;
    padding: 2px !important;
}


.dx-pager .dx-page-sizes .dx-selection,
.dx-pager .dx-pages .dx-selection,
.dx-pagination .dx-page-sizes .dx-selection,
.dx-pagination .dx-pages .dx-selection {
    background-color: var(--secondary-color) !important;
    color: #fff;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>tr>td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused)>td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused)>tr>td {
    background-color: #dddddddd;
    color: var(--principal-color);
    font-weight: bold;
}

.dx-group-row.grupo-tematica,
.dx-group-row.grupo-tematica .dx-datagrid-group-row-container,
.dx-group-row.grupo-tematica .dx-group-cell {
    background-color: var(--highlighted-color) !important;
    color: var(--principal-color);
    font-weight: bold;
}

.dx-group-row.grupo-capa,
.dx-group-row.grupo-capa .dx-datagrid-group-row-container,
.dx-group-row.grupo-capa .dx-group-cell {
    background-color: var(--icons-color) !important;
    color: var(--principal-color);
    font-weight: bold;
}

.dxb-tooltip {
    z-index: 2000 !important;
}

.dx-overlay-wrapper {
    z-index: 2000 !important;
}

.dx-tooltip-wrapper {
    z-index: 2000 !important;
}

/* dxPopup */
.dx-popup-bottom {
    color: var(--principal-color) !important;
}

.dx-popup-content {
    min-height: auto;
    padding: 3px;
}

.dx-popup-bottom.dx-toolbar {
    padding: 0 24px 16px;
    overflow: visible;
    border-top-style: solid;
}

.dx-toolbar-label .dx-toolbar-item-content>div {
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
}

.dx-popup-title.dx-toolbar {
    padding: 3px 10px;
    overflow: visible;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: var(--principal-color);
    color: white;
}

.dx-popup-title .dx-closebutton .dx-icon {
    width: 21px;
    height: 21px !important;
    background-position: 3px 3px;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    background-size: 15px 15px;
    padding: 3px;
    font-size: 15px;
    text-align: center;
    line-height: 15px;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    background: var(--principal-color);
}

.dx-popup-wrapper>.dx-overlay-content {
    border-radius: 0px 8px 0px 0px !important;
}


/* dxButton - reporte */
.button-report {
    background: var(--highlighted-color) !important;
    color: var(--principal-color) !important;
    font-weight: 700 !important;
}

.button-report .dx-icon {
    color: var(--principal-color) !important;
    font-weight: bold;
}



/* dxButton-analisis */
#btn_search,
#btn_point,
#btn_view_tools,
#btn_line,
#btn_polygon {
    color: var(--principal-color);
    font-weight: bold;
    background: var(--costum-background);
}

#btn_circle {
    color: var(--principal-color);
    font-weight: bold;
    border-radius: 5px 0px 0px 5px;
    background: var(--costum-background);
}


#btn_file {
    color: var(--principal-color);
    transition: 0.3s ease;
    font-weight: bold;
    border-radius: 0px 5px 5px 0px;
    background: var(--costum-background);
}


#btn_run_analysis {
    background: var(--principal-color);
    font-weight: bold;
    border-left: 1px solid #ccc;
    padding: 6px 14px;
    transition: 0.3s ease;
    margin-left: 5%;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
}

#btn_search:hover,
#btn_point:hover,
#btn_view_tools:hover,
#btn_circle:hover,
#btn_line:hover,
#btn_file:hover,
#btn_polygon:hover,
#btn_run_analysis:hover {
    background: var(--highlighted-color);
    color: #fff;
}

.clear-btn {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    font-size: 16px;
    color: #999;
    padding: 4px;
    z-index: 2;
}

.clear-btn:hover {
    color: #333;
}

#analisis_espacial {
    border-radius: 0px 8px 0px 0px !important;
}

#search {
    color: var(--principal-color);
    position: relative;
}

.custom-field {
    color: var(--principal-color);
    padding-bottom: 5px !important;
}


/* dxAccordion */
.dx-accordion-item-title {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    background: var(--secondary-color) !important;
    color: white !important;
}

.dx-accordion-item[aria-disabled="true"] .dx-accordion-item-title {
    color: #aaa;
    pointer-events: none;
    cursor: not-allowed;
}

.dx-accordion-item.dx-state-disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #f5f5f5;
}

.dx-accordion-item.dx-state-disabled .dx-accordion-item-title {
    color: #aaa;
    font-style: italic;
}


/* dxForm */
#form-1 .dx-texteditor-input {
    font-size: 12px;
}

#form-1 .dx-field-item-label {
    font-size: 10px;
    font-weight: bold;
}

.centered-group .dx-form-group-caption {
    text-align: center !important;
    padding-left: 50%;
    font-weight: bold;
    font-size: 14px;
}

.centered .dx-form-group-caption {
    text-align: center !important;
    padding-left: 40%;
    font-weight: bold;
    font-size: 14px;
}


/* iGeometry */
.iG_marker {
    filter: hue-rotate(211deg) brightness(110%) saturate(400%);
}

.iG_marker_index {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
    opacity: 0.7;
    border: 2px solid white;
    border-radius: 50%;
    color: white;
}

.iG_point_simple {
    background: #fff;
    border: 1px solid #666;
}

.iG_point_circle {
    background: #fff;
    border: 2.5px solid #4a84c5;
    border-radius: 50%;
}

.iG_transparent {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.iG_tooltip {
    font-family: system-ui;
    font-weight: bold;
    color: #000;
    text-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, -1.5px 0px #fff, 0px -1.5px #fff, 0px 1.5px #fff, 1.5px 0px #fff;
}



/* .dx-datagrid-rowsview .dx-row.dx-group-row[aria-level="1"] {
    background-color: #b7e1cd !important;
    font-weight: bold;
}

.dx-datagrid-rowsview .dx-row.dx-group-row[aria-level="2"] {
    background-color: var(--highlighted-color) !important;
    font-weight: bold;
} */
/* 
.grupo-capa-header .dx-datagrid-text-content {
    color: white;
}

.grupo-capa-header {
    background-color: #2f75b5 !important;
} */