.scroll-bar {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 80vh;
    scrollbar-width: thin;
    border-radius: 6px;
}

.ProductionDashboard {
    display: flex;
    margin-top: 28px;
    justify-content: center;
}

.productionbox {
    display: inline-block;
    width: 229px;
    height: 165.5px;
}

.dashboardbox-heading {
    padding-bottom: 10px;
}

.productionbox-heading {
    padding-left: 17px;
    font-weight: bold;
}

.dashboardbox {
    display: inline-block;
    width: 211px;
    height: 119px;
    margin-left: 18px;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 20px;
    border-radius: 2px;
    color: white;
}

.purple {
    background: linear-gradient(136deg, rgb(117, 17, 162) 0%, rgb(197, 99, 232) 100%);
}

.orange {
    background: linear-gradient(136deg, rgb(255, 156, 1) 0%, rgb(232, 186, 99) 100%);
}

.green {
    background: linear-gradient(136deg, rgb(17, 162, 114) 0%, rgb(99, 232, 170) 100%);
}

.blue {
    background: linear-gradient(135deg, #5f96c7 0%, #8eb8d7 100%);
}

.red {
    background: linear-gradient(136deg, rgb(162, 17, 24) 0%, rgb(232, 99, 99) 100%);
}

.firstrow {
    display: -webkit-inline-box;
    width: 211px;
    height: 40px;
}

.production-number {
    color: #FFFFFF;
    font-size: 32px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
    padding-left: 12px;
    text-align: left;
}

.productionvalue {
    display: inline-block;
    min-width: 100.4px;
}

.production-name {
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'Helvetica';
    font-weight: 500;
    line-height: 20px;
    min-width: 110px;
    text-align: left;
    padding-left: 0px;
}

.status-bottom-border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}

.number-padding {
    padding-top: 5px;
}

.name-padding {
    padding-top: 15px;
}

.radio-div {
    margin-bottom: 15px;
    padding-left: 5px;
    display: flex;
    align-items: center;
}

.summary-style {
    font-weight: bold;
    padding-left: 10px;
}

.summary-padding {
    padding-left: 15px;
}

.radio-display {
    display: flex;
    align-items: center;
}

.summary-list-gap {
    min-width: 40px;
    display: inline-flex;
}

::ng-deep .mat-mdc-radio-button.mat-accent {
    --mat-radio-checked-ripple-color: none;
}

::ng-deep.mat-mdc-radio-button.mat-mdc-radio-checked .mat-ripple-element,
.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before {
    background-color: var(--action-primary-default) !important;
}

::ng-deep .mat-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle,
.mat-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__inner-circle {
    border-color: var(--action-primary-default) !important;
}

::ng-deep .mat-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__inner-circle {
    border-color: var(--action-primary-default) !important
}

::ng-deep .mat-mdc-radio-button.mat-mdc-radio-checked .mat-ripple-element,
.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before {
    background-color: var(--action-primary-default) !important;
}

::ng-deep.mat-mdc-radio-button.mat-mdc-radio-checked .mat-ripple-element,
.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before {
    background-color: var(--action-primary-default) !important;
}

::ng-deep .mat-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: var(--action-primary-default) !important;
    opacity: 1 !important;
}

::ng-deep.mat-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle,
.mat-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: var(--action-primary-default) !important;
    opacity: 1 !important;
}

::ng-deep.mat-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle,
.mat-mdc-radio-button .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: var(--action-primary-default) !important;
    opacity: 1 !important;
}

::ng-deep .mat-mdc-radio-button .mdc-radio--disabled+label {
    color: var(--mat-sys-inverse-surface) !important;
}

::ng-deep .mat-internal-form-field>label {
    color: var(--mat-sys-inverse-surface) !important;
}

::ng-deep .mat-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle {
    background-color: var(--action-primary-default) !important;
}

::ng-deep .mat-mdc-radio-button .mdc-radio__native-control:checked+.mdc-radio__background>.mdc-radio__inner-circle {
    transform: scale(0.7) translate(0%, 0%) !important;
    transform-origin: center center !important;
}

.pointer-cursor {
    cursor: pointer;
}