@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;
}

body {
    padding-top: 75px;
}

/* Blazor Error UI - MUST be hidden by default, framework JS shows it on errors */
#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.35);
    display: none; /* CRITICAL: Hidden by default */
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }