.iti {
    width: 100%;
}
.iti__flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../images/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("../images/flags@2x.png");
    }
}

/* Menu styling */
.nav > li > a:hover, .nav > li > a:focus {
    background-color: #21baed;
}

.dropdown-menu {
    background-color: #fff;
    border-color: #333;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: #eee;
    }

.dev-box {
    background-color: #28a745; /* Green background */
    color: white; /* White text */
    padding: 5px 10px; /* Padding for the box */
    border-radius: 5px; /* Rounded corners */
    /*position: absolute;*/ /* Positioning */
    top: 10px; /* Distance from the top */
    right: 10px; /* Distance from the right */
    font-weight: bold; /* Bold text */
    z-index: 1000; /* Ensure it is on top */
}

.navbar-custom {
    background-color: #37c9fa;
    border-color: #333;
}

    .navbar-custom .navbar-brand {
        color: #000;
    }

        .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus {
            color: #000;
        }

    .navbar-custom .navbar-text {
        color: #000;
    }

    .navbar-custom .navbar-nav > li > a {
        color: #000;
    }

        .navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
            color: #000;
        }

    .navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
        color: #000;
        background-color: #dd0000;
    }

    .navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
        color: #000;
        background-color: #dd0000;
    }

    .navbar-custom .navbar-toggle {
        border-color: #ffcc33;
    }

        .navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
            background-color: #dd0000;
        }

        .navbar-custom .navbar-toggle .icon-bar {
            background-color: #000;
        }

    .navbar-custom .navbar-collapse,
    .navbar-custom .navbar-form {
        border-color: #000;
    }

    .navbar-custom .navbar-link {
        color: #000;
    }

        .navbar-custom .navbar-link:hover {
            color: #000;
        }

@media (max-width: 767px) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #000;
    }

        .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #000;
        }

    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #000;
        background-color: #dd0000;
    }
}