/* For all pages */
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

html {
    font-size: 100%;
    box-sizing: border-box;
}

body {
    font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
    font-weight: 400;
    background-color: #18453B;
    margin: 0;
}

/* For instructions page */


/* For initial questions page */
.management, .questionSelect {
    padding: 5px;
    border-radius: 5px;
}

.questionSelect{
    font-size: 12px;
    background: #e8e8e8;
}

.management:focus, .questionSelect:focus{
    border-color: #0077FF;
    box-shadow: 0 0 0 2px #6bb0ff;
    outline: none;
    border-radius: 5px;
}

/* For report view */
#reportContent{
    margin-top: 65px;
    padding-left: 50px;
    padding-right: 50px;
}

.reportTableCell {
    padding: 10px;
    border: 1px solid #e0e5f6;
}

.reportTableHead {
    background: #18453B;
    color: white;
    border: none;
}

.tableText {
    text-align: center;
    border-collapse: collapse;
    margin-right: 30px;
}

.noReportParagraph{
    margin-top: 25px;
    margin-bottom: 25px;
}

/* For the disclaimer */
.disclaimerBox .disclaimerTitle{
    margin-top: 15px;
    margin-bottom: 15px;
}

.disclaimerBox .linkToLogin{
    margin: 20px 50px 20px 50px;
}

.disclaimerBox .paragraph{
    margin: 50px;
    text-align: left;
}

.disclaimerBox{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 880px;
    height: 575px;
    text-align: center;
    justify-content: center;
    background-color: lightgrey;
    border-radius: 18px;
    overflow-y: auto;
}

.disclaimerDesc{
    margin-bottom: 15px;
}

@media only screen and (max-width: 1500px) {
    .disclaimerBox{
        width: 65%;
        height: 65%;
    }
}

/* For the protocols fill in page */
#questionnaireTable{
    width: 100%;
}

@media screen and (min-width: 800px) {
    #questionnaireTable {
        width: 90%;
    }
}

@media screen and (max-width: 1500px) {
    .selectWidth{
        width: 132px;
    }
}

@media screen and (min-width: 1500px) {
    .selectWidth{
        width: 188px;
    }
}

/* if the browser window is at least 1000px-s wide: */
@media screen and (min-width: 1000px) {
    #questionnaireTable {
        width: 80%;
    }
}

/* For password validate page */
.emailLabelP {
    margin-right: 110px;
}

.passwordLabelP {
    margin-right: 152px;
}

.passwordAgainLabelP {
    margin-right: 134px;
}

/* For profile page */
.profileMainBox{
    position: absolute;
    left: 50%;
    top: 50%;
    justify-content: center;
    width: 90%;
    height: 85%;
    transform: translate(-50%, -50%);
    background-color: lightgrey;
    border-radius: 18px;
    display: flex;
}

.NameBox {
    display: inline-block;
}

.NameBox label, .EmailBox label{
    display: block;
}

#firstNameInput, #lastNameInput {
    width: 200px;
}

#farmNameInput, #zipCodeInput{
    width: 350px;
}

#newEmailInput{
    display: block;
}

#newEmailInput, #newPassInput{
    width: 200px;
}

.ProfileBox {
    padding-top: 25px;
}

#input-profile {
    width: 275px;
}

a {
    cursor: pointer;
}

.EmailBox {
    display: inline-block;
    margin-top: 20px;
}

.profile{
    margin-top: 75px;
    padding-left: 50px;
    padding-right: 50px;
}

@media screen and (max-height: 905px){
    .profile{
        margin-top: 65px;
    }
}

/* For login page */
.box .inputField, .newAccountBox .inputField, .content .inputField, .validateBox .inputField{
    padding: 5px 6px 5px 6px;
    height: 26px;
    font-size: 14px;
    font-weight: 400;
    background: #e8e8e8;
    box-shadow: inset 0 -1px 0 #bdbdbd;
    color: black;
}

