.content {
    padding: 0px !important;
    margin: 0px !important;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.content-wrapper {
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}


.ol-control button {
    margin: unset !important;
    color: #fff !important;
}
.ol-control button:focus, .ol-control button:hover {
    text-decoration: none !important;
    color: #fff !important;
    background-color: #960001;
}
/* Estilo botones mainbar */
.ol-button i
{	color: inherit !important;
}
.ol-control.ol-bar
{
    /*top: 6em !important;*/
    /*left: 17em !important;*/
    /*right: auto !important;*/
    transform: none !important;
}
.mainbar_style {
    background-color: transparent !important;
    top: .5em !important;
    left: 3.5em !important;
    right: auto !important;
}
.mainbar_style:hover {
    background-color: transparent !important;
}
.ol-control.ol-bar .ol-control > button {
    min-height: 1.7em !important;
    min-width: 1.7em !important;
    background-color: #960001 !important;
    border: solid;
    border-width: 0.09em;
    border-color: #fff;
}
.ol-main-button > button {
    margin-bottom: 0.15em !important;
}

.ol-control.ol-bar .ol-control > button:hover {
    color: #fff !important;
    background-color: #960001 !important;
}
.ol-control.ol-bar.ol-option-bar .ol-control > button {
    background-color: #960001 !important;
}
.ol-control.ol-bar.ol-option-bar .ol-control > button:hover {
    color: #fff !important;
    background-color: #960001 !important;
}
.ol-control.ol-bar .ol-control .ol-active > button {
    background-color: #fff !important;
    color: #960001 !important;
    border-width: 0.09em;
    border-color: #960001;
    margin-bottom: 0.1em !important;
}
.ol-control.ol-bar .ol-control .ol-active > button:hover {
    color: #fff !important;
    background-color: #960001 !important;
}
.ol-control.ol-bar .ol-control.ol-option-bar {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.ol-zoom .ol-zoom-out {
    background-color: #960001;
    min-height: 1.7em !important;
    min-width: 1.7em !important;
    border: solid;
    border-width: 0.09em;
    border-color: #fff;
    font-size: 1em !important;
}
.ol-zoom .ol-zoom-in {
    background-color: #960001;
    min-height: 1.7em !important;
    min-width: 1.7em !important;
    border: solid;
    border-width: 0.09em;
    border-color: #fff;
    font-size: 1em !important;
}

.ol-control button:focus, .ol-control button:hover {
    text-decoration: none;
    color: #960001 !important;
    background-color: #fff !important;
}

.visorBar_style {
    background-color: transparent;
    right: 0.5em !important;
    left: unset !important;
}


/*
            CSS Measures
        */
/*
.tooltipm {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap;
}
.tooltipm-measure {
    opacity: 1;
    font-weight: bold;
}
.tooltipm-static {
    background-color: #ffcc33;
    color: black;
    border: 1px solid white;
}
.tooltipm-measure:before,
.tooltipm-static:before {
    border-top: 6px solid rgba(0, 0, 0, 0.5);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%;
}
.tooltipm-static:before {
    border-top-color: #ffcc33;
}
*/


.ol-tooltip {
    position: relative;
    background: rgba(51, 64, 85, 0.8);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap;
    font-size: 12px;
    cursor: default;
    user-select: none;
}
.ol-tooltip-measure {
    opacity: 1;
    font-weight: bold;
}
.ol-tooltip-static {
    background-color: #334055;
    color: white;
    border: 1px solid white;
}
.ol-tooltip-measure:before,
.ol-tooltip-static:before {
    border-top: 6px solid rgba(0, 0, 0, 0.5);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%;
}
.ol-tooltip-static:before {
    border-top-color: #334055;
}

/*
    CSS Measures
*/

/* Custom scrollbar */
/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(60,141,188,.5) #cccccc;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 12px;
}

*::-webkit-scrollbar-track {
    background: #cccccc;
}

*::-webkit-scrollbar-thumb {
    background-color: rgba(60,141,188,.5);
    border-radius: 20px;
    border: 3px solid #cccccc;
}

.hideOpacity .layerswitcher-opacity {
    display:none;
}
.hideOpacity .ol-layerswitcher-tidop .layerup {
    height: 1.5em;
}


.ol-layerswitcher-tidop button
{	background-color: white !important;
    color: transparent !important;
    background-image:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGsAAAAmCAYAAADDeWW+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NUQxN0Y3RTNENDBFQjExOTI1Qzk2Mjk3M0NCQjkzRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RUYzMjE0MDQwM0YxMUVCODBCQjkwOTA0QzdGRjFFNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RUYzMjEzRjQwM0YxMUVCODBCQjkwOTA0QzdGRjFFNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg1RDE3RjdFM0Q0MEVCMTE5MjVDOTYyOTczQ0JCOTNFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg1RDE3RjdFM0Q0MEVCMTE5MjVDOTYyOTczQ0JCOTNFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dd4uewAABGlJREFUeNrsm89rE0EUx9+kbcC2SlerVhGViAgqgrR4EBGRCt70Es96iXj0lIB3SW9e2z/BXqzgKQER1JNBEQ8ebC2tolZs/U1/mK7fzc6a5zD707WmcR68zmQz+2Yzn30/ZpMK27bJyPoQYWAZWEYMLAMrcMBtIa5hxKE0JvsO3U707DTRde/Ya+gd6FbvgqDnzQ2UDNaEENNo9qQx2TJ0I9HLo0T7MWvdATMLfQ7tMbBSgbWCpjONyTqgMLb4lshCd9F5vQnaDa0bWKESBcJHaH8akzlAMkSfBiSUTOOv/QuUkWDJrPWEtguqjom70T/upjEjLQnL9SVaWSU6ht4D9B/iWKcwLFoPlmbu3YJEF5QMsNaFVWc5UQZII60KSwW3AXoYutlgSV4NroU4W7BTCIN30b6A7g/ZTgyjKUKH2eEqdAw6vp4AnIuxTcm00HV7KWtvCKgCmooCiuTrmxKiCYNrlMMWAkDl0IyyQzVoSXqVJ2VozsD695LnoBBChtCOQM8owPIaj7OZTipjSN4E3vsV1p/XjCXpwfOKXceGpYzLKbZtn8jQdrAGWV/NTVVlgby2olnsnATot2D8uCXH5hWwZQ2YghzLpSKPq/YryudZNwVGVLGUEMhlRKoqJc1CDTMPrGrOWZC2Cgx8nt0gNY3dMrPvnDPF+txmnkHKaz5H28CKK1NygYuau5sCcluJVZaTGm8bk/aKPjY8WAsB1+T16X+AZUUc8yjiWD/YU3LxLSVflSOcX5M6KM8vK1460s45a8onf3lhiCd6b1EsjcfEEZ3nFJRcWQrwkiFNxepdW7GdYfEPXJCbYy9EFTTjLCV0jUQMPYPMg3Q5kgO8HLARL8qbpyyvSSjelEsblpXWSne4jyr6PrsTLyfY7Y+zRbNYiV1h1+mXEwps4cJEN3bcB9yk1FxIJPA8v+jzfiqwptOC9Q26i2jmLNol+vXoNu4T3AsBFVRN7rn4AlcjbgXCcs9YQIXpZzcoL9XihuTQAsNufO9EO0QzH8yxpw2xBCd3QD8suQYuZd3DP2J6l3M3DskQOKh8eB2YM9JTLBYiwzakJc22QA3H+9RNOruemiZP5n0qwsgS+huMW8J9ZCeaLuB8UZhNAgzn/QCogRWiK71E16S9N3hnJ6yfRP8e9D2AbItqc0Kk9i3YKMt7lxMUIokkzoPczjhLjWXBGtvOI5auhJ7VoJxlsQ82+xbdfLbcReZbrT+GZTf/Lgv3eVgqv5twfAKgZna6tsW7f7vxq7KEX1u3sFgV4FRwR+Bje6nxqzJadcKWbGMLDHT1kj17Av0nRBdn3Ata/VthJETG28KzFJmDR8ytNgDaXjkpEnqW3UPUf5/oKkrOQl/SysWEQf0+ySm/vzR/69c7QPQRuaajnnDyeVkObmqC6jNYUoDlbGYPQHc3Q+PSY8D6SrQlm7DgyCgFB+SVwZICLOcfC3b8Xl2sYKFvwDMOZlO4GOEmv6cGS8J9lhEDy4iBZWAZaRH5KcAA6epWeTyuuGcAAAAASUVORK5CYII=') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    float: unset !important;
    height: 38px !important;
    width: 107px !important;
    z-index: 10 !important;
    position: fixed !important;
    border: solid !important;
    border-color: #960001 !important;
    border-width: 1px !important;
    left: 3em;
    top: 2.5em;

}
.ol-layerswitcher-tidop > button::before {
    background: transparent !important;
    top: .32em !important;
    left: .34em !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.ol-layerswitcher-tidop > button::before {
    background: transparent !important;
    top: .32em !important;
    left: .34em !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.ol-layerswitcher-tidop > button::after {
    top: .22em !important;
    left: .34em !important;
    background: transparent !important;
    background-image: none !important;
}
.ol-layerswitcher-tidop .panel {
    /*width: 280px !important;*/
}
.ol-layerswitcher-tidop .panel li.ol-layer-group label {
    max-width: 22em !important;
}
.ol-layerswitcher-tidop .panel li.ol-layer-tile label {
    max-width: 20em !important;
}
.ol-layerswitcher-tidop .layerswitcher-opacity {
    width: 150px !important;
    margin: 0px 1em 10px 7px !important;
}

.ol-layerswitcher-tidop .panel li > div {
    display: inline-block;
    position: relative;
    line-height: 1.1;
}

.ol-layerswitcher-tidop [type="checkbox"]:checked + label::after {
    border-color: #960001 !important;
}
.ol-layerswitcher-tidop [type="radio"] + label::before, .ol-layerswitcher-tidop [type="radio"]:checked + label::after, .ol-layerswitcher-tidop [type="checkbox"] + label::before, .ol-layerswitcher-tidop [type="checkbox"]:checked + label::after {
    /*border: 2px solid #369;*/
    border-color: #960001 !important;
    border-top-color: #960001 !important;
    border-right-color: #960001 !important;
    border-bottom-color: #960001 !important;
    border-left-color: #960001 !important;
}
.ol-layerswitcher-tidop .layerswitcher-opacity {
    border: 1px solid #960001 !important;
    background: #69c !important;
    background: -webkit-gradient(linear,left top,right top,from(rgba(150,0,1,0)),to(rgba(150,0,1,.6))) !important;
    background: linear-gradient(to right,rgba(150,0,1,0),rgba(150,0,1,.6)) !important;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.5) !important;
    box-shadow: 1px 1px 1px rgba(0,0,0,.5) !important;

    /*display: none !important;
    height: 0px !important;*/
}
.ol-layerswitcher-tidop .layerswitcher-opacity .layerswitcher-opacity-cursor, .ol-layerswitcher-tidop .layerswitcher-opacity .layerswitcher-opacity-cursor::before {
    background: rgba(150,0,1,.5) !important;
}
.ol-layerswitcher-tidop .expend-layers::after {
    background: #960001 !important;
}
.ol-layerswitcher-tidop .collapse-layers::before, .ol-layerswitcher-tidop .expend-layers::before {
    background: #960001 !important;
}
.ol-layerswitcher-tidop .layerup {
    background-color: transparent !important;
}
.ol-control.ol-layerswitcher-tidop .ol-switchertopdiv {
    border-top: 2px solid transparent !important;
    border-bottom: 2px solid #960001 !important;
}
.ol-control.ol-layerswitcher-tidop .ol-switcherbottomdiv::before {
    border-top-color: #960001 !important;
}
.ol-control.ol-layerswitcher-tidop .ol-switcherbottomdiv {
    border-top: 2px solid #960001 !important;
}
.ol-control.ol-layerswitcher-tidop .ol-switchertopdiv::before {
    border-bottom-color: #960001 !important;
    border-top: 0 !important;
}


.ol-control.ol-layerswitcher-tidop .panel-container {
    /*
    background-color: #fff;
    border-radius: 0 0 2px 2px;
    clear: both;
    padding: 0.5em 0.5em 0;
    */
    font-size: 0.875rem !important;
}

.ol-layerswitcher-tidop .panel {
    list-style: none;
    padding: 9px !important;
    margin: 0;
    overflow: hidden;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 0.8em !important;
    transition: top 0.3s;
    position: relative;
    top: 0;
}

.ol-layerswitcher-tidop .layerup {
    float: right;
    height: 1em !important;
    background-color: #960001;
    opacity: 0.5;
    cursor: move;
    cursor: ns-resize;
}

.ol-layerswitcher-tidop .panel li.ol-layer-group > .ol-layerswitcher-buttons {
    position: absolute;
    width: calc(100% - 10px);
}
.ol-layer-group > .li-content {
    left: 1.5em;
}
.ol-layerswitcher-tidop .expend-layers, .ol-layerswitcher-tidop .collapse-layers {
    float: left;
}
.ol-layerswitcher-tidop .panel li.ol-layer-tile > .ol-layerswitcher-buttons {
    position: absolute;
    width: calc(100% - 30px);
}


label {
    color: #960001;
}

.ol-layerswitcher-tidop .layerExtent {
    background: #960001 !important;
}

.ol-layerswitcher-tidop .layerTrash {
    background: #960001 !important;
}

.ol-layerswitcher-tidop .layerInfo {
    background: #960001 !important;
    border-radius: 100%;
}



.toast { opacity: 1 !important; }











#toast-container > .toast {
    background-image: none !important;
}

#toast-container > .toast:before {
    position: fixed;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 18px;
    float: left;
    color: #FFF;
    padding-right: 0.5em;
    margin: auto 0.5em auto -1.5em;
}


