.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;
}

.theme-based1 {
    background: linear-gradient(164.66deg, #F1EBFC 1.77%, #E6DBF9 100%);
}

.theme-based2 {
    background: linear-gradient(164.66deg, #FBE8F7 1.77%, #F9D1F0 100%);
}

.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: flex;
    width: 211px;
    height: 40px;
    align-items: center;
}

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

.production-number-small {
    color: black;
    font-size: 24px;
    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: black;
    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;
}

.pointer-cursor {
    cursor: pointer;
}