/* ESTILOS MAPA*/

body,
html,
.container-fluid {
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

b,
strong,
.gh-header {
    font-weight: 500 !important;
}

.img-brand {
    width: 60px;
    margin-top: 5px;
}

.logo {
    margin-left: 10px;
    padding-top: 10px !important;
}

.z-index-0 {
    z-index: 0;
}

.z-index-1 {
    z-index: 1;
}

.z-index-front {
    z-index: 99999 !important;
}

.zoom-buttons {
    top: 70px;
    right: 11px;
    z-index: 10;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.zoom-buttons button {
    display: block;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    border: none;
    text-align: center;
    overflow: hidden;
    width: 30px;
    font-size: 1.5em;
    background-color: #004a98;
    color: #505050;
    box-shadow: 0 0 5px #b5b5b5;
    background-image: url(../../resources/img/map-buttons.svg);
    background-size: 30px 302px;
    outline: inherit;
    border: 0;
}

.zoom-buttons button:not(:last-child) {
    margin-bottom: 10px;
}

.map-buttons {
    -webkit-transition: all ease-out .1s;
    transition: all ease-out .1s;
    display: block;
    bottom: 10px;
    right: 20px;
    z-index: 10;
}

.map-buttons button {
    background-color: #ffffff;
    color: #505050;
    /* box-shadow: 0 0 5px #000; */
    box-shadow: 0 0 5px #b5b5b5;
    width: 40px;
    display: block;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    border: none;
    text-align: center;
    overflow: hidden;
    background-image: url(../../resources/img/map-buttons.svg);
    background-size: 30px 302px;
    outline: inherit;
    border: 0;
    /* -webkit-transition: all ease-out .3s; */
    /* transition: all ease-out .3s; */
}

.map-buttons button:hover,
.zoom-buttons button:hover,
.map-buttons button:focus,
.zoom-buttons button:focus,
.map-buttons button:active,
.zoom-buttons button:active {
    background-color: #ffffff;
}

#geolocate {
    background-color: #004a98;
    background-position: center -120px;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all ease-out .1s;
    transition: all ease-out .1s;
}

#full-screen {
    background-color: #fff;
    /* background-position: center -60px; */
    margin-top: 7px;
}

#geolocate:hover,
#geolocate:focus,
#geolocate:active,
#geolocate.active {
    background-color: white;
    background-position: center 30px !important;
}

#full-screen:hover,
#full-screen:focus,
#full-screen:active {
    background-color: white;
    background-position: center 90px !important;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all ease-out .1s;
    transition: all ease-out .1s;
}

#full-screen.active {
    background-position: center -90px !important;
    background-color: white;
}

<!-- -->.left-panel {
    position: absolute;
    height: calc(100% - 50px) !important;
    top: 50px;
    left: 0;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: auto;
    visibility: hidden;
    /* background: indianred; */
    width: 80px;
}

left-panel {
    overflow: hidden !important;
}

.left-panel.displayed {
    visibility: visible;
}

.left-panel-section-open {
    display: none;
}

.left-panel-section-open-label {
    display: block;
    left: 10px;
    width: 60px;
    height: 60px;
    /*
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
        */
    border-radius: 50%;
    cursor: pointer;
    z-index: 999 !important;
    border-radius: 50%;
    border: solid 1px #f3f3f3;
    background-image: url(../../resources/img/right-panel-open.svg);
}

.left-panel-section-open-label:hover {
    background-color: #fff;
}

.target-left {
    /*
       transform: translateX(260px) !important;
  -ms-transform: translateX(260px) !important;
    transform: translateX(260px) !important;
      -webkit-transition: all ease-out .3s;
        transition: all ease-out .3s;
        */
}

label {
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 12px;
}

label {
    font-family: 'Open Sans', sans-serif;
    /* text-transform: uppercase; */
    cursor: pointer;
    color: #6b747c;
    font-size: 12px;
    font-weight: 800;
    line-height: 12px;
}

.left-panel-section {
    height: calc(100% - 50px);
    background: 0 0;
    background-color: transparent;
    z-index: 100;
    position: fixed;
    width: 300px;
    top: 50px;
    left: 80px;
    overflow: hidden;
    /* border-left: 5px solid #fafcf9; */
}

.left-panel-section::after {
    content: "";
    background-color: #ffffff;
    opacity: 0.9;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
}

.left-panel-section.show {
    height: calc(100% - 50px) !important;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
}


/* btn1*/

#left-panel-1 {
    z-index: 4;
    position: fixed !important;
    margin-top: 80px;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
    background-position: -60px -0px;
}

#left-panel-1:hover {
    background-position: 0px 0px;
    border: solid 1px #d9d9d9 !important;
}

#left-panel-1.active {
    background-color: #ffffff;
    background-position: 0px 0px;
    animation: beat 1.9s infinite;
    transition: all ease-out .01s;
}


/* btn2*/

#left-panel-2 {
    z-index: 4;
    position: fixed !important;
    margin-top: 145px;
    /* border-top: 1px solid #004a98; */
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
    background-position: -180px 0px;
}

#left-panel-2:hover {
    background-position: -120px 0px;
}

#left-panel-2.active {
    background-color: #ffffff;
    background-position: -120px 0px;
    animation: beat 1.9s infinite;
    transition: all ease-out .01s;
}


/* btn3*/

#left-panel-3 {
    z-index: 4;
    position: fixed !important;
    margin-top: 210px;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
    background-position: -300px -1px;
}

#left-panel-3:hover {
    background-position: -240px 0px;
}

#left-panel-3.active {
    background-color: white;
    background-position: -240px -1px;
    animation: beat 1.9s infinite;
    transition: all ease-out .01s;
}


/* btn4*/

#left-panel-4 {
    z-index: 4;
    position: fixed !important;
    margin-top: 150px;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
    background-position: -420px -1px;
}

#left-panel-4:hover {
    background-position: -360px 0px;
}

#left-panel-4.active {
    background-color: white;
    background-position: -360px 0px;
    animation: beat 1.9s infinite;
    transition: all ease-out .01s;
}


/* btn5*/

#left-panel-5 {
    z-index: 4;
    position: fixed !important;
    margin-top: 340px;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
    background-position: -540px -2px;
}

#left-panel-5:hover {
    background-position: -480px -2px;
}

#left-panel-5.active {
    background-color: white;
    background-position: -480px -2px;
    animation: beat 1.9s infinite;
    transition: all ease-out .01s;
}


/* btn6*/

#left-panel-6 {
    z-index: 4;
    position: fixed !important;
    margin-top: 304px;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
    background-position: -445px 0px;
}

#left-panel-6:hover {
    background-position: -403px 0px;
}

#left-panel-6.active {
    background-color: white;
    background-position: -403px -5px;
    animation: beat 1.9s infinite;
    transition: all ease-out .01s;
}


/* btn8*/

#left-panel-8 {
    z-index: 4;
    position: fixed !important;
    margin-top: 404px;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
    background-position: -527px 0px;
}

#left-panel-8:hover {
    background-position: -487px 0px;
}

#left-panel-8.active {
    background-color: white;
    background-position: -487px -5px;
    animation: beat 1.9s infinite;
    transition: all ease-out .01s;
}

