#header {
    background-color: rgb(27, 101, 171);
    height: 40px;
    z-index: 1;
}

.languageMenuBase {
    vertical-align: top;
    border: none;
    padding-left: 0%;
    color: white;
    padding-top: 0.5%;
}

.languageMenuRightRCL {    
    text-align: right;
}

.languageMenuLeftRCL {
    text-align: left;
}

.linkRCL {
    color: rgb(179, 179, 179);
    vertical-align: top;
    text-decoration: none; /* Removes the default underline */
    font-size: small;
}

.linkRCL:hover {
    color: white;
    /* You can also add other styles for the hover effect */
}

.logoRCL {
    float: right;
    text-align: right;
}

td.logoCell {
    border: none;
    width: 20%;
}

nav {
    margin: 0 -8px 0 0;
    position: relative;
    padding: 0;
    float: left; /* Change from float: right to float: left */
    padding-left: 2%;
}

/* Styles for smaller screens */
@media only screen and (max-width: 767px) {
    td.logoCell {
        display: none; /* Hide the cell on smaller screens */
    }

    #mm0 {
        border: none;
        left: 0px;
        background-color: rgb(22, 91, 156);
        color: white;
        /* Your styles for screens with a width of 767 pixels or less */
    }

    option:disabled {
        color: orange;
    }

    .logoRCL {
        display: none; /* Hide the logo when the screen width is 768 pixels or smaller */
    }

    .linkRCL {
        font-size: x-small;
    }

    #header {
        height: 70px;
    }

    .hide-on-small-screen {
        display: none;
    }

    .hide-on-small-screenRow {
        display: none;
    }

    .show-on-small-screen {
        display: table-row;
    }

    .logoRCLSmallScreen {
        max-height: 50px;
    }
}

/* Media query for screens larger than 768px */
@media (min-width: 768px) {
    .rowRCL {
        border: none;
        display: flex;
        justify-content: center;
    }

    .hide-on-small-screen {
        display: table-cell; /* Or you can set it to 'table-row' if that's the default display for your tr elements */
    }

    .hide-on-small-screenRow {
        display: table-row; /* Or you can set it to 'table-row' if that's the default display for your tr elements */
    }

    .hide-on-small-screen td {
        /* Add your specific styles for the cells, such as width */
        width: 100%; /* Adjust as needed */
    }

    .show-on-small-screen {
        display: none;
    }
}

aMenu {
    max-height: 31px;
}

.bg_4 {
    background: rgb(27, 101, 171);
}

html, body, iframe {
    height: 100%;
}

.rowRCL {
    /* Your custom styles here */
    text-align: center;
    /* Add any other styles you want to inherit or customize */
}

.mapsRCL {
    width: 90%;
    height: 350px;
    background-color: white;
    border: 0;
    allowfullscreen="";
    loading="lazy"; 
    referrerpolicy="no-referrer-when-downgrade";
}

option {
    font-weight: bold;   
}