.box .inputField:focus, .newAccountBox .inputField:focus, .content .inputField:focus, .validateBox .inputField:focus{
    outline: none !important;
    box-shadow: inset 0 -1px 0 #00c8ff;
}

.thirdRow {
    padding-top: 25px;
}

.signUpHere {
    margin-top: 25px;
}

.noAccount {
    padding-top: 8%;
}

.noAccountError {
    padding-top: 12px;
}

.box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    height: 500px;
    text-align: center;
    justify-content: center;
    background-color: lightgrey;
    border-radius: 18px;
}

.emailSection{
    margin-top: 15px;
}

.title{
    padding-top: 50px;
    margin: 0px 5px 0px 5px;
}

.emailLabel {
    margin-right: 200px;
}

.passwordLabelLogin {
    margin-right: 170px;
}

/* For sign up page */
@media screen and (max-height: 670px){
    .newAccountBox{
        height: 100%;
    }
}

.submitNewUser{
    margin-top: 38px;
}

.submitNewUserError{
    margin-top: 23px;
}

.row {
    margin-top: 20px;
}

.emailLabelTwo {
    margin-right: 230px;
}

.locationLabel{
    margin-right: 125px;
}

.labelText {
    margin-top: 20px;
    margin-right: 50px;
}

.nameLabel {
    margin-right: 190px;
}

.passwordLabel {
    margin-right: 189px;
}

.forgotPass {
    margin-left: 10px;
}

.passwordAgainLabel {
    margin-right: 97px;
}

.tool .continueNext, .content .continueNext, .tool .addANewFarm {
    background: #18453B;
    color: white;
    border-radius: 0.75em;
    border: 1px solid black;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 300;
    text-align: center;
    padding: 14px 25px;
    margin: 0 0.3em 0.3em 0;
    z-index: 1;
    box-shadow: inset 0 0 0 0 #143830;

    -webkit-transition: ease-out 1.5s;
    -moz-transition: ease-out 1.5s;
    transition: ease-out 1.5s;

    cursor: pointer;
    overflow: hidden;
}

.tool .continueNext:hover, .content .continueNext:hover, .tool .addANewFarm:hover{
    box-shadow: inset 400px 0 0 0 #143830;
}

.box .siteBtn, .dashboardBox .siteBtn, .profileMainBox .siteBtn, .content .startBtn, .newAccountBox .siteBtn, .validateBox .siteBtn, #generate, .questionnaireBox .siteBtn, .instructionsBox .siteBtn{
    background: #18453B;
    color: white;
    font-weight: bold;
    border: 1px solid white;
}

.addAnti, .addAntiPre {
    padding: 5px 7px;
}

.blockDisplay {
    display: block;
}

.marginBotQuest {
    margin-bottom: 12px;
    margin-left: 10px;
}

.dashboardBox .siteBtn, .profileMainBox .siteBtn, .instructionsBox .siteBtn{
    padding: 10px 14px;
}

.box .siteBtn:hover, .dashboardBox .siteBtn:hover, .profileMainBox .siteBtn:hover, .content .startBtn:hover, .newAccountBox .siteBtn:hover, .validateBox .siteBtn:hover, #generate:hover, .instructionsBox .siteBtn:hover{
    background: #143830;
}

input[type="button"] {
    cursor: pointer;
}

button:hover{
    cursor: pointer;
}

input[type="submit"] {
    display: inline-block;
    background-color: white;
    border-radius: 0.75em;
    border: 1px solid black;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 300;
    text-align: center;
    padding: 14px 25px;
    margin: 0 0.3em 0.3em 0;
    transition: all 0.2s;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: lightgrey;
}

.newUser {
    justify-content: center;
    text-align: center;
}

#noteList {
    padding-top: 5px;
    margin-left: 35px;
}