.collapsing {
    height: 100% !important;
    overflow: hidden;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.left-panel-section-header {
    color: white;
    padding: 6px;
    font-size: .9em;
    /* text-transform: uppercase; */
    font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
    background: #da323c url(../../resources/img/bg-header.png);
    background-size: 40px;
    background-repeat: repeat-x;
    height: 36px;
}


/*PRE LOADER*/

.logo-preloading {
    max-width: 130px;
    top: calc(50%) !important;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
    border-radius: 50%;
    border: 6px solid transparent;
    border-top-color: #da323c;
    -webkit-animation: spin 2s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 6px solid transparent;
    border-top-color: #60656c;
    -webkit-animation: spin 3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 6px solid transparent;
    border-top-color: #e8e4e6;
    -webkit-animation: spin 1.5s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}

.preloader {
    background-color: #000;
    opacity: 0.8;
    position: fixed;
    z-index: 999999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

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


/*Animation delay*/

.dealy-200 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.dealy-500 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.dealy-700 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

.dealy-1000 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.dealy-1500 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.dealy-2000 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.dealy-2500 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.dealy-3000 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #5c5b60;
    font-size: 14px;
    /* text-transform: uppercase; */
}

.accordion-item:first-of-type .accordion-button {
    border-radius: 0;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    font-size: 14px;
    /* text-transform: uppercase; */
}

.accordion-button {
    /* text-transform: uppercase; */
    font-size: 14px !important;
    border-bottom: 1px solid #ddd;
}

.btn-tool-creation a img {
    filter: brightness(1) sepia(0) hue-rotate( 140deg) saturate(0);
    opacity: 0.8 !important;
}

.btn-tool-creation a img {
    filter: brightness(1) sepia(0) hue-rotate(140deg) saturate(0);
    opacity: 0.8 !important;
}

.btn-tool-creation .active img,
.btn-tool-creation img:hover {
    border: 3px solid #00a0df;
    border-radius: 6px;
    opacity: 1 !important;
    filter: inherit !important;
}

.btn-tool-edition a img {
    filter: brightness(1) sepia(0) hue-rotate(140deg) saturate(0);
    opacity: 0.8 !important;
}

.btn-tool-edition .active img,
.btn-tool-edition img:hover {
    border: 3px solid #00a0df;
    border-radius: 6px;
    opacity: 1 !important;
    filter: inherit !important;
}

.hover-animation {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hover-animation:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.gh-btn-max {
    position: absolute;
    width: 40px;
    height: 36px;
    color: white;
    background: #c72a33;
    left: calc(100% - 80px);
    top: 0px;
    text-align: center;
    line-height: 36px;
}

.gh-btn-max:hover,
.gh-btn-max:active,
.gh-btn-max:focus {
    color: white;
}

.gh-toggled-max {
    width: calc(100% - 90px) !important;
    max-width: calc(100% - 90px) !important;
    transition: height .3s ease-in-out;
}

.form-floating>.form-select,
.form-select,
.form-control {
    font-size: 12px !important;
}

.btn-circle-primary {
    width: 40px;
    height: 40px;
    top: 9px;
    right: 10px;
}

.popover-Icon-Maps {
    height: 30px !important;
    width: 30px !important;
    cursor: pointer;
    margin: 5px;
}

.card {
    background-color: transparent !important;
}


/* Lista*/

.map-simple-tool,
.list-gestion {
    padding: 0;
}

.map-simple-tool li,
.list-gestion li {
    display: block;
    padding: 10px;
    font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
    font-size: 12px !important;
    width: 100%;
    line-height: 16px;
    cursor: pointer;
    border-bottom: 1px solid #DDD;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.map-simple-tool li a,
.list-gestion li a {
    color: #0b6ba7;
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    padding: 0 !important;
    font-family: OpenSansSemiBold, "Open Sans", Arial, sans-serif;
    width: 100%;
    display: block;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.map-simple-tool li a:hover,
.map-simple-tool li a:active,
.map-simple-tool li a:focus,
.list-gestion li a:hover,
.list-gestion li a:active,
.list-gestion li a:focus {
    color: #333333;
}

.map-simple-tool .active,
.list-gestion .active {
    background: #5ba2e9;
    border-radius: 0;
}

.list-gestion li {
    border-radius: 0 !important;
}

.map-simple-tool .active img {
    filter: brightness(0) invert(1);
}

.map-simple-tool .active a {
    color: white !important;
}

input[type='file'] {
    font-size: 11px !important;
    /* padding-top: 37px !important; */
    line-height: 12px;
    width: 100% !important;
    /* margin: 0; */
    /* margin-left: 0px !important; */
    /* background: transparent !important; */
    border: 1px solid #DDD !important;
    color: #8c8f93 !important;
    border: 1px solid #DDD;
    font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
    cursor: pointer;
    /* border-radius: 15px 0 0 15px; */
    color: #002A50;
    /* font-weight: 800; */
    box-sizing: border-box;
}

input[type='file']::-webkit-file-upload-button {
    font-family: Roboto, sans-serif;
    font-size: 11px !important;
    background-color: #ffffff;
    color: #000;
    font-weight: 300;
    border: 0;
}

.modal-header {
    font-size: 12px !important;
    padding: 0;
}

h4#myModalLabelGrupo {
    font-size: 14px;
    /* text-transform: uppercase; */
    font-weight: 500;
}

.small,
small {
    font-size: 12px;
    line-height: 12px !important;
}

.only-alert.alert button.btn-close {
    font-size: 12px;
    padding: 5px !important;
    top: 9px;
    right: 5px;
}

@keyframes beat {
    from {
        transform: none;
    }
    50% {
        transform: scale(1.2);
    }
    to {
        transform: none;
    }
}

@keyframes beat2 {
    from {
        transform: none;
    }
    50% {
        transform: scale(1.1);
    }
    to {
        transform: none;
    }
}

.bg-primary {
    background: #004a98 !important;
}

.bg-secondary {
    background: #00a0df !important;
}

.form-check label {
    font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
    /* text-transform: uppercase; */
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    margin-right: 10px;
}

.currentColor {
    fill: #7cbdff;
}

.currentColorPrimary {
    fill: #FFFFFF;
}

.currentColorSecondary {
    fill: #5ba2e9;
}

.svg-icon:hover>.currentColor,
.svg-icon.active>.currentColor,
.svg-icon:active>.currentColor,
.svg-icon:focus>.currentColor {
    fill: #ffffff;
    color: #72a8d8;
    animation: beat .9s infinite;
    transform-origin: center;
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

.svg-icon:hover,
svg-icon.active {
    animation: beat .9s infinite;
    transform-origin: center;
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

@keyframes beat {
    from {
        transform: none;
    }
    50% {
        transform: scale(1.03);
    }
    to {
        transform: none;
    }
}


/* btn7*/

#btn-capa {
    margin-top: 304px;
    padding: 5px 10px;
    background-color: #004a98;
    transition: all ease-out .01s;
}

#btn-capa:hover {
    background-color: #004a98;
    transition: all ease-out .01s;
}

#btn-capa.actives {
    background-color: #ffffff;
    animation: beat 1.9s infinite;
    transition: all ease-out .01s;
}

.gh-contenedor-capa {
    pointer-events: all !important;
    border-radius: 50px;
    padding: 10px 10px 5px 10px;
    opacity: 0.9;
    Z-INDEX: 2 !IMPORTANT;
}

.gh-contenedor-capa label {
    margin-right: 10px;
    margin-bottom: 0px !important;
    color: #ffffff;
    /* text-transform: capitalize; */
    font-weight: 100;
}

div#ContentSubLayer::before {
    content: "";
    position: absolute;
    bottom: -10px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #004a98;
}

.gh-contenedor-capa .collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

.gh-btn-capa {
    bottom: 20px;
    left: 0px;
    padding: 5px 8px;
    border-radius: 0;
}

.gh-btn-capa svg {
    width: 25px;
}

.gh-capas {
    bottom: 10px;
    pointer-events: none !IMPORTANT;
    text-align: center;
    display: none;
    width: 80%;
    LEFT: 10%;
    Z-INDEX: 1;
    /* BACKGROUND: REBECCAPURPLE; */
}

.gh-capa.show {
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY( 0%);
    transform: translateY( 0%);
}

.content-check {
    background: #004a98;
    border-radius: 20px;
    padding: 0 10px;
}

.gh-capas.show {
    display: block;
}

.form-control-color {
    width: 100%;
}

.btn-primary {
    color: #fff;
    background-color: #e32322;
    border-color: #da323c;
    border-radius: 0;
}

.gh-btn-max.active {
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
    animation: beatbg 1.9s infinite;
    color: #c72a33;
}

.gh-btn-max.active>i,
.btn-close:hover {
    transform: rotate( 180deg);
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

.form-check-label {
    /* text-transform: capitalize !important; */
    font-size: 12px !important;
}

#left-panel-3-content {
    /* width: 50%; */
}

#list-app .list-group-item,
.list-gestion .list-group-item,
.list-group-item {
    font-size: 14px !important;
}

.list-group-numbered .list-group-item {
    font-size: 12px !important;
}

.gh-return {
    z-index: 9999;
    top: 35px;
    background: #b5b5c3;
    padding: 9px 15px;
    color: #e32322;
    margin-right: -6px;
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
    animation: beatbg 1.9s infinite;
    display: none;
    position: absolute;
}

.gh-return.active {
    display: block;
}

#ContentSubLayer .form-check:hover {
    background: #5ba2e9;
    border-radius: 10px;
    transition: all ease-out .5s;
}

