:root {
    --colorA: #632E8B;
    --colorAFaded: #9459C2;
    --colorADarker: #321746;
    --colorALight: #C794EE;
    --colorALighter: #E9CCFF;
    --colorB: #42AAA8;
    --colorBFaded: #89CECD;
    --colorBLight: #D6F2F2;
    --colorBLighter: #F5FBFB;
    --colorBDarker: #329391;
    --colorBFont: #195958;
    --colorC: #FDC503;
}

html {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6, label, input, button {
   font-family: 'Roboto', sans-serif;
}


html, body, .contenedorTotal {
    min-height: 100%;
    height: 100%;
}

body {
display:flex;
flex-direction:column;
}

.loginBody {
    background: url('../images/imagenlogin.jpg') no-repeat left top var(--colorA);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
}

.login {
    background: #fff;
    border-radius: 10px;
    margin-right: 10%;
    width: 500px;
    -webkit-box-shadow: -5px 6px 0px 1px rgba(0,0,0,0.27);
    box-shadow: -5px 6px 0px 1px rgba(0,0,0,0.27);
}

.logoApp img{
    width: 100%;
}



.formLogin {
    background: var(--colorB) url('../images/fondoform.png');
    border-top: 3px solid #CBB185;
    border-bottom: 3px solid #CBB185;
    color: #fff;
    font-weight: bold;
}

.formLogin a{
color: var(--colorC);
font-weight:bold;
}

    .formLogin label, .formLogin .dx-field-item-label-text, .formLogin .dx-field-item-help-text {
        font-weight: bold;
        font-size: 12px;
        color: #fff;
    }


#formLogin  {
    max-width: 300px;
    margin: 0 auto;
}

.formLogin h3{
    font-weight:bold;
    font-size:18px;
    border-bottom:2px solid #fff;
    padding-bottom:5px;
    display:inline-block;
}

    .formLogin .dx-field-item > * {
        margin-bottom: 8px !important;
    }


.formLogin label, .formLogin input {
        display: block;
        margin: 0 auto;
}

    .formLogin button {
        background: #318329;
        color: #fff;
        font-weight: bold;
        border: beige;
        padding: 5px 10px;
        border-radius: 5px;
    }

    .formLogin button:hover {
        background: #206219;

}

.formLogin .dx-widget input {

    min-height:30px;
    padding: 5px;
    text-align: center;
    color: #313131;
}

.barra-superior-govco {
    background-color: #36c;
    width: 100%;
    height: 3rem;
    padding-left: 4.375rem;
    display: flex;
    align-items: center;
    display: none;
}

    .barra-superior-govco a {
        content: url(https://cdn.www.gov.co/assets/images/logo.svg);
        height: 24px;
        width: 8.5rem;
        
    }

header {
    border-bottom: 4px var(--colorAFaded) solid;
}

.header {
    background: var(--colorA) url('../images/headerBkg.png') repeat-x;
    display: flex;
    justify-content: space-between;
    color:#fff;
}

    .header a {
        color: #FDC503;
    }

.sesion {
    align-self: end;
    margin: 9px 16px;
    display: flex;
}

.sesion  a{
    margin-left: 5px;
    font-weight: bold;
}

nav {
    background: var(--colorB);
    border-bottom: 3px solid var(--colorBFaded);
}

.navbar, .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
}



menu {
    color: #376AD0;
    margin: 0;
    padding: 0 5px;
    display: flex;
}

    menu li {
        list-style: none;
        font-weight: bold;
        padding: 5px 10px;
        cursor: pointer;
        border-right: 2px solid var(--colorBDarker);
    }

        menu li .submenu li {
            border-right:none;
        }

    menu li:last-child {
        border-right:none;
    
    }
        menu li a.nav-link, menu li a.nav-link:hover {
            color: #fff;
            text-decoration: none;
        }


        menu li:hover {
            background: var(--colorBDarker);
        }


footer {
    display: flex;
    flex-direction: column;
    font-family: 'Work Sans', sans-serif;
    font-size: 17px;
    color: #4b4b4b;
    margin-top: 10px;
}

.footerInfo {
    background: var(--colorB);
    border-top: 3px solid var(--colorBFaded);
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 5px;
}