.ol-mouse-position {
    top: unset !important;
    bottom: 8px;
    right: 8px;
    position: absolute;
}

.custom-mouse-position {
    position: fixed;
    right: 175px;
    bottom: 0px;
    color: white;
    text-shadow: 2px 2px 4px #000000;
    font-weight: bold;

}


.ol-layerswitcher-tidop .layerDownload {
    background: #960001 !important;
}
.ol-layerswitcher-tidop .layerDownload:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f063";
    color: #fff;
    display: block;
    font-size: 0.8em;
    text-align: center;
    width: 1.25em;
    position:absolute;
    left: 0;
    top: 0;
}

#dpi {
    height: 1in;
    left: -100%;
    position: absolute;
    top: -100%;
    width: 1in;
}

.opciones-capa {
    height: 20px;
    width: 100%;
    line-height: 35px;
    color: #fff;
    overflow: hidden;
    z-index: 1;
    background-color: #960001;
    margin-top: 0px;
    margin-bottom: 5px;
}
.wb-title-opciones-capa {
    font-size: 0.9rem !important;
    line-height: 20px !important;
    font-weight: bold !important;
    padding-left: unset !important;
    text-align: center;
}


.LayerSwitcher_container {
    display: flex;
    flex-flow: column;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1; /* 1 should be enough if there are no other z-index */
    top:0;
    left: 0;
}
.LayerSwitcher_layers {
    flex: 1; /* So it fills the available vertical space */
    padding: 0;
    overflow: hidden;
    overflow-y: auto; /* Only vertical scroll appears, only if needed */
    margin: 0;
    line-height: 0.1;
}
.borde_ls {
    height: 2px;
    background-color: #960001;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.LayerSwitcher_layers > label {
    color: #960001;
}