@keyframes beatbg {
    from {
        background: #f3fafc;
    }
    50% {
        background: #f1d7d7;
    }
    to {
        background: #ffffff;
    }
}


/*modal */

.gh-modal,
.modal {
    /* opacity: 0.9; */
}

.modal .img-brand {
    width: 200px;
}

.gh-modal .form-control:focus {
    outline: none !important;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.gh-modal .form-control~.border,
.modal .form-control~.border {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 0px;
    height: 1px;
    border-radius: 0;
    opacity: 0;
}

.gh-modal .form-control:focus~.border,
.modal .form-control:focus~.border {
    opacity: 1;
    width: 100%;
    transition: 0.5s;
}

.gh-modal .border,
.modal .border {
    border: 2px solid #00a0df;
}

.gh-modal .form-control {
    border: 0px !important;
    width: 100%;
    padding: 10px 10px;
    border-radius: 0;
    background: #ededed;
    font-size: 14px !important;
}

.gh-modal .modal-header,
.modal-header {
    color: white;
    padding: 6px;
    font-size: .9em;
    /* text-transform: uppercase; */
    font-family: OpenSansExtraBold, "Open Sans", Arial, sans-serif;
    background: #da323c url(../../resources/img/bg-header.png);
    background-size: 40px;
    background-repeat: repeat-x;
    /* height: 36px; */
}

.gh-modal .modal-header h5,
.modal-header h5,
.modal-title {
    color: #ffffff;
    font-size: 14px;
    font-weight: 100;
}

.gh-modal .modal-footer,
.modal-footer {
    background-color: #ffffff;
    padding: inherit !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting {
    background-image: url(../plugins/datatables/sort_asc.png);
}

table.dataTable thead .sorting_asc {
    background-image: url(../plugins/datatables/sort_asc.png) !important;
}

table.dataTable thead .sorting_desc {
    background-image: url(../plugins/datatables/sort_desc.png) !important;
}

thead,
tfoot {
    background: #1bc5bd;
    color: white;
    border: 0;
    font-size: 12px;
}

.table thead th,
.table tfood th {
    vertical-align: bottom;
    font-size: 12px;
    border-bottom: 1px solid #17a19a !important;
}

td {
    font-size: 12px;
    color: black;
}

.dataTables_length {
    float: left;
}

.dataTables_filter {
    float: right;
}

.dataTables_filter input[type="search"],
.dataTables_filter input:focus,
.dataTables_length select,
.dataTables_length select:focus {
    background: #e3e5e3;
    border: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #fff !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #15528e;
    background-color: #12528e;
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); */
    /* background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); */
    background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
    /* background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); */
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.1em 0.5em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    * cursor: hand;
    color: #fff !important;
    border: 1px solid transparent;
    border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: white;
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
    color: #115191 !important;
}

.dataTables_paginate {
    text-align: center;
    border: 1px solid #1597c9;
    padding: 5px;
    background: #0c9bd4;
}

.disabled {
    opacity: 0.5;
}

tfoot,
tfoot th {
    border-color: #0a427e;
    border-style: solid;
    border-width: 0;
}

.dataTables_info {
    font-size: 12px;
}

.table .active {
    background: #5ba2e9;
    color: white !important;
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

.table .active:hover {
    background: #e3e3e3;
    color: #000000;
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

.dataTable .btn-sm {
    margin: auto !Important;
    padding: 0 5px;
}

.dataTable tr>*:nth-child(1) {
    display: none;
}

.dataTable tr>*:nth-child(6) {
    text-align: center !important;
}

.bg-register {
    background: rgb(119 203 238);
    background: linear-gradient( 180deg, rgb(119 203 238) 80%, rgba(144, 198, 234, 1) 85%, rgba(129, 187, 225, 1) 90%, rgb(119 203 238) 95%, rgb(34 146 193) 100%);
}

#left-panel-1:hover::before,
#left-panel-2:hover::before,
#left-panel-3:hover::before,
#left-panel-4:hover::before,
#left-panel-5:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #da323c;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: -1 !important;
}

#left-panel-1:hover::after,
#left-panel-2:hover::after,
#left-panel-3:hover::after,
#left-panel-4:hover::after,
#left-panel-5:hover::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #da323c;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    color: #fff;
    background-color: #444444;
    border-color: #444444;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    border-radius: 0px !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #fff;
    background-color: #c72a33;
    border-color: #c72a33;
}

.form-check-input:checked {
    background-color: #5c5b60;
    border-color: #5c5b60;
}

.form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 50%;
    background: #a3a3a3;
    cursor: pointer;
}

.form-range::-moz-range-thumb {
    border-radius: 50%;
    background: #a3a3a3;
    cursor: pointer;
}

.mr-2 {
    margin-right: 20px !important
}

.mr-1 {
    margin-right: 10px !important
}

.pl-2 {
    padding-left: 20px;
}

.pl-1 {
    padding-left: 10px;
}

.list-group-item {
    cursor: pointer
}

