body {
    background: #fff !important;
}

#app {
    height: 100vh;
}

#nova {
    height: 100%;
}

a[href="https://nova.laravel.com/licenses"]
{
    display: none;
}

/**
 * This is the sidebar
 */
#nova [dusk='content'] > .hidden {
    top: auto;
    height: calc(100% - 58px);
    background: #f4f4f4 !important;
}

header {
    background: #eaeaea !important;
}

[dusk='dashboard-payroll'] .shadow {
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}

*:not(a).sidebar-section-title:hover {
    /*
   * this is super hacky! please use `!important` sparingly;
   * consider creating a custom component instead
   */
    background: initial !important;
}

/* Login screen message */
div > div > form > h2.text-2xl.text-center.font-normal.mb-6 {
    display: none;
}
div > div > form > svg.block.mx-auto.mb-6 {
    display: none;
}

header .hidden a svg {
    width: 160px !important;
}

.modal.fixed {
    margin-top: 3em;
}

#nova dropdowntrigger {
    cursor: pointer;
}

#nova dropdowntrigger svg {
    display: inline !important;
}

[dusk='dashboard-payroll'] {
    margin-left: -48px;
    width: calc(100% + 48px + 48px);
    margin-top: -32px;
    height: calc(100vh - 120px + 32px);
}

[dusk='dashboard-payroll'] div,
[dusk='dashboard-payroll'] div div {
    height: 100%;
}

[dusk='dashboard-payroll'] + .leading-normal {
    display: none;
}