#ex1Slider .slider-selection {
    background: #BABABA;
}

.slider-handle.custom {
    background: transparent none;
    margin-top: -3px;
}
.slider-handle.custom::before {
    font-family: FontAwesome;
    line-height: 12px;
    font-size: 12px;
    content: '\f111';
    color: #960001;
}


.btn-sidap{color:#fff;background-color:#960001;border-color:#960001;box-shadow:none}
.btn-sidap:hover{color:#fff;background-color:#7d0001;border-color:#640001}
.btn-sidap.focus,.btn-sidap:focus{color:#fff;background-color:#7d0001;border-color:#640001;box-shadow:0 0 0 0 rgba(125,0,1,.5)}
.btn-sidap.disabled,.btn-sidap:disabled{color:#fff;background-color:#960001;border-color:#960001}
.btn-sidap:not(:disabled):not(.disabled).active,.btn-sidap:not(:disabled):not(.disabled):active,.show>.btn-sidap.dropdown-toggle{color:#fff;background-color:#640001;border-color:#7d0001}
.btn-sidap:not(:disabled):not(.disabled).active:focus,.btn-sidap:not(:disabled):not(.disabled):active:focus,.show>.btn-sidap.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(125,0,1,.5)}

.input-border-bottom-sidap {
    border-bottom: solid;
    border-bottom-color: #960001;
    border-bottom-width: 2px;
}
.input-border-bottom-sidap:focus {
    border-bottom: solid;
    border-bottom-color: #960001;
    border-bottom-width: 2px;
}


.ol-control.ol-bar .ol-control > button:hover {
    background-color: #fff;
    color: #960001;
}

.buscar-wms {
    /*float: right !important;
    margin-top: -30px;
    width: 6.5em !important;*/
    width: unset !important;
}

.slider.slider-horizontal {
    width: 80px !important;

}
.ol-touch .ol-control.ol-wmscapabilities {
    right: auto !important;
}



/* ol-popup */
.ol-popup .ol-popup-content {
    overflow: hidden;
    cursor: default;
    padding: 0em 0em 0em 0em !important;
}
.ol-popup.default .anchor {
    color: #960001 !important;
}

.ol-popup.default > div {
    border:1px solid #960001 !important;
}
.ol-popup.default .anchor {
    color: #960001 !important;
}
.titulo-popup {
    width: 100%;
    background-color: #960001;
    color: #ffffff;
    padding-left: 4px;
    padding-right: 4px;
}
.titulo-popup-cerrar {
    float: right;
    cursor: pointer;
    padding-left: 10px;
}

.ol-popup-sensor {
    width: 650px;
}

.ol-popup.default.granate.material  {
    max-width: 450px;
    width: 450px;
}

.ol-popup.default.granate.material_anadir  {
    max-width: 800px;
    width: 800px;
}

/*
.slider.slider-horizontal .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
}

 */


.ol-title-bar {
    display: none !important;
    height: 0px !important;
}
.ol-layerswitcher-tidop.ol-layer-shop-tidop .layerup {
    height: 1.5em;
    width: 1.4em;
    margin: 0;
    box-sizing: border-box;
    border-radius: 3px;
    background-color: transparent;
    color: #960001 !important;
}
.ol-layerswitcher-tidop [type="radio"] + label::before, .ol-layerswitcher-tidop [type="checkbox"] + label::before, .ol-layerswitcher-tidop [type="radio"]:checked + label::after, .ol-layerswitcher-tidop [type="checkbox"]:checked + label::after {

    top: 0 !important;

}