.gh-thumbnail-map {
    width: 45px;
    height: 45px;
    box-shadow: rgb(0 0 0 / 17%) 0px -11px 13px 0px inset, rgb(0 0 0 / 15%) 0px -18px 15px 0px inset, rgb(0 0 0 / 10%) 0px -17px 10px 0px inset, rgb(0 0 0 / 6%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 4px 2px, rgb(0 0 0 / 9%) 0px 4px 2px;
}

.gh-thumbnail-img {
    transition: all 1.2s ease 0s;
    height: 100%;
    /* border: 5px solid #fff; */
}

.gh-thumbnail-img:hover {
    transform: scale(1.9);
}

.btn-mapabase {
    background: url(../../resources/img/maps/bg-map.jpg);
    background-size: cover;
    /* border:2px solid #fff; */
    border-radius: 50%;
    width: 45px;
    height: 45px;
    animation: movimiento 25s linear 0s infinite;
    transform: rotateX(6deg) rotateY(6deg) rotateZ(6deg);
    box-shadow: rgb(0 0 0 / 17%) 0px -11px 13px 0px inset, rgb(0 0 0 / 15%) 0px -18px 15px 0px inset, rgb(0 0 0 / 10%) 0px -17px 10px 0px inset, rgb(0 0 0 / 6%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 4px 2px, rgb(0 0 0 / 9%) 0px 4px 2px;
}

@keyframes movimiento {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 355px 0
    }
}

@keyframes stars {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 0 100%
    }
}

.gh-mapa-base {
    right: 20px !important;
    top: 55px;
}

.gh-toggled-mapabase,
#navbarMapaBase {
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

.btn-tool {
    -webkit-transition: all ease-out .9s;
    transition: all ease-out .9s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    height: 46px;
    width: 46px;
    color: WHITE;
    background-color: #1bc5bd;
    border: #1bc5bd;
    border-radius: 50%;
    display: block;
    margin: auto;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    margin-bottom: 5px;
    cursor: pointer
}

.btn-tool:hover,
.btn-tool:focus,
.btn-tool:active {
    background: white;
    border: 1px solid white;
}

.btn-tool:hover i {
    color: white
}

.btn-gear {
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    height: calc(1.5em + 1.3rem + 2px);
    width: calc(1.5em + 1.3rem + 2px);
    color: #FFFFFF;
    background-color: #1bc5bd;
    border-color: #1bc5bd;
    border-radius: 50%;
}

.btn-gear i {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
}

.btn-gear:hover,
.btn-gear:focus,
.btn-gear:active {
    background: #ffffff;
    color: #1bc5bd;
    border-color: #1bc5bd;
}

a:hover {
    color: #eb990f;
}

.btn-mapabase:focus,
.btn-mapabase:hover,
.btn-mapabase:active {
    border: 2px solid #3878a3;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

.gh-thumbnail-map.active {
    border: 2px solid#57ace5 !important;
}

.text-light {
    color: #b5b5c3 !important;
}

.list-group-item {
    border: 1px solid rgb(243 243 243);
}

#list-app .list-group-item:hover i {
    color: #b5b5c3 !important;
}

.accordion-button:not(.collapsed) {
    color: #5c5b60;
    background-color: #ffffff;
}

.link-layer {
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
    color: #444;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid white;
    padding-left: 10px !important;
}

.link-layer:hover,
.link-layer:focus,
.link-layer:active {
    color: #5c5b60;
    background: white !important;
    text-decoration: none;
    transition: transform .2s ease-in-out;
}

.form-check label {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #5c5b60;
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

.form-check label:hover {
    color: #b5b5c3
}

.gh-header {
    font-size: 14px;
    font-weight: bold;
    color: #e22221;
}

.gh-btn-tool {
    background: #fefefe !important;
    color: #b5b5c3 !important;
    border: 1px solid #f4f4f4 !important;
}

.gh-btn-tool .gh-ico {
    color: #b5b5c3 !important;
}

.gh-btn-tool:hover,
.gh-btn-tool:active,
.gh-btn-tool:focus {
    background: white !important;
    color: #e32322 !important;
    outline: #e32322;
    z-index: 4;
    /* position: fixed !important; */
    /* margin-top: 80px; */
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
    background-position: -60px 0px;
}

.gh-btn-tool:hover .btn:hover,
.gh-btn-tool:hover .btn:focus,
.gh-btn-tool:focus .btn:hover,
.gh-btn-tool:focus .btn:focus {
    color: #1a8e59 !important;
}

.gh-btn-tool:hover .gh-ico {
    color: #e22221 !important;
}

.gh-btn-tool {
    border-radius: 50%;
    /* padding: 10px; */
    width: 39px;
    height: 39px;
    line-height: 38px;
}

.size-2x {
    font-size: 1.0em;
}

.gh-btn-tool:hover::before {
    content: "";
    position: fixed;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #da323c;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 0 !important;
}

.gh-btn-top {
    right: 20px !important;
    top: 105px;
}

.gh-btn-top .btn-tool {
    -webkit-transition: all ease-out .9s;
    transition: all ease-out .9s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    height: 45px;
    width: 45px;
    color: WHITE;
    background-color: #eb990f;
    border: 1px solid #eb990f;
    border-radius: 50%;
    display: block;
    margin: auto;
    text-align: center;
    line-height: 43px;
    font-size: 18px;
    margin-bottom: 5px;
    cursor: pointer
}

.gh-btn-top .btn-tool:hover,
.gh-btn-top .btn-tool:focus,
.gh-btn-top .btn-tool:active {
    background: #ffffff;
    border: 1px solid #eb990f;
    color: white;
}

.btn-tool:hover i,
.btn-tool:focus i,
.btn-tool:active i {
    color: #eb990f;
}

.gh-btn-top .gh-btn-tool {
    background: #fefefe !important;
    color: #b5b5c3 !important;
    border: 1px solid #f4f4f4 !important;
}

.gh-btn-top .gh-btn-tool .gh-ico {
    color: #b5b5c3 !important;
}

.gh-btn-top .gh-btn-tool:hover,
.gh-btn-top .gh-btn-tool:active,
.gh-btn-top .gh-btn-tool:focus {
    background: white !important;
    color: #e32322 !important;
    outline: #e32322;
    z-index: 4;
    /* position: fixed !important; */
    /* margin-top: 80px; */
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
    background-position: -60px 0px;
}

.gh-btn-top .gh-btn-tool:hover .btn:hover,
.gh-btn-top .gh-btn-tool:hover .btn:focus,
.gh-btn-top .gh-btn-tool:focus .btn:hover,
.gh-btn-top .gh-btn-tool:focus .btn:focus {
    color: #1a8e59 !important;
}

.gh-btn-top .gh-btn-tool:hover .gh-ico {
    color: #e22221 !important;
}

.gh-btn-top .gh-btn-tool {
    border-radius: 50%;
    /* padding: 10px; */
    width: 39px;
    height: 39px;
    line-height: 38px;
}

.gh-btn-top .gh-btn-tool:hover::before {
    content: "";
    position: fixed;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #da323c;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 0 !important;
}

.navbar {
    height: 50px;
    padding: 0;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 5%, rgba(12, 22, 12, .5686274509803921));
    border: none;
    border-radius: 0;
    font-size: 14px;
    color: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.gh-logo {
    top: 50PX !important;
}

.opacity-9 {}

.offcanvas-start {
    width: 50%;
    webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(235, 243, 241, .78);
    font-size: 13px;
    font-family: Poppins, sans-serif;
    color: #000000;
}

.bg-white.offcanvas-start {
    width: 30%;
    webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(235, 243, 241, .48);
    font-size: 13px;
    font-family: Poppins, sans-serif;
    color: #3f4254;
}

.btn-tool:hover:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 54px;
    height: 54px;
    margin: -27px 0 0 -27px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #EB9913;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: -1 !important;
}

