.page-min-height {
    min-height: 65vh !important;
}


/* #region Header */

#headerDiv {
    background-image: url("../Images/HeaderBackground.jpg");
    height: 15vh;
    background-size: cover;
}

.header-computer-div {
    display: flex;
}

.header-mobile-div {
    display: none;
}

.layout-header {
    display: flex;
}

.layout-header-item {
    display: flex;
    align-items: center;
    flex: 1 auto;
}

.layout-user {
    width: 100%;
}

.div-user-name,
.div-user-menu {
    flex: 1 1 90%;
    justify-content: flex-end;
}

.div-user-button {
    flex: 1 1 10%;
    justify-content: flex-end;
}

.div-user-button-mobile {
    display: none;
    justify-content: flex-end;
}

.navbar {
    width: 100%;
}

#navbar-header-mobile {
    background-color: #506f7b;
}

.header-icao-logo {
    width: 100%;
}

.label-header-user {
    color: white;
    font-size: clamp(1rem, 1.7vw, 1rem);
}

a.label-header-user {
    text-decoration: underline !important;
    font-weight: normal !important;
}

.button-header-user {
    background-image: url("../Images/HeaderUserIcon.png");
    width: 2.5em;
    height: 2.5em;
    background-repeat: no-repeat;
    border-color: transparent !important;
    color: transparent !important;
    background-size: cover;
}

/* #endregion */


/* #region Footer */

#footerDiv {
    background-color: #506f7b;
    height: 20vh;
}

.div-footer-computer {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.layout-footer-item {
    display: flex;
}

.layout-footer-computer {
    display: flex;
    gap: 0 2em;
}

    .layout-footer-computer:nth-child(1) {
        margin-top: 1em;
    }

.layout-footer-computer-item {
    display: flex;
    align-items: center;
    gap: 0 1em;
    flex: 1 auto;
    margin-top: 1em;
}

    .layout-footer-computer-item:nth-child(2) {
        justify-content: flex-end;
    }

.div-footer-mobile {
    display: none;
    align-items: center;
}

.layout-footer-mobile {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 0 1em;
    justify-content: center;
}

.footer-icao-logo {
    width: 40%;
}

.footer-igmc-logo {
    width: 50%;
}

.label-footer {
    font-size: clamp(1rem, 1.7vw, 1rem);
    color: white !important;
    font-weight: normal !important;
    text-decoration: none !important;
    white-space: nowrap;
}

    .label-footer :hover {
        color: white !important;
    }

/* #endregion */


/*ipad*/
@media all and (max-width:1024px) {

    /* #region Header */

    #headerDiv {
        height: 12vh;
    }

    .header-computer-div {
        display: none;
    }

    .header-mobile-div {
        display: flex;
    }

    .div-user-button-mobile {
        display: flex;
    }

    .button-header-user {
        width: 5em;
        height: 5em;
    }

    /* #endregion */


    /* #region footer */

    #footerDiv {
        height: 10vh;
    }

    .div-footer-computer {
        display: none;
    }

    .div-footer-mobile {
        height: 100%;
        display: flex;
    }

    /* #endregion */

}

/*mobile*/
@media all and (max-width:768px) {

    /* #region Header */

    .header-icao-logo {
        max-width: 90%;
    }

    /* #endregion */


    /* #region footer */

    #footerDiv {
        height: 15vh;
    }

    /* #endregion */

}