.govco-footer-logo {
    height: 95px;
    background-color: #36c;
    width: 100%;
}

.govco-logo {
    height: 30px;
    display: inline-block;
    content: url(https://cdn.www.gov.co/v4/assets/images/logo.svg);
    vertical-align: super;
}


.govco-co {
    height: 48px;
    margin-top: 24px;
    display: inline-block;
    content: url(https://cdn.www.gov.co/v4/assets/images/logo-colombia.svg);
    margin-left: 80px;
}

.govco-separator {
    border-left: 1px solid #e5eefb;
    height: 44px;
    margin-left: 10px;
    margin-right: 5px;
    display: inline-block;
}

main {
    flex-grow: 1;
    margin: 10px 20px;
}


h1 {
    font-size: 18px!important;
    font-weight: bold!important;
    border-bottom: 2px solid var(--colorBFaded);
    padding-bottom: 5px;
    color: var(--colorA);
}

.infoText {
    padding: 15px;
    background: var(--colorBLight);
    text-align: justify;
    font-size: 15px;
    line-height: 22px;
}

.quickSearch {
    float: right;
    position: relative;
    top: -5px;
}

    .buttonBar.buttonGrid, .buttonBar.buttonGrid > div > div {
    display: initial;
}

.buttonBar.buttonGrid {
    position: relative;
    top: 10px;
    z-index: 2;
}

@-moz-document url-prefix() {
    .buttonBar.buttonGrid {

        top: 18px;

    }
} 

.infoCorr img{
    float:left;
}

.infoCorr h6 {
    word-break: break-all;
}

.logoEmpresa {
    max-width: 100%;
    padding: 15px;
    max-height: 160px;
}

    .logoEmpresa img {
        max-height: 160px;
    }

.infoCorr img {
    max-height: 160px;
    margin-right: 16px;
    background: var(--colorBFaded);
    padding: 1px;
    box-shadow: 2px 2px 0px 0px #89CECD;
}

.infoCorr h4 {
    font-weight: bold;
    color: var(--colorA);
}

.metricsBar {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
    flex-wrap: wrap;
}

.metricsItems {
    max-width: 800px;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-basis: 100px;
}

.nav-link {
    text-decoration: none;
    color: #333;
    padding: 15px;
    display: block;
}

.submenu {
    display: none;
    position: absolute;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 3;
    background: #42AAA8;
    top: 30px;
}

    .submenu li {
        border-bottom: 2px solid var(--colorBDarker);
        padding: 1px 5px;
    }

    .submenu li:last-child {
        border-bottom: none;
    }

    .submenu a {
        color: #333;
        text-decoration: none;
        display: block;
        padding: 15px;
        margin: 5px;
        white-space: nowrap;
    }

.padreSubmenu:hover .submenu {
    display: block;
    margin-left: 0;
    padding-left: 0;
}

.padreSubmenu {
    position: relative; /*Aņadida para que .submenu sea relativo a este elemento*/
}

/*.nav-item:hover .submenu {
    display: block;
}*/

.dropdown-menu.show {
    border:none;
}

.chartContainer { 
    overflow-x:scroll;
    
}

.borderBox {
    border: 1px solid var(--colorBFaded);
}

.emprendimientosTitle {
    position: absolute;
    padding: 10px;
    font-size: 18px;
}

/*Mapa del dashboard*/
.graficSection {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
    flex-wrap: wrap;
}

.buttonsSection {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    width: 25%;
    flex-wrap: wrap;
}

.buttonsSectionItems {
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-basis: 100px;
    border:1px solid #ccc;
    margin-bottom:20px;
}

.entrep h2{
    margin-bottom:0;
}

.mapSection {
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-basis: 100px;
}

.mapContainer {
  /*  border:1px solid #ccc;*/
    padding:10px;
    text-align:center;
}

    .mapContainer #formFilter {
        margin:0 auto;
    }

#mapaSVG {
    width: 80%;
    height: auto;
}

.municipio:hover {
    cursor: pointer;
    fill: var(--colorAFaded);
}

.graficasDash .row > div, .graficasDash .col-md-4 {
    border: 1px solid var(--colorBFaded);
}

.graficasDash .col-md-8 {
    display: flex;
    flex-direction: column;
}

    .graficasDash .col-md-8 .row:last-child {
        flex-grow: 1;
    }

.divImgSex {
    display: flex;
    justify-content: space-around;
    gap: 1px;
    flex-wrap: wrap;
    margin-top: 53px;
}

.tituloGenero {
    font-size: 28px;
    font-family: "Segoe UI Light", "Helvetica Neue Light", "Segoe UI", "Helvetica Neue", "Trebuchet MS", Verdana, sans-serif;
    font-weight: 500;
    text-align: center;
    margin-top: 5px;
}

.bordeApp {
    border: 1px solid var(--colorBFaded);
}

.divImgSexItem {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

.imgGender:active {
    background: #F3F2EA;
}

.imgGender {
    width: 70px;
    cursor: pointer;
}

.imgConstitucion {
    width: 150px;
    cursor: pointer;
}


.txtGender {
    padding: 10px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 20px;
    border-radius: 5px;
}

#masculino {
    background: #89DFFF;
}

#femenino {
    background: #F7B2C9;
}

#binario {
    background: #FCA9FF;
}

#infoDiv {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border: 1px solid #ccc;
    display: none;
}

#infoDiv2 {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border: 1px solid #ccc;
    display: none;
}

.st0 {
    fill: #EBF2FC;
    stroke: #646464;
    stroke-width: 0.5;
    stroke-linejoin: round;
}

.st1 {
    fill: #C4D5EF;
}

.st2 {
    fill: #8AACDC;
    stroke: #646464;
    stroke-width: 0.5;
    stroke-linejoin: round;
}

.st3 {
    fill: #658DD2;
    stroke: #646464;
    stroke-width: 0.5;
    stroke-linejoin: round;
}

.st4 {
    fill: #3C71C6;
    stroke: #646464;
    stroke-width: 0.5;
    stroke-linejoin: round;
}

.st5 {
    fill: #2C5FA8;
    stroke: #646464;
    stroke-width: 0.5;
    stroke-linejoin: round;
}

.st6 {
    fill: #D2DEF8;
    stroke: #646464;
    stroke-width: 0.5;
    stroke-linejoin: round;
}

.leyendaMapa {
    position:relative;

}
.cantidad-0 {
    background: #EBF2FC;
}

.cantidad-0-50 {
    background: #C4D5EF;
}

.cantidad-51-100 {
    background: #8AACDC;
}

.cantidad-101-150 {
    background: #658DD2;
}

.cantidad-151-mas {
    background: #3C71C6;
}