.icon-draw {
    filter: sepia(100%) hue-rotate(-1deg) saturate(400%) brightness(1.45);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 0%;
    border-radius: 0;
    color: #ffffff;
    width: 45px;
    height: 45px;
    padding: 5px;
    margin-bottom: 5px;
    justify-content: center;
    align-items: center;
    display: block;
    background-position: 11px 11px!important;
    border-radius: 50%;
}

.polyline {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0ibGluZS1hIiBkPSJNOS4xNjUwOTcyNSwxOS40MjA2ODkyIEwxOC40MjA2ODkyLDEwLjE2NTA5NzMgQzE4LjE1MjM2ODEsOS42Njk5MjkxNCAxOCw5LjEwMjc1ODMxIDE4LDguNSBDMTgsNi41NjcwMDMzOCAxOS41NjcwMDM0LDUgMjEuNSw1IEMyMy40MzI5OTY2LDUgMjUsNi41NjcwMDMzOCAyNSw4LjUgQzI1LDEwLjQzMjk5NjYgMjMuNDMyOTk2NiwxMiAyMS41LDEyIEMyMC44OTcyNDE3LDEyIDIwLjMzMDA3MDksMTEuODQ3NjMxOSAxOS44MzQ5MDI3LDExLjU3OTMxMDggTDEwLjU3OTMxMDgsMjAuODM0OTAyNyBDMTAuODQ3NjMxOSwyMS4zMzAwNzA5IDExLDIxLjg5NzI0MTcgMTEsMjIuNSBDMTEsMjQuNDMyOTk2NiA5LjQzMjk5NjYyLDI2IDcuNSwyNiBDNS41NjcwMDMzOCwyNiA0LDI0LjQzMjk5NjYgNCwyMi41IEM0LDIwLjU2NzAwMzQgNS41NjcwMDMzOCwxOSA3LjUsMTkgQzguMTAyNzU4MzEsMTkgOC42Njk5MjkxNCwxOS4xNTIzNjgxIDkuMTY1MDk3MjUsMTkuNDIwNjg5MiBaIE0yMS41LDEwIEMyMi4zMjg0MjcxLDEwIDIzLDkuMzI4NDI3MTIgMjMsOC41IEMyMyw3LjY3MTU3Mjg4IDIyLjMyODQyNzEsNyAyMS41LDcgQzIwLjY3MTU3MjksNyAyMCw3LjY3MTU3Mjg4IDIwLDguNSBDMjAsOS4zMjg0MjcxMiAyMC42NzE1NzI5LDEwIDIxLjUsMTAgWiBNNy41LDI0IEM4LjMyODQyNzEyLDI0IDksMjMuMzI4NDI3MSA5LDIyLjUgQzksMjEuNjcxNTcyOSA4LjMyODQyNzEyLDIxIDcuNSwyMSBDNi42NzE1NzI4OCwyMSA2LDIxLjY3MTU3MjkgNiwyMi41IEM2LDIzLjMyODQyNzEgNi42NzE1NzI4OCwyNCA3LjUsMjQgWiIvPgogIDwvZGVmcz4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIC0zKSI+CiAgICA8bWFzayBpZD0ibGluZS1iIiBmaWxsPSIjZmZmIj4KICAgICAgPHVzZSB4bGluazpocmVmPSIjbGluZS1hIi8+CiAgICA8L21hc2s+CiAgICA8dXNlIGZpbGw9IiM1QjVCNUIiIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI2xpbmUtYSIvPgogICAgPGcgZmlsbD0iIzVCNUI1QiIgbWFzaz0idXJsKCNsaW5lLWIpIj4KICAgICAgPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K);
}

.polygon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0icG9seWdvbi1hIiBkPSJNMTkuNDIwNjg5Miw5LjE2NTA5NzI1IEMxOS4xNTIzNjgxLDguNjY5OTI5MTQgMTksOC4xMDI3NTgzMSAxOSw3LjUgQzE5LDUuNTY3MDAzMzggMjAuNTY3MDAzNCw0IDIyLjUsNCBDMjQuNDMyOTk2Niw0IDI2LDUuNTY3MDAzMzggMjYsNy41IEMyNiw5LjI2MzIzNTk1IDI0LjY5NjE0NzEsMTAuNzIxOTQwNyAyMywxMC45NjQ1NTU2IEwyMywxOS4wMzU0NDQ0IEMyNC42OTYxNDcxLDE5LjI3ODA1OTMgMjYsMjAuNzM2NzY0IDI2LDIyLjUgQzI2LDI0LjQzMjk5NjYgMjQuNDMyOTk2NiwyNiAyMi41LDI2IEMyMC43MzY3NjQsMjYgMTkuMjc4MDU5MywyNC42OTYxNDcxIDE5LjAzNTQ0NDQsMjMgTDEwLjk2NDU1NTYsMjMgQzEwLjcyMTk0MDcsMjQuNjk2MTQ3MSA5LjI2MzIzNTk1LDI2IDcuNSwyNiBDNS41NjcwMDMzOCwyNiA0LDI0LjQzMjk5NjYgNCwyMi41IEM0LDIwLjU2NzAwMzQgNS41NjcwMDMzOCwxOSA3LjUsMTkgQzguMTAyNzU4MzEsMTkgOC42Njk5MjkxNCwxOS4xNTIzNjgxIDkuMTY1MDk3MjUsMTkuNDIwNjg5MiBMMTkuNDIwNjg5Miw5LjE2NTA5NzI1IFogTTIwLjgzNDkwNzMsMTAuNTc5MzA2MyBMMTAuNTc5MzEwOCwyMC44MzQ5MDI3IEMxMC42MDg2NzMxLDIwLjg4OTA4ODggMTAuNjM2NjQ2OSwyMC45NDQxMzcyIDEwLjY2MzE4NDQsMjEgTDE5LjMzNjgxNTYsMjEgQzE5LjY4MjU3NzUsMjAuMjcyMTU0IDIwLjI3MjE1NCwxOS42ODI1Nzc1IDIxLDE5LjMzNjgxNTYgTDIxLDEwLjY2MzE4NDQgQzIwLjk0NDEzNzIsMTAuNjM2NjQ2OSAyMC44ODkwODg4LDEwLjYwODY3MzEgMjAuODM0OTAyNywxMC41NzkzMTA4IFogTTIyLjUsOSBDMjMuMzI4NDI3MSw5IDI0LDguMzI4NDI3MTIgMjQsNy41IEMyNCw2LjY3MTU3Mjg4IDIzLjMyODQyNzEsNiAyMi41LDYgQzIxLjY3MTU3MjksNiAyMSw2LjY3MTU3Mjg4IDIxLDcuNSBDMjEsOC4zMjg0MjcxMiAyMS42NzE1NzI5LDkgMjIuNSw5IFogTTIyLjUsMjQgQzIzLjMyODQyNzEsMjQgMjQsMjMuMzI4NDI3MSAyNCwyMi41IEMyNCwyMS42NzE1NzI5IDIzLjMyODQyNzEsMjEgMjIuNSwyMSBDMjEuNjcxNTcyOSwyMSAyMSwyMS42NzE1NzI5IDIxLDIyLjUgQzIxLDIzLjMyODQyNzEgMjEuNjcxNTcyOSwyNCAyMi41LDI0IFogTTcuNSwyNCBDOC4zMjg0MjcxMiwyNCA5LDIzLjMyODQyNzEgOSwyMi41IEM5LDIxLjY3MTU3MjkgOC4zMjg0MjcxMiwyMSA3LjUsMjEgQzYuNjcxNTcyODgsMjEgNiwyMS42NzE1NzI5IDYsMjIuNSBDNiwyMy4zMjg0MjcxIDYuNjcxNTcyODgsMjQgNy41LDI0IFoiLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMyAtMykiPgogICAgPG1hc2sgaWQ9InBvbHlnb24tYiIgZmlsbD0iI2ZmZiI+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BvbHlnb24tYSIvPgogICAgPC9tYXNrPgogICAgPHVzZSBmaWxsPSIjNUI1QjVCIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNwb2x5Z29uLWEiLz4KICAgIDxnIGZpbGw9IiM1QjVCNUIiIG1hc2s9InVybCgjcG9seWdvbi1iKSI+CiAgICAgIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
}

