body{
    background-color: #C9E7EB !important;
}
body.login{
    background-color: #237A84 !important;
    background-image: url('/bg.jpg');
    background-size: cover
}
button[dusk="create-and-add-another-button"],
button[dusk="update-and-continue-editing-button"],
div[data-relationship="relatedVisits"] a[dusk="create-button"],
div[data-relationship="relatedVisits"] div[class="icon-action-toolbar"],
div[dusk="delete-menu"],
div[dusk="filter-per-page"]
{
    display: none;
}
/*a:hover{*/
    /*background-color: rgba(128, 184, 65, 0.5) !important;*/
/*}*/
.logo{
    height: 200px;
}

button[type="submit"]{
    background-color: #237A84 !important;
}
button[type="submit"]:hover{
    background-color:rgba(17,90,99) !important;

}
.btn-back:hover{
    background-color:rgba(17,90,99, 0.3) !important;
    color:  #237A84;
}


/* Apply custom height only on desktop screens */
@media (min-width: 1024px) {
    header, header div a span {
        height: 80px !important;
    }

    .sidebar-menu{
     margin-top: 25px;
    }

    #nova-header-logo {
        height: 80px !important;
    }
}

button[type="submit"]{
    background-color: #237A84 !important;
}
button[type="submit"]:hover{
    background-color:rgba(17,90,99) !important;

}
.btn-back:hover{
    background-color:rgba(17,90,99, 0.3) !important;
    color:  #237A84;
}

/* @media (width < 1024px) {

    [dusk="visits-index-component"] [dusk="resource-table"] thead {
        display: none;
    }

    [dusk="visits-index-component"] [dusk="resource-table"] tr::after,
    [dusk="visits-index-component"] [dusk="resource-table"] tr::before,
    [dusk="visits-index-component"] [dusk="resource-table"] td::after,
    [dusk="visits-index-component"] [dusk="resource-table"] td::before {
        display: none !important;
    }

    [dusk="visits-index-component"] [dusk="resource-table"] tbody tr {
        display: block;
        margin-bottom: 20px;
        border: 1px solid #ddd;
        padding: 15px;
        background-color: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
    }

    [dusk="visits-index-component"] [dusk="resource-table"] tbody tr td {
        display: block;
        padding: 8px 0;
        width: 100%;
    }

    [dusk="visits-index-component"] [dusk="resource-table"] tbody tr td span {
        width: 100%;
    }

    [dusk="visits-index-component"] [dusk="resource-table"] tbody tr td:before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
        margin-bottom: 5px;
        color: #333;
    }
} */

/* Apply only on mobile devices (screens narrower than 768px) */
@media only screen and (max-width: 768px) {
    .nova-new-resource form .flex.flex-col {
        flex-direction: column-reverse;
        gap:10px;
    }
}