﻿.trGob {
    border-bottom: inset;
}
.bordetrGob{
background-color: rgba(0,0,0,.05);

}
.closelistado{
    top:8px;
    right:12px;
    position:absolute;
}
.disabled{
    pointer-events:stroke;
    opacity:0.4;
    cursor:not-allowed;
}
#capa_submenu_TemaSeguridadpública #capa_submenu_TemaProteccióncivil {
    background-color: lightgray;
}
.cortarTextoMenuCapas5 {
    max-width: 170px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.enabled {
    pointer-events: auto;
    opacity: 1;
    cursor: default !important;
}
a.espmap-link-nodeco {
    color: #333;
    cursor: pointer;
    text-decoration: none;
}
.glyphicon-chevron-up .glyphicon-chevron-down .glyphicon{
    font-size:14px !important;
}
.buttonCSV {
    float: right;
    border-color: transparent;
    background-color: transparent;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }


@media (min-width: 101px) and (max-width: 600px) {
    ::-webkit-scrollbar {
        width: 10px !important;
        height: 10px !important;
    }
    .tableGobierno{
        border-spacing:0px 0px !important;
        table-layout:fixed;
        width:100% !important;
    }
    .breakWords{
        word-break:break-word;
    }
    .ocultarText {
        white-space: nowrap;
    }
    .mostrarText{
        white-space:normal;
    }
    #divOverlay table {
        width: auto !important;
    }
    .cortarTextoMenuCapasGob {
        max-width: 145px !important;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }
    .cortarTextoMenuCapasGobTema {
        max-width: 175px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .cortarTextoMenuCapasInfra {
        max-width: 100px !important;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }
    .tableGob{
        width: 200px !important;
        table-layout:fixed;
    }
    li{
        align-items:flex-start !important;
    }
}
@media(min-width:601px) and (max-width:1199px) {
   
    .cortarTextoMenuCapasInfra {
        max-width: 215px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}
/*@media(max-width: 971px) and (min-width: 400px) {

    .cortarTextoMenuCapasGob {
        max-width: 272px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .cortarTextoMenuCapasGobTema {
        max-width: 280px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .tableGob {
       
    }
   
    .cortarTextoMenuCapasInfra {
        max-width: 215px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}*/
@media(min-width: 1200px) {
    .popover{
        /*z-index:1;*/
    }
    .cortarTextoMenuCapasGob {
        max-width: 251px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    
    .cortarTextoMenuCapasGobTema {
        max-width: 270px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .cortarTextoMenuCapasInfra {
        max-width: 215px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .tableGob {
        /*width: max-content !important;*/
        /*table-layout: fixed;*/
    }
}

