@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

form ul {
    list-style-type: inherit;
}

.validation-errors {
    color: red
}

/*added*/

.border-transparent {
    border: 0px solid transparent;
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding-bottom: 20px;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #f1f1f1;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.nav-item .log-out-toggle {
    display: none;
}


@media (max-width: 992px) {
    .dropdown .nav-link::after {
        float: none;
        position: absolute;
    }


    .dropdown-content {
        padding-left: 10px;
        position: relative !important;
    }

    .nav-item .log-out-toggle {
        display: block;
    }
}

.bg-primary {
    background-color: #dedede !important;
}

.nav-link {
  white-space:nowrap !important;
}