.emailValid {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 550px;
    height: 300px;
    text-align: center;
    justify-content: center;
    background-color: lightgrey;
    border-radius: 18px;
}

.instructionsBox{
    position: absolute;
    left: 50%;
    top: 50%;
    justify-content: center;
    width: 70%;
    height: 72%;
    transform: translate(-50%, -50%);
    background-color: lightgrey;
    border-radius: 18px;
    display: flex;
}

.dashboardBox {
    position: absolute;
    left: 50%;
    top: 50%;
    justify-content: center;
    width: 70%;
    height: 65%;
    transform: translate(-50%, -50%);
    background-color: lightgrey;
    border-radius: 18px;
    display: flex;
}

@media screen and (max-width: 1525px) and (max-height: 1450px){
    .dashboardBox{
        width: 75%;
        height: 65%;
    }
}

@media screen and (max-width: 1100px){
    .instructionsBox{
        width: 95%;
        height: 90%;
    }
}

@media screen and (max-width: 855px){
    .instructionsBox{
        width: 95%;
        height: 90%;
    }
}

@media screen and (max-width: 1600px){
    .instructionsBox{
        width: 85%;
        height: 75%;
    }
}

@media screen and (min-width: 1669px){
    .instructionsBox{
        width: 75%;
        height: 70%;
    }
}

.questionnaireBox {
    position: absolute;
    left: 50%;
    top: 50%;
    justify-content: center;
    width: 93%;
    height: 93%;
    transform: translate(-50%, -50%);
    background-color: lightgrey;
    border-radius: 18px;
    display: flex;
}

.newAccountBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 423px;
    height: 550px;
    text-align: center;
    justify-content: center;
    background-color: lightgrey;
    border-radius: 18px;
    overflow-x: auto;
}

.validateBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 570px;
    text-align: center;
    justify-content: center;
    background-color: lightgrey;
    border-radius: 18px;
}

.expiredBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 175px;
    text-align: center;
    justify-content: center;
    background-color: lightgrey;
    border-radius: 18px;
}

input[type="email"], input[type="password"], input[type="text"] {
    width: 65%;
    height: 25px;
    border-radius: 5px;
    border: none;
}

a, a:visited {
    color: #18453b;
    text-decoration: underline;
}

header .backToTopMilk {
    color: white;
    font-weight: bold;
    font-size: 1.35em;
}

a:hover {
    text-decoration: none;
}

header {
    float: left;
    vertical-align: top;
    padding-top: 10px;
    padding-left: 10px;
}

.dashboardBox nav ul, .questionnaireBox nav ul, .instructionsBox nav ul{
    list-style-type: none;
}

.file-input::-webkit-file-upload-button {
    visibility: hidden;
}

.file-input{
    width: 350px;
}

.file-input::before {
    content: 'Select files...';
    display: inline-block;
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}

.file-input:hover::before {
    border-color: black;
}

.file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.dashboardBox .sideNav, .questionnaireBox .sideNav, .profileMainBox .sideNav, .instructionsBox .sideNav{
    width: 200px;
    height: 100%;
    float: left;
    position: relative;
    border-right: #444444 solid 1px;
    overflow-y: auto;
}

.questionnaireBox .sideNav .exitToolLink {
    padding-top: 650px;
}

.questionnaireBox .sideNav .toolPrevExit {
    padding-top: 600px;
}

@media screen and (max-height: 840px) {
    .questionnaireBox .sideNav .toolPrevExit {
        padding-top: 400px;
    }
}

.dashboardBox .sideNav .toolPrevExit {
    padding-top: 225px;
}

@media screen and (max-height: 740px) {
    .dashboardBox .sideNav .toolPrevExit {
        padding-top: 175px;
    }
}

.instructionsBox .sideNav .toolPrevExit {
    padding-top: 370px;
}

@media screen and (max-height: 767px) {
    .instructionsBox .sideNav .toolPrevExit {
        padding-top: 175px;
    }
}

