table.TablaNormal tr td, table.TablaNormal tr th {
    color: #4E5252;
    font-size: 11px;
    font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    text-align: left;
    border: solid 1px #D6D4D4;
    padding: 3px;
}

table.TablaNormal thead tr td, table.TablaNormal tr th {
    font-weight: bold;
    padding: 4px;
}

a.icon.icon-medium, i.icon.icon-medium {
    font-size: 20px;
}

a.icon.icon-big, i.icon.icon-big {
    font-size: 25px;
}

a.icon.icon-white, i.icon.icon-white {
    color: white;
}

.RadPicker .rcTable {
    border-spacing: initial!important;
}


/*InfoWindow en Google Maps*/
#legend {
    font-family: Arial, sans-serif;
    background: #fff;
    padding: 10px;
    margin: 10px;
    border: 2px solid #000;
    display: none;
}

    #legend img {
        vertical-align: middle;
    }

/* Personalizar el botón de cierre (X) del InfoWindow */
.gm-ui-hover-effect {
    opacity: 1 !important;
    width: 20px !important;
    height: 20px !important;
    top: 10px !important;
    right: 0px !important;
}

    /* Imagen dentro del botón */
    .gm-ui-hover-effect img {
        width: 24px !important;
        height: 24px !important;
        margin: 6px !important;
    }

    /* Asegurar que el área de clic coincida con el botón */
    .gm-ui-hover-effect > span {
        width: 20px !important;
        height: 20px !important;
        margin: 0 !important;
    }

    /* Efecto hover */
    .gm-ui-hover-effect:hover {
        background-color: rgba(0, 0, 0, 0.1) !important;
    }


/* Personalizar el botón de cierre (X) del InfoWindow */
/*.gm-ui-hover-effect {
    width: 24px !important;
    height: 16px !important;
    top: 2px !important;
    right: 10px !important;
}

    .gm-ui-hover-effect img {
        width: 16px !important;
        height: 16px !important;
    }*/

/* Alternativa: cambiar solo el tamaño del icono X */
/*.gm-style-iw-c button.gm-ui-hover-effect {
    width: 20px !important;
    height: 20px !important;
}

    .gm-style-iw-c button.gm-ui-hover-effect img {
        width: 16px !important;
        height: 16px !important;
    }*/

/*Cambiar el color y grosor de la X*/
.gm-ui-hover-effect {
    opacity: 1 !important;
}

    .gm-ui-hover-effect:hover {
        opacity: 0.8 !important;
    }

/*Cambiar el color y grosor de la X*/
/*.gm-ui-hover-effect img {
    width: 24px !important;
    height: 24px !important;
    filter: brightness(0) saturate(100%) invert(17%) sepia(89%) saturate(4937%) hue-rotate(356deg) brightness(93%) contrast(101%);
}
*/

/*Reemplazar con tu propia imagen*/
/*.gm-ui-hover-effect img {
    content: url('<%= ResolveUrl("~/CSSGlobal/img/close-icon.png") %>') !important;
    width: 24px !important;
    height: 24px !important;
}*/

/* Ocultar SOLO el spinner, mantener el overlay de fondo */
div[id*="RadAjaxLoadingPanelSpinNone"] img {
    display: none !important;
}

div[id*="RadAjaxLoadingPanelSpinNone"] .raDiv {
    display: none !important;
}