/* CSS for Text Boxes */

.TxtBox {     background-color: lavender;     height: 20px;     width: 300px; }

.focus-style {background-color: beige }

.TxtBoxSmall {     background-color: lavender;     height: 20px;     width: 100px; }

.TxtBox1row {     background-color: lavender;     height: 20px;     width: 130px; }

.TxtBoxQual {     background-color: lavender;     height: 20px;     width: 80px; }

.TxtBoxQual1 {     background-color: lavender;     height: 20px;     width: 130px; }

.TxtBoxAddr {     background-color: lavender;     height: 20px;     width: 810px; }


.BtnStyle1 {
    background-color: darkcyan;
    font-size: 16px;
    color: white;
    font-weight: bolder;
    font-family: 'Times New Roman';
    height: 35px;
    width: 200px;
    border-radius: 10px;
    box-shadow: 0 7px #CCCCCC;
}

.BtnStyle1:hover {
    background-color: Highlight;
    font-size: 18px;
    color: white;
    height: 40px;
    width: 200px;
    box-shadow: 1px 10px #CCCCCC;
}


.errorMessage {
    display: none;
    position: fixed;
    top:30%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    background-color: red;
    color: yellow;
    font-weight: bolder;
    border: 3px solid black;
    border-radius: 10px;
    z-index: 999;
}


.pagination-button {
        background-color: royalblue; /* Green background */
        border: none; /* Remove borders */
        color: white; /* White text */
        height: 30px;
        width: 80px;
        padding: 4px 8px; /* Padding */
        text-align: center; /* Center text */
        text-decoration: none; /* Remove underline */
        display: inline-block; /* Make the element a block */
        font-size: 14px; /* Set font size */
        margin: 4px 2px; /* Add margin */
        cursor: pointer; /* Add cursor pointer on hover */
        border-radius: 4px; /* Rounded corners */
    }

    .pagination-button:hover {
        background-color: black; /* Darker green on hover */
        color: white;
        font-weight: bolder;
    }


.LgnBtncontainer {
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: flex-end; /* Align content to the right side */

}

.BtnLogin {
    padding-top: 3px;
    height: 24px;
    width: 60px;
    color: black;
    font-weight: bolder;
    text-align: center;
    font-size: 13px;
    font-style: italic;
    background-color: lightcyan;
    border-radius: 7px;
    border: double 2px black;
}

.BtnLogin:hover {
    background-color: darkcyan;
    color: white;
    height: 26px;
    width: 63px;
    font-size: 14px;

}