html {
    font-size: 12px;
}

@media (min-width: 768px) {
    html {
        font-size: 12px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    width: 99%;
    overflow: -moz-hidden-unscrollable;
    margin: 26px 1px 1px 1px;
}

/*@*<label asp-for="Name" class="required"></label> *@*/
/*.required:double-button {
    color: green;
}

.required:after {
    content: " *";
    color: #e32;
    position: absolute;
    font-size: xx-large;
    margin: 0px 0px 0px -20px;
    padding: 0 5px 0 0;
}
.required:after {
    content: " *";
    color: red;
}
*/

.required::before {
    content: "*";
    color: red;  /*Or any desired color */
    margin-right: 5px;  /*Adjust spacing as needed */
}

input[required] {
    background-image: radial-gradient(#F00 15%, transparent 16%), radial-gradient(#F00 15%, transparent 16%);
    background-size: 2em 2em;
    background-position: right top;
    background-repeat: no-repeat;
}




/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
}

    /* Style the links inside the navigation bar */
    .topnav a {
        float: left;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        /* Change the color of links on hover */
        .topnav a:hover {
            background-color: #ddd;
            color: black;
        }

        /* Add a color to the active/current link */
        .topnav a.active {
            background-color: #04AA6D;
            color: white;
        }

/* Right-aligned section inside the top navigation */
.topnav-right {
    float: right;
}