.edit {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0iZWRpdF9hbmNob3ItYSIgZD0iTTEzLjUsMTEgQzExLjU2NzAwMzQsMTEgMTAsOS40MzI5OTY2MiAxMCw3LjUgQzEwLDUuNTY3MDAzMzggMTEuNTY3MDAzNCw0IDEzLjUsNCBDMTUuNDMyOTk2Niw0IDE3LDUuNTY3MDAzMzggMTcsNy41IEMxNyw5LjQzMjk5NjYyIDE1LjQzMjk5NjYsMTEgMTMuNSwxMSBaIE0xMy41LDkgQzE0LjMyODQyNzEsOSAxNSw4LjMyODQyNzEyIDE1LDcuNSBDMTUsNi42NzE1NzI4OCAxNC4zMjg0MjcxLDYgMTMuNSw2IEMxMi42NzE1NzI5LDYgMTIsNi42NzE1NzI4OCAxMiw3LjUgQzEyLDguMzI4NDI3MTIgMTIuNjcxNTcyOSw5IDEzLjUsOSBaIE0xMi4wMDAyODg5LDcuNTI5NzM4OTMgQzEyLjAxMjU5ODMsOC4xNjI3MzY3MiAxMi40MTcwMTk3LDguNjk5NjY0MyAxMi45ODA3MTExLDguOTA3Njc5NjYgTDMsMTUgTDMsMTMgTDEyLjAwMDI4ODksNy41Mjk3Mzg5MyBaIE0xNC4yMTcyNzIyLDYuMTgyMjg0NzIgTDE5LjQ1MzEyNSwzIEwyMi42NTg5MzU1LDMgTDE0Ljk4OTEwMiw3LjY4MTczODg1IEMxNC45OTYyOTcxLDcuNjIyMTY0NTkgMTUsNy41NjE1MTQ3MiAxNSw3LjUgQzE1LDYuOTMxMzgzODEgMTQuNjgzNjA5OCw2LjQzNjY2NDUgMTQuMjE3MjcyMiw2LjE4MjI4NDcyIFogTTIzLjQ0MzQwNDIsMTkuMjg1MTczNiBMMjAuMTI4Mjc5OSwxOS4yODUxNzM2IEwyMS44NzI5OTgzLDIzLjUzNDk1MjUgQzIxLjk5NDUyOTYsMjMuODI5NTc3MyAyMS44NTU2NTQ2LDI0LjE1OTkyMDkgMjEuNTc3ODczNCwyNC4yODQ5MjA4IEwyMC4wNDE0Njc1LDI0Ljk1NDUxNDIgQzE5Ljc1NTA2MTMsMjUuMDc5NTE0MSAxOS40MzM4NzM4LDI0LjkzNjY3MDQgMTkuMzEyMzQyNiwyNC42NTA5NTE4IEwxNy42NTQ0MzY3LDIwLjYxNTQ1NDEgTDE0Ljk0NjE4NzMsMjMuNDAxMDE1MSBDMTQuNTg1MjgxMSwyMy43NzIxNzExIDE0LDIzLjQ4NjA0NjMgMTQsMjIuOTk5MjY1MyBMMTQsOS41NzE4MzUzMyBDMTQsOS4wNTkzMzU2MSAxNC42MjI1MzExLDguODA5NDkyIDE0Ljk0NjE1Niw5LjE3MDA4NTU1IEwyMy44MzQwMjkyLDE4LjMxMjAxNzkgQzI0LjE5MjUyOTEsMTguNjYxMzYxNSAyMy45Mjc5OTc5LDE5LjI4NTE3MzYgMjMuNDQzNDA0MiwxOS4yODUxNzM2IFoiLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMyAtMykiPgogICAgPG1hc2sgaWQ9ImVkaXRfYW5jaG9yLWIiIGZpbGw9IiNmZmYiPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNlZGl0X2FuY2hvci1hIi8+CiAgICA8L21hc2s+CiAgICA8dXNlIGZpbGw9IiM1QjVCNUIiIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI2VkaXRfYW5jaG9yLWEiLz4KICAgIDxnIGZpbGw9IiM1QjVCNUIiIG1hc2s9InVybCgjZWRpdF9hbmNob3ItYikiPgogICAgICA8cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMzAiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
}

.drag {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0ibW92ZS1hIiBkPSJNMjEsMTQgTDIxLDEwIEwyNywxNSBMMjEsMjAgTDIxLDE2IEwxNiwxNiBMMTYsMjEgTDIwLDIxIEwxNSwyNyBMMTAsMjEgTDE0LDIxIEwxNCwxNiBMOSwxNiBMOSwyMCBMMywxNSBMOSwxMCBMOSwxNCBMMTQsMTQgTDE0LDkgTDEwLDkgTDE1LDMgTDIwLDkgTDE2LDkgTDE2LDE0IEwyMSwxNCBaIi8+CiAgPC9kZWZzPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMgLTMpIj4KICAgIDxtYXNrIGlkPSJtb3ZlLWIiIGZpbGw9IiNmZmYiPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNtb3ZlLWEiLz4KICAgIDwvbWFzaz4KICAgIDx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI21vdmUtYSIvPgogICAgPGcgZmlsbD0iIzVCNUI1QiIgbWFzaz0idXJsKCNtb3ZlLWIpIj4KICAgICAgPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K);
}

