/*FONT STYLES*/
.fs-30px{
    font-size: 30px;
}

.le-2-25px{
    letter-spacing: 2.25px;
}

.text-light-blue{
    color: #9FE4F6;
}

.link-light-blue{
    color: #9FE4F6;
}

.link-light-blue:hover{
    color: #7fd2e7;
}

.text-dark-blue{
    color: #13139F;
}

.text-gray-001{
    color: #404C59 !important;
}

/*BUTTONS*/
.btn.btn-white-blue {
    color: #13139F; 
    font-weight: bold;
    border-color: #ffffffff;
    background-color: #ffffffff;
}

.btn.btn-white-blue:hover {
    color: #13139F;
    font-weight: bold;
    background-color: rgb(213 214 226);
}

.btn.btn-blue-textwhite {
    color: rgb(255, 255, 255);
    font-weight: bold;
    border-color: #ffffffff;
    background-color: #13139F;
}

.btn.btn-blue-textwhite:hover {
    color: rgb(213 214 226);
    font-weight: bold;
    background-color: #141491;
}


/*BACKGROUNDS*/
.bg-blue-10{
    background-color: #1414911a !important;
}

/*MODALS*/
div#modal-filtros.modal{
    --bs-modal-bg: #ECEEF1 !important;
}

/*ROUNDED*/
.rounded-top-3{
    border-top-left-radius: 3rem !important;
    border-top-right-radius: 3rem !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar{
    background-color: #003384;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active{
    background-color: #073d93;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo{
    border-bottom: 1px dashed #5c5cbf;
    background-color: #012d73;
}


/*ESTILOS PARA MAPA DE VER-ESTACIONES*/
#place-autocomplete-card {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin: 10px;
    padding: 5px;
    font-family: Roboto, sans-serif;
    font-size: large;
    font-weight: bold;
    }

    #place-autocomplete {
    width: 300px;
    }

    #infowindow-content .title {
    font-weight: bold;
    }

    #map #infowindow-content {
    display: inline;
    }

    div#place-autocomplete-card {
        border-radius: 50px;
    }

    button.gm-control-active.gm-fullscreen-control{
        display: none;
    }
    @media (min-width: 992px) {
	    :not([data-kt-app-footer-fixed=true]) .app-main .app-content {
	        padding-bottom:0!important;
	        padding-top:0!important
	    }

    [data-kt-app-footer-fixed=true] .app-main .app-content {
	        padding-bottom: 0px!important;
	        padding-top:0!important
	    }
	}
	.btn-volver {
    position: initial; /* Fija el botón respecto a la ventana del navegador */
    bottom: 20px; /* Espacio desde el borde inferior */
    left: 20px; /* Espacio desde el borde derecho */
    z-index: 1000; /* Asegura que el botón se muestre por encima de otros elementos */
    color:white;
    font-weight:bold;
    background-color: rgba(0, 51, 132, 0.8);
    padding: .5rem 1rem;
    border-radius: 5px;
    width: fit-content;
	}