.rangoMapaColor {
    margin: 0;
    padding: 0;
    border-spacing: 0 6px;
    text-align: right;
    border-collapse: initial;
    padding: 0 10px;
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    background: #fff;
    top:5px;
}


    .rangoMapaColor td:last-child {
        width: 25px;
        border: 1px solid #355CAA;
    }

    .rangoMapaColor tr:first-child td {
        border:none;
    }

    .rangoMapaColor td{
        padding-right:5px;
    }

    .rangoMapaColor tr:first-child td {
        padding-right:0;
    }


    .estadoTareas {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.graficoTareas {
    max-width: 500px;
    margin: 0 auto;
}



.estadoTareas > div {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    float:left;
    margin-right:5px;
    
}

.estadoTareas > span{
    margin-right: 10px;
}

/*graficos Dashboard*/

.dashContainer {
    display: grid;
    grid-template-columns: 33.33333333% 33.33333333% 33.33333333%;
    grid-template-rows: auto;
    grid-template-areas:
        "mapa actividad constitucion"
        "mapa tipo juridisccion"
}


    .dashContainer > div {
        padding: 5px;
        border:1px solid var(--colorBFaded);
    }

.mapa {

    grid-area: mapa;
}

.actividad {

    grid-area: actividad;
}

.constitucion {

    grid-area: constitucion;
}

.tipo {

    grid-area: tipo;
}

.juridisccion {

    grid-area: juridisccion;
}

/*--------------------*/

.dashboardRow > div > div{
    height:100%;

}

.dashboardRow .cuadroTotal{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align:center;
}

.dashboardRow .tarjeta{
    display: flex;
    justify-content: center;
    align-items: center;
}

.tarjeta h2 {
    font-size: 3rem;
}

.tareasServiciosTotales > div{
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:160px;
}

    .tareasServiciosTotales > div h2 {
    font-weight:bold;
    }


/*--------------------DevExtreme----------------*/
.dx-field-item-label-location-top {
    display: block;
    margin-bottom: 5px;
}

.dx-scrollbar-vertical {
    right: -10px;
}
    .dx-overlay-shader {
    background-color: rgba(47, 41, 62, 0.8);
}

/*------Botones--------*/

.dx-button-mode-text .dx-icon {
    color: #fff;
}

.dx-button-mode-contained.dx-button-default, .dx-toolbar-items-container .dx-button-mode-contained, .dx-popup-title .dx-button-mode-text,
.dx-fileuploader-input-wrapper .dx-button {
    background-color: var(--colorA) !important;
    color: #fff;
}

.dx-button-mode-contained {
}


.dx-button-has-text .dx-button-content {
    padding: 5px !important;
}

.dx-button-has-icon .dx-button-content {
    padding: 3px;
    border-radius: 3px;
    border:none;
}

.dx-button-mode-contained .dx-icon {
    color: #fff;
}

.dx-button-back.dx-state-hover .dx-button-content, .dx-button-mode-contained.dx-button-default:hover
.dx-button-normal.dx-state-hover .dx-button-content, .dx-button-mode-contained.dx-button-default.dx-state-hover,
.dx-button-back.dx-state-hover .dx-button-content,
.dx-button-normal.dx-state-hover .dx-button-content {
    border-color: transparent;
    background-color: var(--colorADarker) !important;
}

.btn {
    
    border: none;
    padding: 5px;
    line-height: 1.2858;
    font-weight: 400;
    font-size: 14px;
    font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
    display: inline-flex;
    border-radius:3px;
}

.btn .dx-icon {
    width: 18px;
    height: 18px;
    font-size: 18px;
    margin-right: 9px;
    margin-left: 0;
}

.btn-primary {
    background: var(--colorA) !important;
}


/*-------uploader-------*/

.dx-fileuploader-input-container {
    border: 1px dashed #ccc;
    left: 10px;
}

.centerUploader {
    text-align: center;
}

.centerContent .dx-scrollview-content {
    text-align: center;
}

.centerUploader .dx-fileuploader-input-wrapper .dx-button, .centerUploader .dx-fileuploader-file-info, .centerUploader .dx-fileuploader-file-name,
.centerUploader .dx-fileuploader-file-size, .centerUploader .dx-fileuploader-file-status-message {
    float: none;
}

.centerUploader .dx-fileuploader-file {
    display: block;
}

.centerUploader .dx-fileuploader-files-container {
    padding-top: 0;
}

.centerUploader .dx-fileuploader-input-container, .centerUploader .dx-fileuploader-button-container {
    display: block;
}

.centerUploader .dx-fileuploader-invalid .dx-fileuploader-cancel-button {
    margin: 0;
}

.centerUploader.buttonUploaderFix .dx-fileuploader-upload-button, .centerUploader.buttonUploaderFix .dx-fileuploader-input-container {
    display: none;
}

.centerUploader.buttonUploaderFix .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-upload-button {
    display: block;
    margin: 0 auto;
}

.centerUploader.buttonUploaderFix .dx-fileuploader-files-container .dx-fileuploader-file-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.centerUploader.buttonUploaderFix .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-file {
    grid-column-start: 1;
    grid-column-end: 3;
}

.centerUploader .dx-fileuploader-file-name {
    margin-top: 10px;
}


.centerUploader .dx-fileuploader-input-wrapper .dx-button {

    margin-bottom:10px;
}

.dx-form-group-caption {
    font-size: 18px !important;
    font-weight: bold !important;
    padding-bottom: 5px;
    color: var(--colorA);
}

.dx-form-group-with-caption > .dx-form-group-content {
    border-top: 2px solid var(--colorBFaded);
}

.dx-form-group-with-caption > .dx-form-group-content {
    padding-top: 10px;
    margin-top: 6px;
    border-top: 1px solid #ddd;
    padding-bottom: 5px;
}

/*-------Grids-------*/
.dx-header-row {
    background: var(--colorBLight);
}

.dx-datagrid-headers {
    color: var(--colorBFont) !important;
    font-weight: bold;
}

.dx-datagrid .dx-column-lines > td {
    border-left: 1px solid var(--colorBFaded);
    border-right: 1px solid var(--colorBFaded);
}

.dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid var(--colorBFaded);
}

