@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

:root {
    --mdc-theme-primary: #3f51b5;
}

body {
    display: flex;
    height: 100vh;
    font-family: "Roboto", sans-serif;
}

.mdc-drawer-app-content {
    flex: auto;
    overflow: auto;
    position: relative;
}

.main-content {
    overflow: auto;
    height: 100%;
}

.app-bar {
    position: absolute;
}

.mdc-top-app-bar {
    z-index: 7;
}


.mdc-list-item {
    padding: 18px 24px;
}

.mdc-list-item__text {
    margin-left: 20px;
}

.mdc-list-item--activated,
.mdc-list-item:hover {
    background-color: rgb(243 244 246);
}

.mdc-list-item__ripple::before {
    background-color: rgb(243 244 246) !important;
}

.mdc-list-item__ripple::after {
    background-color: rgb(243 244 246) !important;
}

.mdc-text-field--filled .mdc-text-field__input,
.mdc-text-field--filled:before,
.mdc-text-field--filled .mdc-floating-label {
    background-color: transparent;
}

.mdc-text-field--filled .mdc-text-field__input,
.mdc-text-field--filled:before,
.mdc-text-field--filled .mdc-floating-label {
    background-color: #ffffff !important;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #3f51b5 !important;
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #b00020 !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: #ffffff !important;
}

.mdc-data-table__header-cell {
    font-size: 12px !important;
    color: rgba(0, 0, 0, 0.54);
}

.mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button {
    font-size: 12px !important;
}

.mdc-icon-button {
    padding: 0px !important;
}

.mdc-data-table {
    border: none;
    border-width: 0px;
}

.mdc-text-field {
    padding: 0px;
}

.mdc-text-field .mdc-floating-label {
    margin-left: -15px;
}

.mdc-text-field {
    padding-left: 0px;
    padding-right: 0px;
}

.mdc-text-field--filled:hover,
.mdc-text-field--focused .mdc-floating-label {
    background-color: white !important;
}

.mdc-floating-label {
    left: 0;
}

.mdc-tab--active .mdc-tab__text-label {
    color: black;
    opacity: 80%;
    font-size: 12px;
}

.mdc-text-field:not(.mdc-text-field--disabled)
+ .mdc-text-field-helper-line
.mdc-text-field-helper-text {
    color: #b00020;
}

.mdc-text-field + .mdc-text-field-helper-line {
    padding-right: 0px;
    padding-left: 0px;
}

.mdc-switch.mdc-switch--unselected .mdc-switch__shadow {
    background-color: white;
}
.mdc-icon-button {
    margin-left: -15px !important;
}

.mdc-ripple-upgraded--background-focused {
    background-color: transparent;
}

.gjs-pn-panel {
    padding: 3px;
}

.progress-container {
    position: absolute;
    top: 64px; /* Adjust this value to position the progress indicator below the top app bar */
    left: 0;
    right: 0;
    z-index: 1000; /* Ensure the progress indicator is above other elements */
}

.mdc-linear-progress__buffer-bar {
    background-color: #b00020; /* Set the background color of the progress bar */
}

.mdc-select__anchor {
    padding: 0 !important;
}

.mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor {
    background-color: transparent !important;
}

.mdc-select__dropdown-icon {
    margin: 0 !important;
}

.mdc-select__selected-text {
    opacity: 70%;
}