.dashboardBox .sideNav .exitToolLink {
    padding-top: 319px;
}

.logout {
    padding-top: 355px;
}

@media screen and (max-height: 860px){
    .logout{
        padding-top: 250px;
    }
}

@media screen and (max-height: 690px){
    .logout{
        padding-top: 100px;
    }
}

@media screen and (max-height: 504px){
    .logout{
        padding-top: 25px;
    }
}

.dashboardBox .content, .questionnaireBox .content, .profileMainBox .content, .instructionsBox .content{
    height: 100%;
    width: calc(100% - 150px);
    float: right;
    position: relative;
}

.dashboardBox .content, .questionnaireBox .content, .profileMainBox .content, .instructionsBox .content{
    overflow-y: auto;
}

.questionnaireBox ul{
    list-style-type: none;
}

#dashboardList{
    padding-top: 0;
}

.dashboardBox ul, .profileMainBox ul, .instructionsBox ul{
    padding-top: 25px;
    list-style-type: none;
}

.dashboardBox nav a, .questionnaireBox nav a, .profileMainBox nav a, .instructionsBox nav a{
    display: block;
    padding: 8px 16px;
    text-decoration: none;
}

.dashboardBox nav a:hover, .questionnaireBox nav a:hover, .profileMainBox nav a:hover, .instructionsBox nav a:hover{
    background-color: #555;
    color: white;
}

#pre_weanedI{
    margin-top: 15px;
}

.intro {
    margin-top: 4%;
    padding: 0px 65px 10px 65px;
}

.tool {
    padding: 50px 75px 10px 75px;
}

@media screen and (max-height: 805px){
    .tool {
        font-size: 14px;
    }
}

input[type="radio"]{
    margin: 2px;
}

.endPage {
    text-align: center;
    margin-right: 20%;
    padding-top: 20px;
}

select {
    display: block;
    margin-top: 5px;
}

.questions {
    padding: 25px 50px 0px 50px;
}

.questionsAlt {
    margin: 0 auto;
    padding: 100px 50px 0px 50px;
}

.no_padding {
    list-style-type: none;
    padding: 0;
}

.additions {
    padding-top: 8px;
}

.passwordRequire {
    font-size: smaller;
    color: black;
    margin-top: 8px;
}

.passwordRequireErr {
    font-size: smaller;
    color: red;
    margin-top: 8px;
}

#locationError, #notSamePassword {
    font-size: smaller;
    color: red;
    margin-top: 7px;
}

.adminGraph {
    margin-top: 75px;
    margin-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
}

#chart-container {
    width: auto;
    height: auto;
    text-align: center;
    margin-top: 0;
}

#mycanvas{
    background-color: white;
}

#noResults, .noResultsApp{
    margin-top: 30px;
    text-align: center;
    font-size: 2em;
}

#drugTable {
    width: 100%;
    border-collapse: collapse;
}