.delete {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5BdG9tcy9JY29ucy9Ub29scy9FcmFzZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMTcuNzg3NDIxOSwxOC40ODEyNTUyIEwxMS42NDgwMDc5LDEzLjM0OTgxODQgTDYuNDA0NjYwMDksMTkuMzgxNjAwMSBMMTAuNTUzOTE1NiwyMi45ODg0OTI5IEwxMy44NjkzNCwyMi45ODg0OTI5IEwxNy43ODc0MjE5LDE4LjQ4MTI1NTIgWiBNMTYuNTA3NDI1MiwyMi45ODg0OTI5IEwyNi4wMDAwMDAyLDIyLjk4ODQ5MjkgTDI2LjAwMDAwMDIsMjQuOTg4NDkyOSBMMTAuMDAwMDAwMiwyNC45ODg0OTI5IEw5LjgwNzA4MzEzLDI0Ljk4ODQ5MjkgTDUuMDkyNTQyMDQsMjAuODkxMDE5MiBDNC4yNTg5MTI4NSwyMC4xNjYzNTY0IDQuMTcwNTc4MTQsMTguOTAzMTExMiA0Ljg5NTI0MDkzLDE4LjA2OTQ4MiBMMTYuMDQ4MjQ0NCw1LjIzOTQxOTE2IEMxNi43NzI5MDcyLDQuNDA1Nzg5OTggMTguMDM2MTUyNSw0LjMxNzQ1NTI2IDE4Ljg2OTc4MTYsNS4wNDIxMTgwNiBMMjQuOTA3NDU4MywxMC4yOTA1OTAzIEMyNS43NDEwODc1LDExLjAxNTI1MzEgMjUuODI5NDIyMiwxMi4yNzg0OTgzIDI1LjEwNDc1OTQsMTMuMTEyMTI3NSBMMTYuNTA3NDI1MiwyMi45ODg0OTI5IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXRvbXMvSWNvbnMvVG9vbHMvRXJhc2VyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIC0zLjAwMDAwMCkiPgogICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDx1c2UgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjNUI1QjVCIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.btn-draw {
    -webkit-transition: all ease-out .9s;
    transition: all ease-out .9s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    height: 46px;
    width: 46px;
    background-color: #ffffff;
    border: #ffffff;
    border-radius: 50%;
    display: block;
    margin: auto;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    margin-bottom: 5px;
    cursor: pointer;
    color: #eb990f;
}

.btn-draw:hover,
.btn-draw:focus,
.btn-draw:active {
    background: #ee9d01;
    border: 0px solid #ee9d01;
}

.btn-draw:hover .icon-draw {
    filter: brightness(5);
}

.btn-draw:hover i {
    color: white;
}

.btn-tool.active i {
    color: #eb990f;
}

.btn-tool.active {
    background: white;
    border: 1px solid white;
}

.btn-tool.active:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 54px;
    height: 54px;
    margin: -27px 0 0 -27px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #EB9913;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: -1 !important;
}

.triangle {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none;
    display: block;
    text-align: center;
    width: 0;
    height: 0;
    bottom: -10px;
    border-top: 10px solid #ffffff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.triangle::before {
    background: #fff;
    /* color: #333; */
    box-shadow: 0 3px 14px rgb(0 0 0 / 40%);
    width: 17px;
    height: 17px;
    padding: 10px;
    margin: -10px auto 0;
    transform: rotate(45deg);
    border: 7px solid #2c4774;
    border-right-color: transparent;
    border-left-color: transparent;
    border-width: 0px 30px 60px;
}

.alert-flotante .header-title {
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    text-align: center !important;
    display: block;
    color: #da323c;
    /* padding-bottom: 10px; */
}

.alert-flotante p {
    font-size: 13px;
    margin-bottom: 5px;
}

.alert-flotante .line {
    border-top: 2px solid;
    padding: 20px 0;
    border-color: #dc424b;
}

.alert-flotante .alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 10px;
}

.alert-flotante .btn {
    border-radius: 0 0 10px 10px;
    padding: 5px 10px;
    font-size: 13px;
}

.alert-flotante .border-light {
    border-color: #e6e9ed!important;
}

.btn-flotante .alert-dismissible .btn-close {
    padding: 8px !important;
    width: 20px !important;
    height: 20px !important;
}

.link-nav {
    text-decoration: none;
    display: block;
    padding: 5px 15px 5px;
    font-size: 1rem;
    color: #f3f3f3;
    font-weight: 500;
    LINE-HEIGHT: 40PX;
    transition: all ease-out .3s;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.link-nav:hover,
.link-nav:focus,
.link-nav:active {
    background-color: rgba(0, 0, 0, .2);
    border-left: 1px solid #777;
    border-right: 1px solid #777;
}

.text-logo {
    line-height: 34px;
    padding-left: 10px
}

.display-7 {
    font-size: 30px;
    font-weight: 500
}

.border-danger {
    border-color: #cb2838!important;
}

.offcanvas-header {
    border-bottom: 2px solid #b1b1b1;
}

.alert-flotante button.btn-close {
    width: 0px !important;
    top: -5px !important;
    right: 0px !important;
    height: 0px;
}

.gh-200 {
    max-height: 200px;
}

#Mapa-Filter {
    max-width: 20% !important;
    height: auto !important;
    top: 20%;
    left: 75%;
    z-index: 999;
}

#Mapa-Leyenda,
#Mapa-Download,
#Mapa-Contacto,
#Mapa-Shape,
.modal-standar {
    width: 460px !important;
    height: auto !important;
    top: 20%;
    left: calc(50% - 230px);
    z-index: 999;
}

#Mapa-Leyenda .modal-dialog,
#Mapa-Download .modal-dialog,
#Mapa-Filter .modal-dialog,
#Mapa-Contacto .modal-dialog,
#Mapa-Shape .modal-dialog,
.modal-standar .modal-dialog {
    max-width: 100% !important;
    margin: 0 !important;
}

#Mapa-Download #headerDownload {
    cursor: move;
}

#Mapa-Leyenda #headerLegend {
    cursor: move;
}

#Mapa-Filter #headerFilter {
    cursor: move;
}

.alert-flotante .carousel-control-prev {
    left: -25px !important;
}

.alert-flotante .carousel-control-next {
    right: -25px !important;
}

.modal-popover {
    background: transparent;
    left: 382px !important;
    top: 50px !important;
    width: auto;
    height: 0;
    padding: 0;
}

.modal-popover .modal-dialog {
    margin: 0 !important;
}

.modal-backdrop.show {
    opacity: .1;
}

.hide-modal {
    display: none !important;
}

.list-group {
    padding: 0px !important;
}

.icon {
    max-width: 30px;
}

.draggable p {
    font-size: 12px !important;
}

#Mapa-Leyenda,
#Mapa-Download,
#Mapa-Filter,
#Mapa-Contacto,
#Mapa-Shape,
.modal-standar {
    width: 460px !important;
    height: 300px !important;
    top: 20%;
    left: calc(50% -230px);
}

.h-350 {
    height: 350px !important
}

.btn-modal-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.btn-close-gray {
    opacity: 0.4
}

.btn-close-new,
.btn-modal-close {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    background: transparent;
    border: 0;
    line-height: 1;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    cursor: pointer;
    font-size: 20px;
    transform: rotate( 0deg);
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
    padding: 0px 0px 0 0;
}

.btn-modal-close i {
    display: none;
}

.btn-close-new:hover,
.btn-modal-close:hover {
    transform: rotate( 180deg);
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s;
    margin-left: -10px !important;
    padding: 0px 0px 0;
}

.btn-close-new:hover,
.btn-modal-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}

.btn-close-new::before,
.btn-modal-close::before {
    box-sizing: border-box;
    content: "\f00d";
}

.icon-close {
    display: block;
    width: 100%;
    height: 20px;
    left: 0;
    top: 0;
    position: absolute;
}

@media (max-width:1024px) {
    #Mapa-Leyenda,
    #Mapa-Download,
    #Mapa-Filter,
    #Mapa-Contacto,
    #Mapa-Shape,
    .modal-standar {
        width: 460px;
        top: 20%;
        left: calc(50% - 230px);
    }
    #Mapa-Leyenda .modal-dialog,
    #Mapa-Download .modal-dialog,
    #Mapa-Filter .modal-dialog,
    #Mapa-Contacto .modal-dialog #Mapa-Shape .modal-dialog,
    .modal-standar .modal-dialog {
        max-width: 100% !important;
        margin: 0 !important;
    }
    #Mapa-Leyenda #headerlegend {
        cursor: move;
    }
    #Mapa-Download #headerDownload {
        cursor: move;
    }
    #Mapa-Filter #headerFilter {
        cursor: move;
    }
}