.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview, .dx-datagrid-rowsview.dx-datagrid-after-headers {
    border-top: 1px solid var(--colorBFaded);
}

.dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-bottom: 1px solid var(--colorBFaded);
}

.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid var(--colorBFaded);
    border-right: 1px solid var(--colorBFaded);
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid var(--colorBFaded);
}

.dx-datagrid-borders > .dx-datagrid-filter-panel, .dx-datagrid-borders > .dx-datagrid-headers {
    border-top: 1px solid var(--colorBFaded);
}

.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none {
    border-left: 1px solid var(--colorBFaded);
    border-right: 1px solid var(--colorBFaded);
}

.dx-datagrid-headers .dx-datagrid-table .dx-row.dx-datagrid-filter-row > td {
    border-bottom: none;
}

.dx-datagrid, .dx-texteditor-input {
    color: #424242;
}

    .dx-datagrid .dx-row-alt > td, .dx-datagrid .dx-row-alt > tr > td {
        background-color: var(--colorBLighter);
    }

    .dx-datagrid-container.dx-filter-menu .dx-menu-item-has-icon .dx-icon, .dx-datagrid.dx-filter-menu .dx-menu-item-has-icon .dx-icon {
        color: var(--colorBFont);
    }

.dx-editor-cell .dx-texteditor, .dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background: var(--colorBLighter);
}



.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
    background-color: #fff;
}

.dx-row.dx-column-lines.dx-header-row .dx-col-fixed {
    background: var(--colorBLight);
}

.dx-row.dx-column-lines.dx-datagrid-filter-row .dx-col-fixed {
    background: var(--colorBLighter);
}

.dx-datagrid .dx-link {
    color: var(--colorADarker);
}

.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, .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 {
    background-color: var(--colorALighter);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
    border-left-color: var(--colorALight);
    border-right-color: var(--colorALight);
}


/*-------Tabs-------*/

.dx-tabpanel .dx-multiview-wrapper {
    border: 1px solid var(--colorBFaded);
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
    -webkit-box-shadow: inset 0 1px var(--colorBFaded),inset -1px 0 var(--colorBFaded),inset 1px 0 var(--colorBFaded);
    box-shadow: inset 0 1px var(--colorBFaded),inset -1px 0 var(--colorBFaded),inset 1px 0 var(--colorBFaded);
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab, .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused, 
.dx-tab-selected):last-of-type, .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused, .dx-tab-selected):only-child {
    -webkit-box-shadow: inset 0 1px var(--colorBFaded),inset 0 -1px var(--colorBFaded);
    box-shadow: inset 0 1px var(--colorBFaded),inset 0 -1px var(--colorBFaded);
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused, .dx-tab-selected):last-of-type {
    -webkit-box-shadow: inset 0 1px var(--colorBFaded),inset 0 -1px var(--colorBFaded) !important;
    box-shadow: inset 0 1px var(--colorBFaded),inset 0 -1px var(--colorBFaded) !important;
    border-right: 1px solid var(--colorBFaded);
}

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-state-focused {
    -webkit-box-shadow: inset 0 1px var(--colorBFaded),inset -1px 0 var(--colorBFaded),inset 1px 0 var(--colorBFaded);
    box-shadow: inset 0 1px var(--colorBFaded),inset -1px 0 var(--colorBFaded),inset 1px 0 var(--colorBFaded);
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
    -webkit-box-shadow: inset 0 -1px var(--colorBFaded),inset 0 1px,inset -1px 0,inset 1px 0;
    box-shadow: inset 0 -1px var(--colorBFaded),inset 0 1px,inset -1px 0,inset 1px 0;
}

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type {
    -webkit-box-shadow: inset 0 1px var(--colorBFaded),inset 0 -1px var(--colorBFaded),inset 1px 0 var(--colorBFaded);
    box-shadow: inset 0 1px var(--colorBFaded),inset 0 -1px var(--colorBFaded),inset 1px 0 var(--colorBFaded);
}

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab,
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type,
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):only-child {
    -webkit-box-shadow: inset 0 1px var(--colorBFaded),inset 0 -1px var(--colorBFaded);
    box-shadow: inset 0 1px var(--colorBFaded),inset 0 -1px var(--colorBFaded);
}