.approveReviewHeader{
    width: 100%;
    border-collapse: collapse;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.drugHeader tr th{
    position: sticky;
    top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cell{
    font-size: 16px;
    background-color: #18453B;
    color: white;
    text-align: center;
}

.cellBody{
    text-align: center;
    color: black;
    padding-top: 5px;
    padding-bottom: 5px;
}

.approveReviewHeader th{
    padding-top: 10px;
    padding-bottom: 10px;
}

.reportIdCol {
    width: 23%;
}

.archiveDateCol {
    width: 10%;
}

.archiveCowHeaderCol {
    width: 7.44%;
}

.archiveCowCol {
    width: 7.22%;
}

.archiveCowUnarchiveCol {
    width: 6.75%;
}

.archiveCalfHeaderCol {
    width: 8.375%;
}

.archiveCalfCol {
    width: 8.2%;
}

.validatedCowCol {
    width: 8.55%;
}

.validatedCalfCol {
    width: 9.625%;
}

.pendingCowCol {
    width: 6.09%;
}

.pendingCalfCol {
    width: 6.7%;
}

.col1 {
    width: 26%;
}

.col1Calf {
    width: 23%;
}

.col2 {
    width: 6%;
}

.col3 {
    width: 12%;
}

.col4, .col5, .col6, .col7, .col8, .col9{
    width: 4.833%;
}

.col10, .col11 {
    width: 10%;
}

.colRest {
    width: 7.43%;
}

.colPrev {
    width: 80px;
}

.colPrevCalf {
    width: 7.5%;
}

.tableHeader {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    border: 1px #18453B solid;
}

.tableBody{
    max-height: 585px;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.approveReviewBody{
    border-collapse: collapse;
    width: 100%;
    max-height: 280px;
    overflow: auto;
    border: 1px #18453B solid;
}

.approveTable{
    max-height: 500px;
}

.approveReviewBody tr{
    background-color: #e8e8e8;
}

.approveReviewBody tr:nth-child(even) {
    background-color: white;
}

#farmError, #drugError {
    font-size: smaller;
    color: red;
    margin-top: 5px;
}

.mostRecentCol1 {
    width: 10%;
}

.mostRecentCol2 {
    width: 40%;
}

.mostRecentCol3, .mostRecentCol4 {
    width: 25%;
}

.drugCol1{
    width: 10%;
}

.drugCol2{
    width: 25%;
}

.drugCol6, .drugCol7 {
    width: 10%;
}

.drugCol3, .drugCol4, .drugCol5 {
    width: 10%;
}

.container{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 15px;
}

.graphDesc {
    background-color: white;
    text-align: center;
}

#dashboardList li:first-child {
    margin-top: 7px;
}

#dashboardList li{
    list-style-type: disc;
    margin-left: 50px;
    padding-top: 7px;
}

#file-upload{
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
    padding: 14px 0;
    width: 225px;
    position: absolute;
}

.selectFile{
    display: block;
    padding: 14px 58px;
    background: #18453B;
    color: #fff;
    font-size: 1em;
    transition: all .4s;
    cursor: pointer;
    border-radius: 2px;
}

#file-upload:hover + .selectFile, #file-upload:focus + .selectFile{
    background: #1e564a;
    color: #fff;
}

.chooseFile{
    position: relative;
    width: 225px;
    margin-top: 10px;
}

.fileName{
    margin-top: 6.5px;
    font-style: italic;
    font-size: .9em;
    font-weight: bold;
}

.fileName:not(:empty):before{
    content: "Selected File: ";
    font-style: normal;
    font-weight: normal;
}

.warningPopupHeader {
    background-color: #F55555;
    width: 100%;
    text-align: center;
}

#customPopup, #customWarningPopup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    background-color: lightgrey;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    z-index: 1000;
    width: 90%;
    max-width: 425px;
    border-radius: 5px;
}

#overlay, #overlayWarning {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    justify-content: center;
    align-items: center;
}

.popupWarning {
    text-align:center;
    margin: 20px 0;
}

.warningBtn {
    text-align:center;
    background: #F55555;
    color: white;
    font-weight: bold;
    border: 1px solid white;
    padding: 8px;
    border-radius: 5px;
    font-size: 13px;
}

.confirmBtn {
    text-align:center;
    background: #228B22;
    color: white;
    font-weight: bold;
    border: 1px solid white;
    padding: 8px;
    border-radius: 5px;
    font-size: 13px;
}

.warningTitle, .confirmTitle {
    text-align: center;
    margin-top: 20px;
}

.warningText, .replacementText {
    text-align: center;
    margin: 20px;
    font-size: 17px;
}

#emailPlacement {
    margin-top: auto;
    margin-left: auto;
}

.supportEmail {
    padding: 0 30px 30px 0;
}

.content {
    display: flex;
    flex-direction: column;
}

#emailSendSection {
    margin-top: 15px;
}