@media (max-width: 768px) {
    #Mapa-Leyenda,
    #Mapa-Download,
    #Mapa-Filter,
    #Mapa-Contacto,
    #Mapa-Shape,
    .modal-standar {
        width: 98%;
        max-width: 98% !important;
        top: 20%;
        left: 1%;
    }
    #Mapa-Leyenda .modal-dialog,
    #Mapa-Download .modal-dialog,
    #Mapa-Filter .modal-dialog,
    #Mapa-Contacto .modal-dialog,
    #Mapa-Shape .modal-dialog,
    .modal-standar .modal-dialog {
        width: 100%;
        max-width: 100% !important;
        margin: 0 !important;
    }
    #Mapa-Leyenda #headerlegend {
        cursor: move;
    }
    #Mapa-Download #headerDownload {
        cursor: move;
    }
    #Mapa-Filter #headerFilter {
        cursor: move;
    }
    #navbarMapaBase {
        position: absolute;
        top: 60px;
    }
    .link-basemap {
        margin-bottom: 10px;
    }
    #left-panel-3-content {
        width: 85%;
    }
    .img-brand {
        width: 60px;
    }
    .zoom-buttons {
        bottom: 85px !important;
        top: auto;
        z-index: 1;
        /*ojo*/
    }
    .gh-capas {
        text-align: left;
        left: 50px;
        width: calc(100% - 50px);
    }
    .content-check {
        background: #004a98;
        display: block;
        width: fit-content;
    }
    .gh-contenedor-capa {
        display: block;
    }
    .form-floating>.form-control,
    .form-floating>.form-select {
        height: auto;
    }
    .dataTable tr>*:nth-child(1) {
        width: 70% !important;
        display: inline-block;
    }
    .dataTable tr>*:nth-child(6) {
        width: 30% !important;
        display: inline-block;
    }
    .dataTable tr>*:nth-child(2),
    .dataTable tr>*:nth-child(3),
    .dataTable tr>*:nth-child(4),
    .dataTable tr>*:nth-child(5) {
        display: none;
    }
    #navbarMapaBase ul,
    #navbarMapaBase ul li {
        padding: 0px !important;
        margin: 0px !important;
        margin-bottom: 5px!important;
    }
    #navbarDibujar .navbar-nav,
    #navbarZoom .navbar-nav {
        flex-direction: row!important;
    }
    .gh-mapa-base {
        right: 120px !important;
        top: 55px;
    }
    .gh-btn-top {
        right: 10px !important;
        top: 55px;
        display: flex!important;
    }
    .gh-btn-top .btn-tool {
        margin-right: 6px !important;
    }
    .offcanvas-start {
        width: 90%;
    }
    .bg-white.offcanvas-start {
        width: 90%;
    }
    .modal-popover {
        background: transparent;
        left: 382px !important;
        top: 50px !important;
        width: 240px;
        padding: 0;
    }
}

@media (max-height: 460px) {
    #Mapa-Leyenda,
    #Mapa-Download,
    #Mapa-Filter,
    #Mapa-Contacto,
    #Mapa-Shape,
    .modal-standar {
        width: 460px;
        max-width: 460px !important;
        top: 20%;
        left: calc(50% - 230px);
    }
    #Mapa-Leyenda .modal-dialog,
    #Mapa-Download .modal-dialog,
    #Mapa-Filter .modal-dialog,
    #Mapa-Contacto .modal-dialog,
    #Mapa-Shape .modal-dialog,
    .modal-standar .modal-dialog {
        width: 100%;
        max-width: 100% !important;
        margin: 0 !important;
    }
    #Mapa-Leyenda #headerlegend {
        cursor: move;
    }
    #Mapa-Download #headerDownload {
        cursor: move;
    }
    #Mapa-Filter #headerFilter {
        cursor: move;
    }
}

@media (max-height: 360px) {
    #Mapa-Leyenda,
    #Mapa-Download,
    #Mapa-Filter,
    #Mapa-Contacto,
    #Mapa-Shape,
    .modal-standar {
        width: 460px;
        max-width: 460px !important;
        height: 300px !important;
        top: 10%;
        left: calc(50% - 230px);
    }
    .h-350 {
        height: 200px !important;
    }
    #Mapa-Leyenda .modal-dialog,
    #Mapa-Download .modal-dialog,
    #Mapa-Filter .modal-dialog,
    #Mapa-Contacto .modal-dialog,
    #Mapa-Shape .modal-dialog,
    .modal-standar .modal-dialog {
        width: 100%;
        max-width: 100% !important;
        margin: 0 !important;
    }
    #Mapa-Leyenda #headerlegend {
        cursor: move;
    }
    #Mapa-Download #headerDownload {
        cursor: move;
    }
    #Mapa-Filter #headerFilter {
        cursor: move;
    }
    #navbarDibujar .navbar-nav,
    #navbarZoom .navbar-nav {
        flex-direction: row!important;
    }
    #navbarMapaBase {
        position: absolute;
        top: 60px;
    }
    .gh-mapa-base {
        right: 120px !important;
        top: 55px;
    }
    .gh-btn-top {
        right: 10px !important;
        top: 55px;
        display: flex!important;
    }
    .gh-btn-top .btn-tool {
        margin-right: 6px !important;
    }
    .link-basemap {
        margin-bottom: 10px;
    }
    #navbarMapaBase ul,
    #navbarMapaBase ul li {
        padding: 0px !important;
        margin: 0px !important;
        margin-bottom: 5px!important;
    }
    .form-floating>.form-control,
    .form-floating>.form-select {
        height: auto;
    }
    .zoom-buttons {
        bottom: 5px !important;
        right: 60px;
        top: auto;
        z-index: 1;
        /*ojo*/
    }
    .gh-capas {
        text-align: left;
        left: 50px;
        width: calc(100% - 50px);
    }
    .content-check {
        background: #004a98;
        display: block;
        width: fit-content;
    }
    .gh-contenedor-capa {
        display: block;
    }
    .dataTable tr>*:nth-child(2),
    .dataTable tr>*:nth-child(3),
    .dataTable tr>*:nth-child(4),
    .dataTable tr>*:nth-child(5) {
        display: none;
    }
    .dataTable tr>*:nth-child(1) {
        width: 70% !important;
        display: inline-block;
    }
    .dataTable tr>*:nth-child(6) {
        width: 30% !important;
        display: inline-block;
    }
    .offcanvas-start {
        width: 100%;
    }
    .bg-white.offcanvas-start {
        width: 100%;
    }
}

@media (max-width:480px) {
    .modal-popover {
        left: 78px !important;
        top: 90px !important;
    }
    .icon {
        max-width: 20px;
    }
}

@media (max-width: 360px) {
    .modal-popover {
        left: 78px !important;
        top: 90px !important;
    }
    .icon {
        max-width: 20px;
    }
}

.nav-pills .nav-link {
    color: #b5b5c3 !important;
    font-size: 12px !important;
}

.nav-pills .nav-link.active {
    background-color: #da323c !important;
    color: white !important;
}