* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Metrophobic';
}

body {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.login-card {
    background: white;
    border-radius: 20px;
    padding: 2rem;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.brand-logo {
    text-align: center;
}

.remember-forgot {
    text-align: right;
}

.dxMenuMyHome {
    background-color: #eeeeee;
    height: auto !important;
    box-shadow: 0px 3px 5px -3px;
}

    /*.dx-menu-base .dx-menu-item .dx-menu-item-content {
    padding: 4px !important;
}*/

    /*.dx-menu-item.dx-state-hover {
    color: #fff;
    background-color: #a64686;
}*/
    .dxMenuMyHome .dx-state-hover {
        color: #fff !important;
        background-color: #a64686;
    }

    .dxMenuMyHome .dx-menu-item-expanded .dx-state-hover {
        color: #fff !important;
    }

    .dxMenuMyHome .dx-state-hover .dx-item-url {
        color: #fff !important;
    }

    .dxMenuMyHome .dx-menu-item-has-submenu .dx-submenu .dx-state-hover .dx-item-url {
        color: #fff !important;
    }

    .dxMenuMyHome .dx-menu-item-has-submenu .dx-submenu .dx-item-url {
        color: #000 !important;
    }
    /* .dxMenuMyHome  .dx-state-hover .dx-menu-item-text {
        color: #fff !important;
    }*/
    .dxMenuMyHome .dx-item-url {
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }

.dx-menu-horizontal .dx-menu-item-wrapper {
    border-right: 1px solid #a64686;
    border-radius: 0px !important;
}

.dx-datagrid-addrow-button .dx-button-text {
    display: block !important;
}

.dx-datagrid-addrow-button {
    border: solid 1px #a4a4a4 !important;
}

.dx-button-mode-text.dx-state-hover {
    border: solid 1px #8cc63f !important;
    background-color: #8cc63f !important;
}

.dx-header-row {
    background-color: #a64686;
    color: #fff;
}

.dx-datagrid .dx-header-filter::before {
    color: #fff !important;
}

.dx-datagrid .dx-header-filter::after {
    color: #fff !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space):not(.dx-datagrid-filter-row) {
    background-color: #8cc63f;
}


.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort {
    color: #fff;
}

.dx-datagrid-action .dx-sort {
    color: #000;
}

.pagetitle {
    display: flex;
    align-items: center;
    background-color: #8cc63f78;
    padding: 10px;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, ">") !important;
    padding: 0px 5px;
}

.dx-pager .dx-page-sizes .dx-selection {
    background-color: #a64686 !important;
    color: #fff !important;
}

.dx-selection {
    background-color: #a64686 !important;
    color: #fff !important;
}

.dx-pager .dx-page-size:hover {
    background-color: #8cc63f !important;
}

.dx-datagrid-invalid {
    background-color: #ffc2c2 !important;
    border: solid 1px #d13438 !important;
}


.tag-hyper {
    border-bottom: 1.5px solid #a64686;
    padding: 6px;
    background: aliceblue;
}

.font-for {
    font-size: 18px;
    color: forestgreen
}

.text-bold {
    flex-grow: 1;
    width: 100px;
    font-weight: bold;
}

.cases {
    flex-grow: 1;
    width: 100px;
}

.cases-report {
    flex-grow: 1;
    width: 80px;
}

.no-wrap {
    width: 150px;
    white-space: nowrap;
}

.gap {
    gap: 15px;
}

.toast-success {
    background-color: #155724 !important; /* Dark Green */
    color: #ffffff !important; /* White text */
    border: 1px solid #0b2e13 !important;
}

.dx-datagrid-rowsview .dx-switch {
    transform: scale(0.8); /* Reduce switch size */
}

}

#large-indicator {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

.plus-icon {
    cursor: pointer;
    font-size: 20px;
    margin-top: 8px
}