.validationPopupHeader {
    background-color: #50C878;
    width: 100%;
    text-align: center;
}

#replaceFarmID, #replaceReportCode, #existingReportCode {
    font-weight: bold;
}

.intro-container {
    margin-top: 7%;
    padding: 0px 65px 10px 65px;
}

.intro-section {
    padding-top: 15px;
    padding-right: 115px;
}

#benchmark-list {
    padding: 6px 115px 0 30px;
    list-style-type: disc;
}

#benchmark-protocol-list {
    padding: 6px 0 0 30px;
    list-style-type: disc;
}

.protocols-note {
    margin-top: 5px;
}

.completion-time-note {
    padding-top: 15px;
}

.start-button {
    padding-top: 30px;
    text-align: center;
}

.logo-placement {
    display: flex;
    align-items: center;
    padding-left: 18px;
    padding-top: 10px;
}

.logo-placement h1 {
    margin-left: 18px;
}

.dashboardParagraph {
    padding-top: 15px;
    padding-right: 150px;
}

.margin-15 {
    margin-top: 15px;
}

.padding-20 {
    padding-top: 20px;
}

.admin-contact {
    margin-top: 25px;
}

.admin-contact p {
    margin-top: 5px;
}

.moveToArcBtn {
    text-align:center;
    background: #ff6600;
    color: white;
    font-weight: bold;
    border: 1px solid white;
    padding: 8px;
    border-radius: 5px;
    font-size: 13px;
}

.filterSection {
    display: flex;
    flex-wrap: wrap; /* Wrap to the next line if necessary */
    gap: 20px; /* Optional: space between form groups */
    margin-top: 15px;
}

.filterSection .form-group:last-child {
    margin-left: auto;
}

@media only screen and (max-width: 1300px) {
    .filterSection .form-group:last-child {
        margin-left: 15px;
    }
}

.form-group {
    display: flex;
    flex-direction: column; /* Stack label and input vertically */
}

.form-group label {
    margin-bottom: 5px; /* Space between label and input */
    font-weight: bold; /* Optional: make the label bold */
}

.form-group select {
    margin-top: 0;
}

#filterBtn, #downloadBtn {
    margin-top: 12px;
    padding: 12px;
}

.pagination-inline {
    display: flex;
    align-items: center; /* Align items vertically centered */
    gap: 10px; /* Optional: space between elements */
    margin-top: 15px;
}

.pagination-inline p {
    margin: 0; /* Remove default margin from the paragraph */
}

.pagination-inline select {
    margin: 0; /* Remove default margin from the select */
}

.fileLookupCol1 {
    width: 6%;
    text-align: center;
}

.fileLookupCol2 {
    width: 13%;
    text-align: center;
}

.fileLookupCol3 {
    width: 4%;
    text-align: center;
}

.fileLookupCol4 {
    text-align: center;
    width: 19%;
}

.fileLookupCol5 {
    text-align: center;
    width: 9%;
}

.fileLookupCol6 {
    text-align: center;
    width: 8%;
}

.fileLookupCol7 {
    text-align: center;
    width: 8%;
}

.fileLookupCol8 {
    text-align: center;
    width: 12%;
}

.fileLookupCol9 {
    width: 10%;
    text-align: center;
}

#pageNavigator {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-left: auto;
}

#pageNavigator div {
    display: inline-block;
}

.margin-tb-10 {
    margin: 10px 0;
}

.border-solid-1-black {
    border: 1px solid black;
}

input[type='radio'], input[type='checkbox'] {
    transform: scale(1.25);
}

.link-button {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    background: none; /* Remove default button background */
    border: none; /* Remove border */
    color: #18453b; /* Match anchor tag color */
    cursor: pointer;
    font-size: inherit; /* Keep text consistent */
    text-align: left;
}

.link-button:hover {
    background-color: #555; /* Mimic anchor hover effect */
    color: white;
}