html, body {
    height: 100%;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
    margin: 0;
}

h3 {
    color: #4A4A4A;
    font-weight: 700 !important;
}

.main-container {
    min-height: 100vh;
    border-top: 1px solid #EFEFEF;
    padding-bottom: 200px;
}

.content-stack {
    margin-left: 40px;
    margin-right: 40px;
}

.nav-link {
    font-weight: 500;
    font-size: 1.05rem;
    margin-left: 10px;
    margin-right: 10px;
}

.nav-link.active {
    padding-bottom: 10px;
    border-bottom: 4px solid var(--mud-palette-secondary);
}

.account-input {
    background-color: #F3EDE0;
}

.uploaded-image {
    max-width: 100%; height: 180px; width: auto;
}

.rca-question-box {
    background-color: var(--mud-palette-secondary);
    border-radius: 10px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Buttons */

.mud-button-root:hover .mud-button-label {
    color: var(--mud-palette-secondary);
}

.mud-icon-button:hover .mud-icon-root {
    color: var(--mud-palette-secondary);
}


/* Mud Datagrid */

/* Titles */
.mud-data-grid .mud-table-cell .column-header  {
    font-size: 1.2em;
    font-weight: 700;
}

/* For the outer div as we can't style the table border radius */
.rca-dg {
    background-color: #DD1D21; border-radius: 20px; overflow: hidden; padding: 0; margin: 0;
}

.rca-dg-small {
    padding: 0; margin: 0; border: #4A4A4A solid 2px; border-radius: 10px; overflow: hidden;
}

.rca-dg-header {
    background-color: #FFC600;
}

.rca-dg-row {
    cursor: pointer;
}

.rca-dg-cell-image {
    width: 40px;
    height: 40px;
}

.rca-dg-hide-header {
    display: none !important;
}

.rca-expanded-content {
    background-color: #E5E5E0;
}


/* Mud Overrides */

.mud-button-root {
    box-shadow: none !important;
}

.mud-table-cell.mud-table-child-content {
    background-color: #E5E5E0;  /* your color */
}

.rca-checkbox {
    width: 28px; 
    height: 28px; 
    border: solid #ACADA9 3px; 
    border-radius: 6px;
    cursor: pointer;
}

.rca-checkbox-inner {
    background-color: var(--mud-palette-secondary);
    border: solid white 2px; 
    width: 100%;
    height: 100%;
    border-radius: 6px;
    cursor: pointer;
}

.rca-input-box {
    border-radius: 10px; 
    border: solid 3px #ACADA9;
    padding: 16px;
}

.rca-file-upload-input {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    opacity: 0;
}

.test {
    color: rgb(29,35,42);
}