.buttonLogin {
    border: 1.5px solid black;
    border-radius: 5px;
    background-color: #27AA8E;
    color: black;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition-duration: 0.4s;
    cursor: pointer;

}

    .buttonLogin:hover {
        background-color: #27AA8E;
        color: white;
    }


.buttonStartLab {
    border: 1.5px solid #0C92BB;
    border-radius: 5px;
    background-color: #F2F3F5;
    color: #0C92BB;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition-duration: 0.1s;
    cursor: pointer;
    font-size: 10px;
    font-family: Consolas;
}

    .buttonStartLab:hover {
        border: 1.5px solid #0C92BB;
        background-color: #F2F3F5;
        color: #0C92BB;
        font-weight: bold;
        font-size: 8px;
    }

.buttonHeader {
    border: 1.5px solid #0C92BB;
    border-radius: 5px;
    background-color: #F2F3F5;
    color: #0C92BB;
    padding: 3px 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition-duration: 0.1s;
    cursor: pointer;
    font-size: 9px;
    font-family: Consolas;
}

    .buttonHeader:hover {
        border: 1.5px solid #0C92BB;
        background-color: #F2F3F5;
        color: #0C92BB;
        font-weight: bold;
        font-size: 9px;
    }

.buttonAdmin {
    border: 1.5px solid #0C92BB;
    border-radius: 5px;
    background-color: #F2F3F5;
    color: #0C92BB;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition-duration: 0.1s;
    cursor: pointer;
    font-size: 10px;
    font-family: Consolas;
}

    .buttonAdmin:hover {
        border: 1.5px solid #0C92BB;
        background-color: #F2F3F5;
        color: #0C92BB;
        font-weight: bold;
        font-size: 10px;
    }


.buttonSearch {
    border: 1.5px solid #0C92BB;
    border-radius: 5px;
    background-color: #F2F3F5;
    color: #0C92BB;
    padding: 3px 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition-duration: 0.1s;
    cursor: pointer;
    font-size: 9px;
    font-family: Consolas;
}

    .buttonSearch:hover {
        border: 1.5px solid #0C92BB;
        background-color: #F2F3F5;
        color: #0C92BB;
        font-weight: bold;
        font-size: 9px;
    }



.StateRadioButtonList-container {
    list-style: none;
    padding: 0;
    margin: 4px 0 0 0;
    display: flex;
    gap: 5px;
    font-family: Consol;
    align-content: center;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    
}

    /* Hide the native ugly browser radio circles */
    .StateRadioButtonList-container input[type="radio"] {
        display: none;
    }

    /* Style the text labels into clean button pills */
    .StateRadioButtonList-container label {
        display: flow;
        padding: 3px 10px;
        font-size: 9px;
        background-color: #F2F3F5;
        /*border: 1px solid #0C92BB;*/
        border-radius: 5px;
        cursor: pointer;
        font-family: Consolas;
        transition-duration: 0.1s;
        color: #0C92BB;
        
    }

        /* Hover feedback */
        .StateRadioButtonList-container label:hover {
            background-color: #E2E4E6;
        }

    /* Dynamic styling for the checked option using the adjacent sibling selector (+) */
    .StateRadioButtonList-container input[type="radio"]:checked + label {
        background-color: #E2E4E6;
        color: #0C92BB;
       /* border: 1px solid #0C92BB;*/
    }


.custom-file-upload {
    display: inline-flex;
    align-items: center;
    vertical-align: central;
    gap: 5px;
}

/* Custom styled action button */
.upload-btn {
    border: 1.5px solid #0C92BB;
    border-radius: 5px;
    background-color: #F2F3F5;
    color: #0C92BB;
    padding: 3px 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition-duration: 0.1s;
    cursor: pointer;
    font-size: 9px;
    font-family: Consolas;
    font-weight: normal;
    width: 80px;
    
}

    .upload-btn:hover {
        border: 1.5px solid #0C92BB;
        background-color: #F2F3F5;
        color: #0C92BB;
        font-weight: bold;
        font-size: 9px;
    }

/* Hide the native ASP.NET control without breaking functionality */
.hidden-file-input {
    display: none !important;
}

/* Styling for the file text feedback */
.file-name {
    color: #555555;
    font-size: 14px;
}