﻿/* Header logo Left */
.header-logo-left {
    width: max(5vw,50px) !important;
    content: url("images/Logo_Ars.png") !important;
}

/* Header logo Right */
.header-logo-right {
    content: url("images/logo-arscomm.png") !important;
    width: max(10vw,80px) !important;
}

/* Controls menu container map*/
.menu-container-map {
    left: 110px;
    gap: 0.2rem 1rem;
    background: #ffffffdd;
    margin-bottom: 30px;
    margin-left: 10rem;
    padding: 10px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}
/* Smaller than 641 px*/
@media (max-width: 640px) {
    .menu-container-map {
        margin-top: 10px;
        margin-right: 16rem !important;
        margin-left: 1rem;
        margin-bottom: 0rem;
    }
}

/* Top right map logos div */
.div_logo_map_top_right {
    margin: 0.5rem !important;
    background: #ffffff88 !important;
    padding: 0.5rem !important;
    border-radius: 5px !important;
    flex-direction: column !important;
}

/* Top right map logo */
.img_logo_map_top_right {
    content: url( "/images/logo-arscomm.png") !important;
    width: 10rem !important;
}

.img_logo_map_top_right2 {
    content: url( "/images/radioloc_banner.svg") !important;
    margin-top: 1rem !important;
    width: 10rem !important;
}

/* Bottom left map logos div */
.div_logo_map_bottom_left {
    margin: 0rem !important;
    margin-left: 0.5rem !important;
    background: #ffffff88 !important;
    padding: 0.5rem !important;
    border-radius: 5px !important;
    flex-direction: row;
    align-items: center !important;
}

/* Bottom left map logo */
.img_logo_map_bottom_left {
    content: url( "/images/Logo_Ars.png") !important;
    width: 5rem !important;
    margin-top: 0px !important;
}

.img_logo_map_bottom_left2 {
    content: url( "/images/Logo_EMS.jpg") !important;
    width: 5rem !important;
    margin-left: 1rem;
    margin-top: 0px !important;
}



/* Bottom left mobile map logo*/
.logo_map_mobile {
    content: url( "/images/logo-arscomm.png") !important;
    width: 5rem !important;
    margin-left: 10px !important;
    margin-bottom: 2px !important;
    background: #ffffff99 !important;
    border-radius: 5px !important;
    padding: 4px !important;
}

.pin-title {
    font-size: 0.95rem;
    margin: 0px 5px 0px 0px;
}