.dx-tabpanel .dx-multiview-wrapper.dx-state-focused {
    border-color: var(--colorBFaded);
}
.dx-tabs {
    color: var(--colorBFaded);
}

.dx-fileuploader-show-file-list .dx-fileuploader-files-container {
    padding-top:0;
}

.noLines .dxc-val-grid, .noLines .dxc-val-axis {
    display: none;
}

.altoHeader .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    white-space: initial;
}


/*-----popup----*/
.dx-popup-title.dx-toolbar {
    background: var(--colorB);
}

.dx-popup-title.dx-toolbar .dx-toolbar-label {
    font-size: 15px;
    color:#fff;
}

/*--------queries--------*/

@media(max-width:1700px) {
    #mapaSVG {
        width: 90%;
        height: auto;
    }
}

@media(max-width:1500px) {
    #mapaSVG {
        width: 100%;
        height: auto;
    }
}

@media(max-width:1500px) {
    #mapaSVG {
        width: 70%;
        height: auto;
    }
}

@media(max-width:1200px) {
    #mapaSVG {
        width: 80%;
        height: auto;
    }
}

@media(max-width:1050px) {
    #mapaSVG {
        width: 90%;
        height: auto;
    }
}

@media(max-width:950px) {
    #mapaSVG {
        width: 100%;
        height: auto;
    }
}

@media(max-width:850px) {
    #mapaSVG {
        width: 105%;
        height: auto;
    }
}

@media(max-width:1442px) {
    .loginBody {
        /*background-position-x:calc(100% - 61%);*/
        background-position-x: calc(100% - 14%);
    }
}

@media(max-width:1400px) {
    .dashContainer {
        grid-template-columns: 50% 50%;
        grid-template-rows: auto;
        grid-template-areas:
            "mapa actividad   "
            "mapa constitucion"
            "tipo juridisccion";
    }


}

@media(max-width:1200px) {
    .col-md-6 {
        margin-bottom: 10px;
    }
}

@media(max-width:992px) {

    .submenu li {
        border-bottom: 1px solid var(--colorBFaded);
    }

    .submenu {
        box-shadow:none;
    }

    .divImgSex {

        margin: 10px;
    }

    menu li {
        border-right: none;
        border-bottom: 1px solid var(--colorBFaded);
    }

    menu li:last-child {
        border-bottom: none;
        margin-bottom: 5px;
    }

    .navbar .container {
    max-width:100%;
    }

    menu li a.nav-link {
        font-size:17px;
    }

    .navbar-toggler {
        color: #fff;
        border: none;
        padding: 5px 9px;
        font-size: 15px;
        font-weight: bold;
        margin: 10px auto;
        border: 1px solid #fff;
        display: block;
    }


        .navbar-toggler:focus {
            box-shadow: none;
        }
}

@media(max-width:960px) {
    .rangoMapaColor {
    font-size:10px;
    }
}

@media(max-width:892px) {

    .loginBody {
    background:var(--colorA);
    }

    .login {
    margin:0 auto;
    }
}

@media(max-width:768px) {

    #mapaSVG {
        width: 100%;
        height: auto;
    }

    .rangoMapaColor {
        font-size: var(--bs-body-font-size);
    }

    .dashContainer {
        display:initial;
            }
}

    @media(max-width:776px) {

        .header {
            flex-direction: column;
            background: #fff;
        }

            .header img {
                max-width: 621px;
            }

        .sesion {
            padding: 10px;
            width: 100%;
            background: var(--colorA);
            margin: auto;
        }
    }

@media(max-width:542px) {
    .loginBody {
    padding:20px;
    }

    .logoGobernacion img {
        width: 100%;
    }

}

@media(max-width:483px) {

    .logoEmpresa {
        width: 100%;
        height: revert;
        margin-top: 10px;
        max-width: 100%;
        height: auto!important;
        clear: both;
        margin: 0 auto;
        display: block;
        float: none;
    }

    .infoCorr img {
    margin-bottom:15px;
    }

}