body {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #161c45 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(22 28 69 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #001242 var(--tw-gradient-to-position);
}

.dashboard-body {
    padding-top: 36px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.environment-banner {
    left: calc(50vw - 100px);
    width: 180px;
}

.dashboard-content::before {
    content: "";
    width: 93.5%;
    z-index: -1;
    margin-top: 1em;
    border-radius: 1.6rem;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 5rem;
    background-color: #fff3;
}

.dashboard-content::after {
    content: "";
    width: 89.5%;
    z-index: -2;
    margin-top: 0em;
    border-radius: 1.6rem;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 5rem;
    background-color: #ffffff26;
}

.menu-section {
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 0.1);
}

/**
 * Brand
*/

.text-brand-primary {
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity));
}

.bg-brand-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(30 64 175 / var(--tw-bg-opacity));
}

.text-brand-secondary {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
}

.bg-brand-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}


/**
 * Side
*/

#main-nav {
    background-image: url('/images/sidebar.png');
    background-size: auto 100%;
    background-position: 100%; 
}

#logo {
    max-width: 46%;
    margin-top: 15px;
}
.sidebar-menu-head {
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    color: rgb(255 255 255 / 0.9);
}

.sidebar-menu-item {
    margin-bottom: 0.75rem;
    display: flex;
    height: 3rem;
    width: 100%;
    cursor: pointer;
    align-items: center;
    border-radius: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar-menu-item span {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.sidebar-menu-item:hover,
.sidebar-menu-item-active {
    background-color: rgb(255 255 255 / 0.25);
}

.p-menu {
    background: unset !important;
    border: unset !important;
}

.p-fieldset .p-fieldset-legend {
    margin-left: 20px;
    padding: 1rem !important;
}

/**
 * Footer 
*/

.footer-text {
    --tw-text-opacity: 0.5;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    text-align: right;
}

.edit-save-footer {
    border-top: 1px solid #e4e7ed;
    background-color: #FBFBFC;
}