/* Alert message */
#alert_message {
    background: #6A9C08;
    position: fixed;
    z-index: 2000;
    color: white;
    top: 0;
    display: flex;
    padding: 1rem 2rem;
}

.btn_close {
    background: transparent;
    border: none;
}

    .btn_close i {
        color: white;
    }

    .btn_close:hover i {
        color: #002239;
    }

/* General styles */
#navbar-main {
    background-color: #002239;
}

    #navbar-main #navbarsItems .dropdown {
        color: white;
    }

.navbar-toggler:focus {
    box-shadow: none;
}

.dropdown-item {
    color: #002239;
}

/* Styles for phones*/
@media (max-width: 481px) {
    #img-logo {
        width: 6rem;
        height: auto;
        vertical-align: bottom;
    }

    #navbar-main #link_logo, #btn_navbar_responsive {
        padding: 1rem;
    }

    .nav-item.dropdown {
        background-color: white !important;
    }

    .nav-link.dropdown {
        padding: 1rem 2rem 1rem 1rem !important;
        color: #002239 !important;
    }

    .fa-chevron-down {
        float: right;
    }

    #btn_navbar_responsive span {
        color: white;
        font-size: 1rem;
        vertical-align: middle;
    }

    .pages-content {
        margin-top: 4rem;
    }
}

/* Styles for tablets*/
@media (min-width: 482px) and (max-width: 980px) {
    #navbar-main #link_logo, #btn_navbar_responsive {
        padding: 2rem;
    }

    .nav-item.dropdown {
        background-color: white !important;
    }

    .nav-link.dropdown {
        padding: 2rem 4rem 2rem 2rem !important;
        color: #002239 !important;
        font-size: 1.5rem;
    }

    .dropdown-item {
        padding-left: 2rem;
        font-size: 1.5rem;
    }

    .fa-chevron-down {
        float: right;
    }

    #btn_navbar_responsive span {
        color: white;
        font-size: 2rem;
        vertical-align: middle;
    }

    .pages-content {
        margin-top: 7.8rem;
    }
}

/* Styles for dekstops */
@media (min-width:961px) {
    #navbar-main {
        padding: 2rem;
    }

    .pages-content {
        margin-top: 6.8rem;
    }

    #navbar-main #navbarsItems .dropdown {
        color: white;
        padding: 0rem 0.5rem;
    }

    .last-item-navbar {
        right: 0 !important;
        left: auto !important;
    }
}