@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* _content/ArasWeb/Pages/Control/ControlWorkOrderPreview.razor.rz.scp.css */
#work-order-wrapper[b-epjjtg2k34] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
}

#work-order[b-epjjtg2k34] {
    background: white;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding: 2em;
    border-radius: 1em;
}

#work-order_header[b-epjjtg2k34] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: start;
    border-bottom: 0.1em solid lightgray;
    margin-bottom: 1em;
}

    #work-order_header #left[b-epjjtg2k34] {
        width: 75%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #work-order_header #title-and-logo[b-epjjtg2k34] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        #work-order_header #title-and-logo label[b-epjjtg2k34] {
            font-family: 'Ubuntu-Bold';
            font-size: 1.5em;
            color: #14425a;
            margin-bottom: 1em;
        }

    #work-order_header #left #order-general-info[b-epjjtg2k34] {
        width: 100%;
        display: flex;
        flex-direction: column;
        border: 0.01em solid gray;
        border-radius: 0.5em;
        margin-bottom: 1em;
    }

    #work-order_header #left .info[b-epjjtg2k34] {
        width: 100%;
        flex-direction: column;
        display: flex;
    }

    #work-order_header #left .info[b-epjjtg2k34] {
        width: 20%;
        border-right: 0.01em solid lightgray;
        border-bottom: 0.01em solid lightgray;
        padding: 0.3em;
        height: 100%;
    }

    #work-order_header #left .first-col[b-epjjtg2k34] {
        width: 60%;
    }

    #work-order_header #left #note .info[b-epjjtg2k34] {
        width: 100% !important;
        background: #f1f1f1;
        border-bottom-left-radius: 0.5em;
        border-bottom-right-radius: 0.5em;
    }

        #work-order_header #left #note .info span[b-epjjtg2k34] {
            color: #d9534f;
            font-family: 'Ubuntu-Bold';
        }

    #work-order_header #left .info label[b-epjjtg2k34],
    #work-order #body .group .info label[b-epjjtg2k34] {
        font-family: 'Ubuntu-Light';
        font-size: 0.95em;
    }

    #work-order_header #left .info span[b-epjjtg2k34],
    #work-order #body .group .info span[b-epjjtg2k34] {
        word-break: break-all;
    }

    #work-order_header #left .group[b-epjjtg2k34] {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        font-size: 1.05em;
    }

    #work-order_header #right[b-epjjtg2k34] {
        display: flex;
        flex-direction: column;
        align-items: end;
        justify-content: start;
        width: 25%;
    }

        #work-order_header #right #qr-img[b-epjjtg2k34] {
            width: 12em;
        }

        #work-order_header #right #logo[b-epjjtg2k34] {
            width: 11em;
        }

#work-order #body[b-epjjtg2k34] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

    #work-order #body .body-col[b-epjjtg2k34] {
        width: 49%;
        display: flex;
        height: auto;
        flex-direction: column;
    }

    #work-order #body .group[b-epjjtg2k34] {
        border-radius: 0.5em;
        border: 0.01em solid gray;
    }

        #work-order #body .group .info[b-epjjtg2k34] {
            width: 100%;
            display: flex;
            justify-content: space-between;
            border-bottom: 0.01em solid lightgrey;
        }

            #work-order #body .group .info label[b-epjjtg2k34],
            #work-order #body .group .info span[b-epjjtg2k34] {
                width: 50%;
                padding: 0.3em 0.5em;
            }

            #work-order #body .group .info span[b-epjjtg2k34] {
                text-align: right;
                align-items: center;
                border-left: 0.01em solid lightgray;
            }

        #work-order #body .group #rezanje span[b-epjjtg2k34] {
            border-left: 0 !important;
        }

.has-surface-treatment label[b-epjjtg2k34], .has-surface-treatment span[b-epjjtg2k34] {
    font-family: 'Ubuntu-Bold' !important;
    font-size: 1.2em !important;
}

.tbl-box[b-epjjtg2k34] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #f1f1f1;
    border-radius: .5em;
    padding: 0.5em;
    margin-top: 0.8em;
    page-break-inside: avoid;
    border: 0.1em solid gray;
}

.tbl-name[b-epjjtg2k34] {
    margin: 0.5em 0;
    font-size: 0.9em;
    font-family: 'Ubuntu-Bold';
}

.tbl-box .tbl-box-list[b-epjjtg2k34] {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 0.9em;
    border: 0.05em solid lightgrey;
    border-radius: .3em;
    background: white;
}

.tbl-box-list-header[b-epjjtg2k34],
.tbl-box-list-item[b-epjjtg2k34] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.05em solid lightgrey;
}

    .tbl-box-list-header label[b-epjjtg2k34] {
        font-family: 'Ubuntu-Medium';
    }

    .tbl-box-list-item label[b-epjjtg2k34] {
        font-family: 'Ubuntu-Light';
    }

    .tbl-box-list-header label[b-epjjtg2k34],
    .tbl-box-list-item label[b-epjjtg2k34] {
        width: 30%;
        word-break: break-all;
        padding: 0.5em 0.8em;
        border-right: 0.1em solid lightgray;
    }

.ostale-obrade label[b-epjjtg2k34] {
    width: 50%;
}

.dorezivanje-table .tbl-box-list-item label[b-epjjtg2k34] {
    width: 100%;
}

.ensats-table .tbl-box-list-item label[b-epjjtg2k34] {
    width: 80%;
}

.ensats-table .tbl-box-list-item .label-bolded[b-epjjtg2k34] {
    width: 20%;
    font-family: 'Ubuntu-Bold';
}

.img-container[b-epjjtg2k34] {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-bottom: .8em;
    border: 0.1em solid gray;
    border-radius: 0.5em;
}

    .img-container img[b-epjjtg2k34] {
        width: 100%;
        border-radius: 0.5em;
    }


    .img-container label[b-epjjtg2k34] {
        background: #f1f1f1;
        width: 100%;
        padding: 0.3em 0.5em;
        border-top-right-radius: .5em;
        border-top-left-radius: .5em;
        font-size: 0.9em;
        font-family: 'Ubuntu-Bold';
        margin-bottom: 0.5em;
    }

    .img-container p[b-epjjtg2k34] {
        color: gray;
        width: 100%;
        text-align: center;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 90%;
    }


#alati-img[b-epjjtg2k34] {
    height: 100%;
    min-height: 30em;
}

    #alati-img img[b-epjjtg2k34] {
        height: 100%;
    }

#footer[b-epjjtg2k34] {
    width: 100%;
    display: flex;
    border-top: 0.01em solid lightgray;
    margin-top: .8em;
    padding-top: .5em;
    justify-content: end;
}

    #footer .info[b-epjjtg2k34] {
        width: auto;
        display: flex;
        flex-direction: column;
        margin-right: 2em;
    }

        #footer .info label[b-epjjtg2k34] {
            font-family: 'Ubuntu-Light';
            font-size: 0.9em;
        }

#work-order-buttons[b-epjjtg2k34] {
    width: 100%;
    display: flex;
    justify-content: end;
    padding: 1em;
}

    #work-order-buttons button[b-epjjtg2k34] {
        margin-left: 1em;
    }

        #work-order-buttons button i[b-epjjtg2k34] {
            margin-right: 0.5em;
        }

#generate-pdf[b-epjjtg2k34] {
    background: lightgrey;
    border: 0.05em solid grey;
    color: black;
}

    #generate-pdf img[b-epjjtg2k34] {
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.5em;
    }

#edit-btn[b-epjjtg2k34] {
    margin-right: auto;
}

/*
    MODAL ZA IZMJENU STATUSA
*/
#change-order-article-status[b-epjjtg2k34] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #change-order-article-status #note[b-epjjtg2k34] {
        width: 70%;
    }

    #change-order-article-status p[b-epjjtg2k34] {
        font-size: 1.5em;
        font-family: 'Ubuntu-Medium';
        margin-bottom: 2em;
        color: #0275d8;
        width: 80%;
        text-align: center;
    }

    #change-order-article-status span[b-epjjtg2k34] {
        font-size: 0.8em;
        font-family: 'Ubuntu-Italic';
    }

    #change-order-article-status label[b-epjjtg2k34] {
        margin-bottom: 0.5em;
    }
/* _content/ArasWeb/Pages/Cooperants/Cooperants.razor.rz.scp.css */
.item-details[b-iu9qompwmt] {    
    width: 90%;
}

.add-item-open-modal[b-iu9qompwmt] {
    margin-left: auto;
    margin-right: 1em;
}

.list .item-details label[b-iu9qompwmt] {
    font-size: 0.9em;
    text-align: left;
}

.item-details .contact[b-iu9qompwmt] {
    width: 50%;
}

.item-details .contact span[b-iu9qompwmt] {
    justify-content: start;
}

.optional-param[b-iu9qompwmt] {
    font-size: 0.8em;
    font-family: 'Ubuntu-Italic';
    margin-left: 0.5em;
}

[b-iu9qompwmt] .validation-errors {
    width: 100%;
    background: rgba(220, 76, 100, 0.1);
    padding: 1em;
    border-radius: .8em;
    border: 0.01em solid #DC4C64;
    list-style-type: none;
}

[b-iu9qompwmt] .validation-message{
    font-family: 'Ubuntu-Regular';
    font-size: 0.9em;
}
/* _content/ArasWeb/Pages/Defects/AddDefect.razor.rz.scp.css */
#add-defect-container[b-kfdnv18ha5] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    overflow-y: scroll;
}

#add-defect[b-kfdnv18ha5]{
    width: 50%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.add-defect-form[b-kfdnv18ha5]{
    width: 100%;
    background: white;
    padding: 1em;
    border-radius: 1em;
    margin-bottom: 1em;
}

.btn-danger[b-kfdnv18ha5] {
    margin-left: auto;
}

.modal-input-box[b-kfdnv18ha5]{
    margin-bottom: 0.5em;
    position: relative;
}

.modal-input-box label[b-kfdnv18ha5] {
    margin-bottom: 0.3em;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
}

#defect-list-header[b-kfdnv18ha5] {
    background: rgba(217, 83, 79, 0.2);
}

    #defect-list-header span label[b-kfdnv18ha5],
    #defects-list span label[b-kfdnv18ha5] {
        width: 15%;
    }

    #defect-list-header .full-text[b-kfdnv18ha5],
    #defects-list .full-text[b-kfdnv18ha5] {
        word-break: break-all;
        width: 20%;
    }

    #defect-list-header .quantity[b-kfdnv18ha5],
    #defects-list .quantity[b-kfdnv18ha5] {
        width: 7%;
        text-align: center;
    }

#defects-list span[b-kfdnv18ha5] {
    display: inline-flex;
    align-items: center;
}

#defects-list img[b-kfdnv18ha5] {
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
}

.made-by-worker[b-kfdnv18ha5] {
    color: #d9534f;
    font-family: 'Ubuntu-Medium';
}

#report-btn[b-kfdnv18ha5] {
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: 1em;
}

.fa-person-circle-exclamation[b-kfdnv18ha5] {
    margin-right: 0.5em;
}

#price label[b-kfdnv18ha5] {
    font-family: 'Ubuntu-Medium';
}

#price span[b-kfdnv18ha5] {
    color: #dc3545;
    font-family: 'Ubuntu-Medium';
    background: #e9ecef;
}

#search-component[b-kfdnv18ha5] {
    position: absolute;
    width: 40em;
    height: 20em;
    top: 100%;
    right: 0;
    border-radius: 1em;
    border: 0.1em solid gray;
    padding: 1em;
    background: white;
    z-index: 10000;
}

#close-btn[b-kfdnv18ha5] {
    width: 100%;
    display: flex;
    justify-content: end;
}

#search-list-wrapper[b-kfdnv18ha5] {
    width: 100%;
    height: 90%;
    overflow-y: scroll;
}

.search-list[b-kfdnv18ha5] {
    width: 100%;
    height: auto;
}

    .search-list h6[b-kfdnv18ha5] {
        font-family: 'Ubuntu-Medium';
        background: #ececec;
        padding: 0.5em;
        border-radius: .5em;
        margin: 0.5em 0;
    }

.search-item[b-kfdnv18ha5] {
    width: 98%;
    position: relative;
    display: flex;
    justify-content: start;
    margin: 0.3em;
    border-bottom: 0.01em solid lightgray;
    padding: 0.3em;
}

.search-item-field[b-kfdnv18ha5] {
    width: auto;
    margin-right: 0.8em;
    display: flex;
    flex-direction: column;
    width: 50%;
}

    .search-item-field label[b-kfdnv18ha5] {
        font-family: 'Ubuntu-Medium';
        word-break: break-all;
    }

    .search-item-field span[b-kfdnv18ha5] {
        font-family: 'Ubuntu-Light';
        font-size: 0.8em;
    }

#search-placeholder[b-kfdnv18ha5] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0.8;
}

    #search-placeholder i[b-kfdnv18ha5] {
        font-size: 6em;
        opacity: 0.7;
        margin-bottom: 0.1em;
    }

    #search-placeholder p[b-kfdnv18ha5] {
        color: gray;
    }

.btn-item[b-kfdnv18ha5] {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-left: auto;
}

    .btn-item button[b-kfdnv18ha5] {
        padding: 0.2em 0.8em;
        border-radius: 0.5em;
    }

.optional[b-kfdnv18ha5] {
    font-size: 0.9em;
    font-family: 'Ubuntu-Italic';
}
/* _content/ArasWeb/Pages/Defects/AddDefectInAdvance.razor.rz.scp.css */
#add-defect-container[b-blkboy57h2] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    overflow-y: scroll;
}

#add-defect[b-blkboy57h2] {
    width: 50%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.add-defect-form[b-blkboy57h2] {
    width: 100%;
    background: white;
    padding: 1em;
    border-radius: 1em;
    margin-bottom: 1em;
}

.btn-danger[b-blkboy57h2] {
    margin-left: auto;
}

.modal-input-box[b-blkboy57h2] {
    margin-bottom: 0.5em;
    position: relative;
}

    .modal-input-box label[b-blkboy57h2] {
        margin-bottom: 0.3em;
        font-family: 'Ubuntu-Light';
        font-size: 0.9em;
    }

#defect-list-header[b-blkboy57h2] {
    background: rgba(217, 83, 79, 0.2);
}

    #defect-list-header span label[b-blkboy57h2],
    #defects-list span label[b-blkboy57h2] {
        width: 15%;
    }

    #defect-list-header .full-text[b-blkboy57h2],
    #defects-list .full-text[b-blkboy57h2] {
        word-break: break-all;
        width: 20%;
    }

    #defect-list-header .quantity[b-blkboy57h2],
    #defects-list .quantity[b-blkboy57h2] {
        width: 7%;
        text-align: center;
    }

#defects-list span[b-blkboy57h2] {
    display: inline-flex;
    align-items: center;
}

#defects-list img[b-blkboy57h2] {
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
}

.made-by-worker[b-blkboy57h2] {
    color: #d9534f;
    font-family: 'Ubuntu-Medium';
}

#report-btn[b-blkboy57h2] {
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: 1em;
}

.fa-person-circle-exclamation[b-blkboy57h2] {
    margin-right: 0.5em;
}

.search-component[b-blkboy57h2] {
    width: 100%;
    position: relative;
}

#price label[b-blkboy57h2] {
    font-family: 'Ubuntu-Medium';
}

#price span[b-blkboy57h2] {
    color: #dc3545;
    font-family: 'Ubuntu-Medium';
    background: #e9ecef;
}

#search-component[b-blkboy57h2] {
    position: absolute;
    width: 40em;
    height: 20em;
    top: 100%;
    right: 0;
    border-radius: 1em;
    border: 0.1em solid gray;
    padding: 1em;
    background: white;
    z-index: 10000;
}

#close-btn[b-blkboy57h2] {
    width: 100%;
    display: flex;
    justify-content: end;
}

#search-list-wrapper[b-blkboy57h2] {
    width: 100%;
    height: 90%;
    overflow-y: scroll;
}

.search-list[b-blkboy57h2] {
    width: 100%;
    height: auto;
}

    .search-list h6[b-blkboy57h2] {
        font-family: 'Ubuntu-Medium';
        background: #ececec;
        padding: 0.5em;
        border-radius: .5em;
        margin: 0.5em 0;
    }

.search-item[b-blkboy57h2] {
    width: 98%;
    position: relative;
    display: flex;
    justify-content: start;
    margin: 0.3em;
    border-bottom: 0.01em solid lightgray;
    padding: 0.3em;
}

.search-item-field[b-blkboy57h2] {
    width: auto;
    margin-right: 0.8em;
    display: flex;
    flex-direction: column;
    width: 50%;
}

    .search-item-field label[b-blkboy57h2] {
        font-family: 'Ubuntu-Medium';
        word-break: break-all;
    }

    .search-item-field span[b-blkboy57h2] {
        font-family: 'Ubuntu-Light';
        font-size: 0.8em;
    }

#search-placeholder[b-blkboy57h2] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0.8;
}

    #search-placeholder i[b-blkboy57h2] {
        font-size: 6em;
        opacity: 0.7;
        margin-bottom: 0.1em;
    }

    #search-placeholder p[b-blkboy57h2] {
        color: gray;
    }

.btn-item[b-blkboy57h2] {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-left: auto;
}

    .btn-item button[b-blkboy57h2] {
        padding: 0.2em 0.8em;
        border-radius: 0.5em;
    }

.optional[b-blkboy57h2] {
    font-size: 0.9em;
    font-family: 'Ubuntu-Italic';
}
/* _content/ArasWeb/Pages/Defects/DefectDetails.razor.rz.scp.css */
#add-defect-container[b-0dejboo0pj] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    overflow-y: scroll;
}

#add-defect[b-0dejboo0pj] {
    width: 50%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.add-defect-form[b-0dejboo0pj] {
    width: 100%;
    background: white;
    padding: 1em;
    border-radius: 1em;
    margin-bottom: 1em;
}

.btn-danger[b-0dejboo0pj] {
    margin-left: auto;
}

.modal-input-box[b-0dejboo0pj] {
    margin-bottom: 0.5em;
    position: relative;
}

    .modal-input-box label[b-0dejboo0pj] {
        margin-bottom: 0.3em;
        font-family: 'Ubuntu-Light';
        font-size: 0.9em;
    }

#defect-list-header[b-0dejboo0pj] {
    background: rgba(217, 83, 79, 0.2);
}

    #defect-list-header span label[b-0dejboo0pj],
    #defects-list span label[b-0dejboo0pj] {
        width: 15%;
    }

    #defect-list-header .full-text[b-0dejboo0pj],
    #defects-list .full-text[b-0dejboo0pj] {
        word-break: break-all;
        width: 20%;
    }

    #defect-list-header .quantity[b-0dejboo0pj],
    #defects-list .quantity[b-0dejboo0pj] {
        width: 7%;
        text-align: center;
    }

#defects-list span[b-0dejboo0pj] {
    display: inline-flex;
    align-items: center;
}

#defects-list img[b-0dejboo0pj] {
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
}

.made-by-worker[b-0dejboo0pj] {
    color: #d9534f;
    font-family: 'Ubuntu-Medium';
}

#report-btn[b-0dejboo0pj] {
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: 1em;
}

.fa-person-circle-exclamation[b-0dejboo0pj] {
    margin-right: 0.5em;
}

#price label[b-0dejboo0pj] {
    font-family: 'Ubuntu-Medium';
}

#price span[b-0dejboo0pj] {
    color: #dc3545;
    font-family: 'Ubuntu-Medium';
    background: #e9ecef;
}

#search-component[b-0dejboo0pj] {
    position: absolute;
    width: 40em;
    height: 20em;
    top: 100%;
    right: 0;
    border-radius: 1em;
    border: 0.1em solid gray;
    padding: 1em;
    background: white;
    z-index: 10000;
}

#close-btn[b-0dejboo0pj] {
    width: 100%;
    display: flex;
    justify-content: end;
}

#search-list-wrapper[b-0dejboo0pj] {
    width: 100%;
    height: 90%;
    overflow-y: scroll;
}

.search-list[b-0dejboo0pj] {
    width: 100%;
    height: auto;
}

    .search-list h6[b-0dejboo0pj] {
        font-family: 'Ubuntu-Medium';
        background: #ececec;
        padding: 0.5em;
        border-radius: .5em;
        margin: 0.5em 0;
    }

.search-item[b-0dejboo0pj] {
    width: 98%;
    position: relative;
    display: flex;
    justify-content: start;
    margin: 0.3em;
    border-bottom: 0.01em solid lightgray;
    padding: 0.3em;
}

.search-item-field[b-0dejboo0pj] {
    width: auto;
    margin-right: 0.8em;
    display: flex;
    flex-direction: column;
    width: 50%;
}

    .search-item-field label[b-0dejboo0pj] {
        font-family: 'Ubuntu-Medium';
        word-break: break-all;
    }

    .search-item-field span[b-0dejboo0pj] {
        font-family: 'Ubuntu-Light';
        font-size: 0.8em;
    }

#search-placeholder[b-0dejboo0pj] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0.8;
}

    #search-placeholder i[b-0dejboo0pj] {
        font-size: 6em;
        opacity: 0.7;
        margin-bottom: 0.1em;
    }

    #search-placeholder p[b-0dejboo0pj] {
        color: gray;
    }

.btn-item[b-0dejboo0pj] {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-left: auto;
}

    .btn-item button[b-0dejboo0pj] {
        padding: 0.2em 0.8em;
        border-radius: 0.5em;
    }

.optional[b-0dejboo0pj] {
    font-size: 0.9em;
    font-family: 'Ubuntu-Italic';
}


#buttons[b-0dejboo0pj]{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#buttons button[b-0dejboo0pj] {
    margin: 0.5em 0;
}
/* _content/ArasWeb/Pages/Defects/Defects.razor.rz.scp.css */
#defects-empty-list[b-2fx23tnvky] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #F9F9F9
}

    #defects-empty-list img[b-2fx23tnvky] {
        width: 15em !important;
        height: auto !important;
    }


#defects-container[b-2fx23tnvky] {
    width: 100%;
    height: 95%;    
}

#defects-list-container[b-2fx23tnvky] {
    width: 100%;
    height: 90%;
}

#defects[b-2fx23tnvky] {
    width: 100%;
    height: 95%;
    background: white;
    border-radius: 0.5em;
    display: flex;
    flex-direction: column;
}

#defect-list-header[b-2fx23tnvky] {
    background: rgba(217, 83, 79, 0.2);
}

    #defect-list-header span label[b-2fx23tnvky],
    #defects-list span label[b-2fx23tnvky] {
        width: 15%;
    }

    #defect-list-header .full-text[b-2fx23tnvky],
    #defects-list .full-text[b-2fx23tnvky] {
        word-break: break-all;
        width: 25%;
    }

    #defect-list-header .quantity[b-2fx23tnvky],
    #defects-list .quantity[b-2fx23tnvky] {
        width: 7%;
        text-align: center;
    }

#defects-list span[b-2fx23tnvky] {
    display: inline-flex;
    align-items: center;
}

#defects-list img[b-2fx23tnvky] {
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
}

.made-by-worker[b-2fx23tnvky] {
    color: #d9534f;
    font-family: 'Ubuntu-Medium';
}

#report-btn[b-2fx23tnvky] {
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: 1em;
}

.fa-person-circle-exclamation[b-2fx23tnvky]{
    margin-right: 0.5em;
}

.search-component[b-2fx23tnvky]{
    width: 100%;
    position: relative;
}

#price label[b-2fx23tnvky] {
    font-family: 'Ubuntu-Medium';
}

#price span[b-2fx23tnvky] {
    color: #dc3545;
    font-family: 'Ubuntu-Medium';
    background: #e9ecef;
}
/* _content/ArasWeb/Pages/Defects/DefectsInAdvance.razor.rz.scp.css */
#defects-empty-list[b-izmwhcp7kb] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #F9F9F9
}

    #defects-empty-list img[b-izmwhcp7kb] {
        width: 15em !important;
        height: auto !important;
    }


#defects-container[b-izmwhcp7kb] {
    width: 100%;
    height: 95%;
}

#defects-list-container[b-izmwhcp7kb] {
    width: 100%;
    height: 90%;
}

#defects[b-izmwhcp7kb] {
    width: 100%;
    height: 95%;
    background: white;
    border-radius: 0.5em;
    display: flex;
    flex-direction: column;
}

#defect-list-header[b-izmwhcp7kb] {
    background: rgba(217, 83, 79, 0.2);
}

    #defect-list-header span label[b-izmwhcp7kb],
    #defects-list span label[b-izmwhcp7kb] {
        width: 15%;
    }

    #defect-list-header .full-text[b-izmwhcp7kb],
    #defects-list .full-text[b-izmwhcp7kb] {
        word-break: break-all;
        width: 20%;
    }

    #defect-list-header .quantity[b-izmwhcp7kb],
    #defects-list .quantity[b-izmwhcp7kb] {
        width: 7%;
        text-align: center;
    }

#defects-list span[b-izmwhcp7kb] {
    display: inline-flex;
    align-items: center;
}

#defects-list img[b-izmwhcp7kb] {
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
}

.made-by-worker[b-izmwhcp7kb] {
    color: #d9534f;
    font-family: 'Ubuntu-Medium';
}

#report-btn[b-izmwhcp7kb] {
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: 1em;
}

.fa-person-circle-exclamation[b-izmwhcp7kb] {
    margin-right: 0.5em;
}

.search-component[b-izmwhcp7kb] {
    width: 100%;
    position: relative;
}

#price label[b-izmwhcp7kb] {
    font-family: 'Ubuntu-Medium';
}

#price span[b-izmwhcp7kb] {
    color: #dc3545;
    font-family: 'Ubuntu-Medium';
    background: #e9ecef;
}
/* _content/ArasWeb/Pages/Employees/Employees.razor.rz.scp.css */
#container[b-aelekigvud] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1em;
}

#statistics[b-aelekigvud] {
    width: 20%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#statistics .box[b-aelekigvud] {
    width: 100%;
    height: 35%;
    background: white;
    border-radius: 1em;
    padding: 2em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1em 0;
}

    #statistics .box .oi[b-aelekigvud] {
        font-size: 1.5em;
        padding: 1em;
        background: rgba(13, 110, 253, 0.3);
        border-radius: 1em;
    }

    #statistics .box .data[b-aelekigvud] {
        display: flex;
        justify-content: space-between;
        align-items: start;
        flex-direction: column;
        width: 45%;
    }

        #statistics .box .data label[b-aelekigvud] {
            font-size: 0.8em;
            color: grey;
            font-family: 'Ubuntu-Light';
        }

        #statistics .box .data span[b-aelekigvud] {
            font-size: 2em;
            font-family: 'Ubuntu-Bold';
        }

#employees-container[b-aelekigvud] {
    width: 75%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#tab-container[b-aelekigvud] {
    width: 100%;
    height: 92%;
    display: flex;
    flex-direction: column;
    border-top: none;
    background: white;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

.list-wrapper[b-aelekigvud]{
    height: 90%;
}

    .list-wrapper img[b-aelekigvud] {
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.5em;
    }

    .list-wrapper li span[b-aelekigvud],
    .list-wrapper .list-header span[b-aelekigvud] {
        width: 80%;
    }

    .list-wrapper li span label[b-aelekigvud],
    .list-wrapper .list-header span label[b-aelekigvud]{
        width: 32%;
    }

        
        .list-wrapper li span label i[b-aelekigvud] {
            margin-right: 0.5em;
        }


.employees .list-header span[b-aelekigvud], .employees .list-item span[b-aelekigvud] {
    width: 65%;
}

.admin[b-aelekigvud] {
    border: 0.1em solid rgb(2, 117, 216);
    background: rgba(2, 117, 216, 0.1);
    color: rgb(2, 117, 216);
}

.technology[b-aelekigvud],
.mentor[b-aelekigvud],
.sales_representative[b-aelekigvud]{
    border: 0.1em solid rgb(92, 184, 92);
    background: rgba(92, 184, 92, 0.1);
    color: rgb(92, 184, 92);
}

.production[b-aelekigvud] {
    border: 0.1em solid rgb(10, 78, 112);
    background: rgba(10, 78, 112, 0.1);
    color: rgb(10, 78, 112);
}

.control[b-aelekigvud] {
    border: 0.1em solid rgb(240, 173, 78);
    background: rgba(240, 173, 78, 0.1);
    color: rgb(240, 173, 78);
}

.toolbox[b-aelekigvud] {
    border: 0.1em solid rgb(91, 192, 222);
    background: rgba(91, 192, 222, 0.1);
    color: rgb(91, 192, 222);
}

.user-role[b-aelekigvud] {
    padding: 0.3em 0.8em;
    border-radius: 0.5em;
    font-size: 0.8em;
    font-family: 'Ubuntu-Bold';
    text-align: center;
}


#add-user-btn[b-aelekigvud] {
    margin-left: auto;
    margin-right: 0.5em;
}

/*
    MODAL:
*/
form[b-aelekigvud]{
    background: pink;
}

.add-user-container[b-aelekigvud] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding: 5em;
    overflow-y: scroll;
    align-items: center;
}

.add-user-container .disabled[b-aelekigvud] {
    background: #e1e1e1;
}

.add-user-input[b-aelekigvud]{
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 0 2em;
    margin-bottom: 1em;
}

.note[b-aelekigvud] {
    display: flex;
    flex-direction: column;
    padding: 0 2em;
    width: 100%;
    font-size: 0.9em;
    font-style: italic;
    color: grey;
}

.undefined[b-aelekigvud]{
    font-family: 'Ubuntu-Italic';
    opacity: 0.8;
    font-size: 0.8em;
}
/* _content/ArasWeb/Pages/ItemsBuying/ItemBuyingDetails.razor.rz.scp.css */
#offer-details-container[b-f2te7fiajq] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

#offer[b-f2te7fiajq],
#articles-container[b-f2te7fiajq] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1em;
    background: white;
    border-radius: 0.5em;
}

#offer[b-f2te7fiajq] {
    width: 22%;
    padding-right: 2em;
}

#offer-name[b-f2te7fiajq],
.select-values[b-f2te7fiajq] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: .8em;
}

    #offer-name label[b-f2te7fiajq], .select-values label[b-f2te7fiajq] {
        font-family: 'Ubuntu-Light';
        margin-bottom: 0.5em;
    }

#offer button[b-f2te7fiajq] {
    width: 100%;
    margin-bottom: 0.5em;
}

    #offer button i[b-f2te7fiajq] {
        margin-right: 0.3em;
    }

#offer #generate-offer-pdf[b-f2te7fiajq],
#offer #generate-offer-excel[b-f2te7fiajq] {
    font-family: 'Ubuntu-Medium';
    margin-bottom: auto;
    border: 0.01em solid gray;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    background: white;
    color: black;
}

    #offer #generate-offer-pdf img[b-f2te7fiajq],
    #offer #generate-offer-excel img[b-f2te7fiajq] {
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.5em;
    }

#generate-offer-excel[b-f2te7fiajq] {
    border: 0.1em solid #5cb85c;
    color: #3d783d;
}


#approve-offer-btn[b-f2te7fiajq] {
    margin-top: auto;
}

#articles-container[b-f2te7fiajq] {
    width: 75%;
    padding-left: 2em;
}

#articles-list[b-f2te7fiajq] {
    width: 100%;
    height: 75%;
    margin-bottom: 3em;
}

.add-article-btn[b-f2te7fiajq] {
    justify-self: end;
    margin-left: auto;
    margin-right: 2em;
    margin-bottom: 1em;
}

[b-f2te7fiajq] #empty-list img {
    width: 18em;
}

.article-item-details[b-f2te7fiajq] {
    width: 65%;
}

    .article-item-details label[b-f2te7fiajq] {
        width: 50%;
    }

.remove-article-btn[b-f2te7fiajq] {
    margin-right: 0.5em;
    color: #d9534f;
    cursor: pointer;
}

.page-info[b-f2te7fiajq] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.cancel-offer-btn[b-f2te7fiajq] {
    cursor: pointer !important;
    background: #dc3545;
    font-size: 0.9em;
    padding: 0.3em 0.8em;
    color: white;
    border-radius: 0.5em;
    margin-left: auto;
}

#delivered-order[b-f2te7fiajq] {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: column;
    opacity: 0.9;
    font-size: 0.8em;
    margin-bottom: 1em;
}

    #delivered-order label[b-f2te7fiajq] {
        border-radius: 2em;
        width: 100%;
        padding: 0.3em 1.5em;
        word-break: break-all;
        font-family: 'Ubuntu-Medium';
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(205, 254, 194, 0.8);
        margin-bottom: 0.5em;
    }

    #delivered-order i[b-f2te7fiajq] {
        margin-right: 0.5em;
    }

    #delivered-order span[b-f2te7fiajq] {
        opacity: 0.8;
        font-size: 0.85em;
    }
/* _content/ArasWeb/Pages/ItemsBuying/ItemsBuying.razor.rz.scp.css */
#offers[b-s36c1fcddi] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#offers-container[b-s36c1fcddi] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 90%;
    border-radius: 0.5em;
    background: white;
    padding: 1em 0;
}

#offer-filters[b-s36c1fcddi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 1em;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
}

.filter-box[b-s36c1fcddi] {
    margin-right: 1em;
    display: flex;
    flex-direction: column;
}

    .filter-box label[b-s36c1fcddi] {
        margin-bottom: 0.5em;
    }

    .filter-box select[b-s36c1fcddi] {
        width: 15em;
        padding: 0.5em 0.2em;
    }

    .filter-box img[b-s36c1fcddi] {
        width: 1em;
        height: 1em;
        margin: 0 0.5em;
    }

#offers-list[b-s36c1fcddi] {
    width: 100%;
    height: 80%;
}

#create-offer-btn[b-s36c1fcddi] {
    margin: 0 2em 1em auto;
}

    #create-offer-btn i[b-s36c1fcddi] {
        margin-right: 0.5em;
    }

.item-type .item-type-box[b-s36c1fcddi] {
    border-radius: 2em;
    width: auto;
    padding: 0.3em 1.5em;
    word-break: break-all;
    font-family: 'Ubuntu-Medium';
    font-size: 0.8em;
    justify-content: center;
    width: 11em;
}

.item-type i[b-s36c1fcddi] {
    margin-right: 0.5em;
}

.tool .item-type-box[b-s36c1fcddi] {
    background: rgba(240, 173, 78, 0.5)
}

.material .item-type-box[b-s36c1fcddi] {
    background: rgba(13, 110, 253, 0.3)
}

.delivery-status[b-s36c1fcddi] {
    margin-top: 0.5em;
}

    .delivery-status span[b-s36c1fcddi] {
        border-radius: 2em;
        width: auto;
        padding: 0.3em 1.5em;
        word-break: break-all;
        font-family: 'Ubuntu-Medium';
        font-size: 0.8em;
        justify-content: center;
        width: 11em;
    }

.delivery-status img[b-s36c1fcddi] {
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.5em;
}

.delivered span[b-s36c1fcddi] {
    background: rgba(205, 254, 194, 0.8)
}

.not-delivered span[b-s36c1fcddi] {
    background: rgba(236, 236, 236, 0.8)
}
/* _content/ArasWeb/Pages/ItemsBuying/MaterialInput.razor.rz.scp.css */
#order-tool-box[b-n41bn196pc] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

h5[b-n41bn196pc] {
    color: rgb(4, 52, 76);
}

h4[b-n41bn196pc] {
    text-align: center;
}

#order-tool[b-n41bn196pc] {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#tool-info[b-n41bn196pc] {
    flex-direction: column;
    background: white;
    padding: 1em;
    border-radius: 1em;
    width: 45%;
}

#input-container[b-n41bn196pc] {
    width: 100%;
    height: 95%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 1em;
}

.input-box[b-n41bn196pc],
[b-n41bn196pc] .input-box {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 1em;
    position: relative;
}

    .input-box label[b-n41bn196pc],
    [b-n41bn196pc] .input-box label,
    #note label[b-n41bn196pc] {
        width: 100%;
        margin-bottom: 0.3em;
        font-family: 'Ubuntu-Light';
    }

.input-wrapper[b-n41bn196pc] {
    width: 100%;
    position: relative;
    display: block;
}

.unit[b-n41bn196pc] {
    position: absolute;
    right: 2%;
    top: calc(50% - .375rem);
    color: black;
    z-index: 100;
    font-size: 0.8em;
}

#article-shape[b-n41bn196pc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    #article-shape div[b-n41bn196pc] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40%;
        cursor: pointer;
        padding: 0.5em;
        border-radius: 0.5em;
    }

.selected-shape[b-n41bn196pc] {
    border: 0.1em solid #5cb85c;
    background: #e4eef2;
}

.unselected-shape[b-n41bn196pc] {
    border: 0.1em solid lightgray;
    background: white;
}

.circle[b-n41bn196pc],
.square[b-n41bn196pc] {
    height: 2em;
    width: 2em;
    background-color: #14425a;
    display: inline-flex;
}

.circle[b-n41bn196pc] {
    border-radius: 50%;
}

#calculated-material-params[b-n41bn196pc] {
    background: #e8e8e8;
    border-radius: 0.3em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: end;
    font-size: 1.1rem;
    color: #14425a;
    font-family: 'Ubuntu-Medium';
    margin: 1em 0;
}

    #calculated-material-params div[b-n41bn196pc] {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

#material-price[b-n41bn196pc] {
    color: #0275d8;
}


#btns[b-n41bn196pc] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

    #btns i[b-n41bn196pc] {
        margin-right: 0.5em;
    }

#note[b-n41bn196pc] {
    margin-bottom: 2em;
}

    #note textarea[b-n41bn196pc] {
        resize: none;
    }
/* _content/ArasWeb/Pages/ItemsBuying/ToolInput.razor.rz.scp.css */
#order-tool-box[b-jjgi8wpjur] {
    position: relative;
    width: 100%;
    height: 100%;
}

h5[b-jjgi8wpjur] {
    color: rgb(4, 52, 76);
}

h4[b-jjgi8wpjur] {
    text-align: center;
}

form[b-jjgi8wpjur] {
    height: 100% !important;
    background-color: pink !important;
}

#order-tool[b-jjgi8wpjur] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 10em;
}

#tool-info[b-jjgi8wpjur] {
    flex-direction: column;
    background: white;
    padding: 1em;
    border-radius: 1em;
    width: 45%;
    position: relative;
}
#input-container[b-jjgi8wpjur] {
    width: 100%;
    height: 95%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 1em;
    position: relative;
}

.input-box[b-jjgi8wpjur],
[b-jjgi8wpjur] .input-box {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 1em;
    position: relative;
}

    .input-box label[b-jjgi8wpjur],
    [b-jjgi8wpjur] .input-box label,
    #note label[b-jjgi8wpjur] {
        width: 100%;
        margin-bottom: 0.3em;
        font-family: 'Ubuntu-Light';
    }

.input-wrapper[b-jjgi8wpjur] {
    width: 100%;
    position: relative;
    display: block;
}

.unit[b-jjgi8wpjur] {
    position: absolute;
    right: 2%;
    top: calc(50% - .375rem);
    color: black;
    z-index: 100;
    font-size: 0.8em;
}

#btns[b-jjgi8wpjur] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#btns i[b-jjgi8wpjur] {
    margin-right: 0.5em;
}

#note[b-jjgi8wpjur] {
    margin-bottom: 2em;
}

    #note textarea[b-jjgi8wpjur] {
        resize: none;
    }


#search-component[b-jjgi8wpjur] {
    position: absolute;
    width: 40em;
    height: 20em;
    top: 100%;
    right: -50%;
    border-radius: 1em;
    border: 0.1em solid gray;
    padding: 1em;
    background: white;
    z-index: 10000;
}

#close-btn[b-jjgi8wpjur] {
    width: 100%;
    display: flex;
    justify-content: end;
}

#search-list-wrapper[b-jjgi8wpjur] {
    width: 100%;
    height: 90%;
    overflow-y: scroll;
}

.search-list[b-jjgi8wpjur] {
    width: 100%;
    height: auto;
}

    .search-list h6[b-jjgi8wpjur] {
        font-family: 'Ubuntu-Medium';
        background: #ececec;
        padding: 0.5em;
        border-radius: .5em;
        margin: 0.5em 0;
    }

.search-item[b-jjgi8wpjur] {
    width: 98%;
    position: relative;
    display: flex;
    justify-content: start;
    margin: 0.3em;
    border-bottom: 0.01em solid lightgray;
    padding: 0.3em;
}

.search-item-field[b-jjgi8wpjur] {
    width: auto;
    margin-right: 0.8em;
    display: flex;
    flex-direction: column;
    width: 50%;
}

    .search-item-field label[b-jjgi8wpjur] {
        font-family: 'Ubuntu-Medium';
        word-break: break-all;
    }

    .search-item-field span[b-jjgi8wpjur] {
        font-family: 'Ubuntu-Light';
        font-size: 0.8em;
    }

#search-placeholder[b-jjgi8wpjur] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0.8;
}

    #search-placeholder i[b-jjgi8wpjur] {
        font-size: 6em;
        opacity: 0.7;
        margin-bottom: 0.1em;
    }

    #search-placeholder p[b-jjgi8wpjur] {
        color: gray;
    }

.btn-item[b-jjgi8wpjur] {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-left: auto;
}

    .btn-item button[b-jjgi8wpjur] {
        padding: 0.2em 0.8em;
        border-radius: 0.5em;
    }

.optional[b-jjgi8wpjur] {
    font-size: 0.9em;
    font-family: 'Ubuntu-Italic';
}
/* _content/ArasWeb/Pages/Login/Login.razor.rz.scp.css */
.auth-form[b-wposuzfp4u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 5em;
    border-radius: 1em;
    background: white;
}

#logo[b-wposuzfp4u] {
    width: 20em;
    height: 7em;
    margin-bottom: 2em;
}

.form-group[b-wposuzfp4u]{
    width: 100%;
    margin-bottom: 1em;
}

.form-group label[b-wposuzfp4u] {
    width: 100%;
    text-align: left;
    margin-bottom: 0.3em;
    font-size: 0.9em;
}

button[b-wposuzfp4u] {
    padding: 0.8em 0.5em;
    margin-top: 1em;
    border: none;
    box-shadow: none;
    width: 100%;
    background: #14425a;
    color: white;
    text-transform: uppercase;
    font-family: 'Ubuntu-Medium';
    border-radius: 0.5em;
}

h3[b-wposuzfp4u] {
    color: #14425a
}

.auth-form .input-group-text[b-wposuzfp4u] {
    height: 100% !important;
    cursor: pointer !important;
    background: rgba(4, 52, 76, 0.1);
}

#remember-me[b-wposuzfp4u] {
    display: flex;
    justify-content: start;
    align-items: center;
}

    #remember-me label[b-wposuzfp4u] {
        width: 80%;
        margin-left: 0.8em;
        margin-bottom: 0;
    }
/* _content/ArasWeb/Pages/Offers/OfferDetails.razor.rz.scp.css */
#offer-details-container[b-17l9g0fw0k] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

#offer[b-17l9g0fw0k],
#articles-container[b-17l9g0fw0k] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1em;
    background: white;
    border-radius: 0.5em;
}

#offer[b-17l9g0fw0k] {
    width: 22%;
    padding-right: 2em;
}

#offer-name[b-17l9g0fw0k],
#document-type[b-17l9g0fw0k] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: .8em;
}

    #offer-name label[b-17l9g0fw0k], #document-type label[b-17l9g0fw0k]{
        font-family: 'Ubuntu-Light';
        margin-bottom: 0.5em;
    }

#offer button[b-17l9g0fw0k] {
    width: 100%;
    margin-bottom: 0.5em;
}

#offer button i[b-17l9g0fw0k] {
    margin-right: 0.3em;
}

#offer #generate-offer-pdf[b-17l9g0fw0k],
#offer #generate-offer-excel[b-17l9g0fw0k] {
    font-family: 'Ubuntu-Medium';
    margin-bottom: auto;
    border: 0.01em solid gray;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    background: white;
    color: black;
}

    #offer #generate-offer-pdf img[b-17l9g0fw0k],
    #offer #generate-offer-excel img[b-17l9g0fw0k] {
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.5em;
    }

#generate-offer-excel[b-17l9g0fw0k] {
    border: 0.1em solid #5cb85c;
    color: #3d783d;
}


#approve-offer-btn[b-17l9g0fw0k] {
    margin-top: auto;
}

#articles-container[b-17l9g0fw0k] {
    width: 75%;
    padding-left: 2em;
}

#articles-list[b-17l9g0fw0k] {
    width: 100%;
    height: 75%;
    margin-bottom: 3em;
}

.add-article-btn[b-17l9g0fw0k] {
    justify-self: end;
    margin-left: auto;
    margin-right: 2em;
    margin-bottom: 1em;
}

[b-17l9g0fw0k] #empty-list img{
    width: 18em;
}

.article-item-details[b-17l9g0fw0k]{
    width: 65%;
}

.article-item-details label[b-17l9g0fw0k] {
    width: 50%;
}

.remove-article-btn[b-17l9g0fw0k] {
    margin-right: 0.5em;
    color: #d9534f;
    cursor: pointer;
}

.page-info[b-17l9g0fw0k] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.cancel-offer-btn[b-17l9g0fw0k] {
    cursor: pointer !important;
    background: #dc3545;
    font-size: 0.9em;
    padding: 0.3em 0.8em;
    color: white;
    border-radius: 0.5em;
    margin-left: auto;
}

#approved-offer[b-17l9g0fw0k] {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-bottom: .5em;
    opacity: 0.9
}

    #approved-offer label[b-17l9g0fw0k] {
        border-radius: 2em;
        width: 100%;
        padding: 0.3em 1.5em;
        word-break: break-all;
        font-family: 'Ubuntu-Medium';
        font-size: 0.8em;
        display: flex;
        justify-content: center;
        align-items: center;
        background:rgba(205, 254, 194, 0.8);
    }

    #approved-offer i[b-17l9g0fw0k] {
        margin-right: 0.5em;
    }
/* _content/ArasWeb/Pages/Offers/Offers.razor.rz.scp.css */
#offers[b-u6byv30x8q] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#offers-container[b-u6byv30x8q] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 90%;
    border-radius: 0.5em;
    background: white;
    padding: 1em 0;
}

#offer-filters[b-u6byv30x8q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 70%;
    padding: 0 1em;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
}

.filter-box[b-u6byv30x8q] {
    margin-right: 1em;
    display: flex;
    flex-direction: column;
}

    .filter-box label[b-u6byv30x8q] {
        margin-bottom: 0.5em;
    }

    .filter-box select[b-u6byv30x8q] {
        width: 15em;
        padding: 0.5em 0.2em;
    }

    .filter-box img[b-u6byv30x8q] {
        width: 1em;
        height: 1em;
        margin: 0 0.5em;
    }

#offers-list[b-u6byv30x8q] {
    width: 100%;
    height: 80%;
}

#create-offer-btn[b-u6byv30x8q] {
    margin: 0 2em 1em auto;
}

#create-offer-btn i[b-u6byv30x8q] {
    margin-right: 0.5em;
}

.offer-status span[b-u6byv30x8q] {
    border-radius: 2em;
    width: auto;
    padding: 0.3em 1.5em;
    word-break: break-all;
    font-family: 'Ubuntu-Medium';
    font-size: 0.8em;
    justify-content: center;
    width: 11em;
}

    .offer-status img[b-u6byv30x8q] {
        width: 1.2em;
        height: 1.2em;
        margin-right: 0.5em;
    }

.approved span[b-u6byv30x8q] {
    background: rgba(205, 254, 194, 0.8) 
}

.not-approved span[b-u6byv30x8q] {
    background: rgba(236, 236, 236, 0.8)
}
/* _content/ArasWeb/Pages/Orders/CreateOrder.razor.rz.scp.css */
#back-btn[b-5al3o68l7f]{
    cursor: pointer;
}

#create-order-container[b-5al3o68l7f] {
    width: 100%;
    height: 98%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

#offer-info-container[b-5al3o68l7f] {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 1em;
    height: 100%;
}

#selecting-offer-info-wrapper[b-5al3o68l7f] {
    height: 100%;
    width: 100%;
    background: white;
    border-radius: 0.5em;
    overflow-y: scroll;
    padding: 1em;
}

#offer-filters[b-5al3o68l7f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 10%;
    padding: 0 1em;
}

#include-offers-with-orders-label[b-5al3o68l7f] {
    display: flex;
    justify-content: start;
    height: auto;
    font-family: 'Ubuntu-Light';
    margin-left: 1em;
}

.toggle-only-offers-withour-orders[b-5al3o68l7f] {
    margin-right: .3em !important;
    cursor: pointer;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    border: 0.1em solid lightgray;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.2em;
}

.selected-all-offers[b-5al3o68l7f] {
    border: 0.1em solid #0275d8
}

.selected-all-offers span[b-5al3o68l7f] {
    width: 100%;
    height: 100%;
    background: #0275d8;
    border-radius: 50%;
}

#offers-list[b-5al3o68l7f] {
    width: 100%;
    height: 85%;
}

#selecting-offer-container button[b-5al3o68l7f] {
    align-self: end;
}

#order[b-5al3o68l7f] {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
    padding: 1em;
    background: white;
    border-radius: 0.5em;
}

#order-header[b-5al3o68l7f] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


#order-input[b-5al3o68l7f] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 1em;
}

    #order-input div[b-5al3o68l7f] {
        width: 30%;
        display: flex;
        flex-direction: column;
        margin: 1em 0;
    }

    #order-input div label[b-5al3o68l7f] {
        font-family: 'Ubuntu-Light';
        margin-bottom: 0.5em;
    }

#selecting-offer-container[b-5al3o68l7f],
#selecting-articles-container[b-5al3o68l7f] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#selecting-articles-container[b-5al3o68l7f] {
    height: auto;
    overflow-y: visible;
    padding: 1em;
    padding-bottom: 1.5em;
    background: white;
    border-radius: 0.5em;
}

#selecting-offer-container .list-header[b-5al3o68l7f] {
    background: rgba(13, 110, 253, 0.3)
}

.list-wrapper .list[b-5al3o68l7f],
.list-wrapper .list-header[b-5al3o68l7f] {
    background: rgba(211,211,211,0.5);
}

.list-wrapper .list[b-5al3o68l7f] {
    padding-left: 0.5em;
}

.list-item[b-5al3o68l7f] {
    background: white;
}

#offers-list .list-item label[b-5al3o68l7f], #offers-list .list-item span[b-5al3o68l7f], #offers-list .list-item input[b-5al3o68l7f] {
    cursor: pointer;
}

.list-wrapper ul li:hover[b-5al3o68l7f] {
    border: 0.1em solid #accbff;
}

.select-order[b-5al3o68l7f] {
    width: 10%;
    display: flex;
    justify-content: center;
    border: 0.01em solid lightgray;
    width: 1.8em;
    height: 1.8em;
    padding: 0.5em;
    text-align: center;
    border-radius: 0.5em;
}

    .select-order img[b-5al3o68l7f] {
        width: 0.7em;
        height: 0.7em;
    }

.selected-offer[b-5al3o68l7f] {
    border: 0.1em solid #0275d8;
    background: #dbedff;
    font-family: 'Ubuntu-Medium';
}

    .selected-offer .select-order[b-5al3o68l7f] {
        border: 0.1em solid #accbff;
        background: #0275d8;
    }

.continue-btn[b-5al3o68l7f] {
    margin-left: auto;
}

/*
    SELECTING ARTICLES:
*/
#articles-list[b-5al3o68l7f] {
    height: auto;
    width: 100%;
}

.article-already-in-orders[b-5al3o68l7f]{
    background: #f1f1f1;
}

#articles-list .list-wrapper[b-5al3o68l7f] {
    height: auto;
}

#selecting-articles-container h5[b-5al3o68l7f]{
    align-self: start;
}

.article-num[b-5al3o68l7f] {
    width: 10%;
    height: 100%;
    display: flex;
    align-items: start;
    font-family: 'Ubuntu-Regular';
}

.article-details[b-5al3o68l7f]{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    width: 45%;
    height: 100%;
    padding-right: 1em;
}

.list-item .item-wrapper[b-5al3o68l7f] {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: end;
    padding-right: 1em;
    margin-bottom: 0.3em;
}

    .list-item .item-wrapper .item-name[b-5al3o68l7f],
    .list-item .item-wrapper .item-value[b-5al3o68l7f] {
        height: 100%;
    }

    .list-item .item-wrapper .item-value[b-5al3o68l7f] {
        font-family: 'Ubuntu-Medium';
    }

    .list-item .item-wrapper .item-name[b-5al3o68l7f] {
        font-size: 0.9em;
        font-family: 'Ubuntu-Light';
        margin-right: 0.3em;
    }

#articles-list .calculator[b-5al3o68l7f] {
    display: flex;
    flex-direction: column;
    width: 45%;
    align-items: end;
}

    #articles-list .calculator .calculator-item[b-5al3o68l7f] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.3em;
        padding: 0.5em 1em;
        border: 0.01em solid lightgrey;
        border-radius: 0.7em;
    }

        #articles-list .calculator .calculator-item .calculator-details[b-5al3o68l7f] {
            width: 90%;
            display: flex;
            justify-content: start;
            align-items: center;
        }

            #articles-list .calculator .calculator-item .calculator-details .item-wrapper[b-5al3o68l7f] {
                width: 50%;       
                margin: 0;
                align-items: center;
            }

        #articles-list .calculator .calculator-item .calculator-selection[b-5al3o68l7f] {
            display: flex;
            justify-content: center;
            border: 0.01em solid lightgray;
            width: 1.5em;
            height: 1.5em;
            padding: 0.5em;
            text-align: center;
            border-radius: 0.5em;
            margin-right: 1em;
            cursor: pointer;
        }

    #articles-list .calculator .calculator-item img[b-5al3o68l7f] {
        width: 0.5em;
        height: 0.5em;
    }

.calculation-selected[b-5al3o68l7f] {
    background: #0275d8;
}

.calculator-item-selected[b-5al3o68l7f] {
    border: 0.1em solid #0275d8 !important;
    background: rgba(2, 117, 216, 0.1);
}
/*
    PREVIEW STYLE
*/
#preview[b-5al3o68l7f] {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1em;
    border-radius: 0.5em;
    overflow-y: scroll;
}

#preview h3[b-5al3o68l7f] {
    text-align: center;
    margin-bottom: 1em;
}

    #preview #order-preview[b-5al3o68l7f] {
        background: white;
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 0.5em;
    }

        #preview #order-preview .checkmark[b-5al3o68l7f] {
            display: flex;
            justify-content: center;
            background: #70bc64;
            width: 100%;
            border-top-left-radius: 0.5em;
            border-top-right-radius: 0.5em;
            padding: 0.5em 0;
        }

        #preview #order-preview .checkmark span[b-5al3o68l7f] {
            background: white;
            border-radius: 50%;
        }

            #preview #order-preview .checkmark img[b-5al3o68l7f] {
                width: 2em; 
                height: 2em;
            }

        #preview #order-preview .checkmark-bottom[b-5al3o68l7f] {
            border-radius: 0;
            border-bottom-left-radius: 0.5em;
            border-bottom-right-radius: 0.5em;
            height: 2em;
        }

        #preview #order-preview #header[b-5al3o68l7f] {
            width: 100%;
            display: flex;
            justify-content: space-between;
            border-bottom: 0.1em solid lightgrey;
            padding: 2em;
        }

            #preview #order-preview #header .group[b-5al3o68l7f] {
                display: flex;
                flex-direction: column;
            }

            #preview #order-preview #body[b-5al3o68l7f] {
                padding: 2em;
                width: 100%;
            }

    #preview .info[b-5al3o68l7f] {
        display: flex;
        flex-direction: column;
        margin-bottom: 0.5em ;
    }

    #preview .right[b-5al3o68l7f]{
        align-items: end;
    }

    #preview .info label[b-5al3o68l7f] {
        font-family: 'Ubuntu-Light'
    }

        #preview .info span[b-5al3o68l7f] {
            font-family: 'Ubuntu-Medium';
            font-size: 1.1em;
        }

#preview-articles-list[b-5al3o68l7f] {
    width: 100%;
    padding: 1em;
}

    #preview-articles-list ul[b-5al3o68l7f] {
        width: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }

        #preview-articles-list ul li[b-5al3o68l7f] {
            width: 100%;
            margin: 0;
            padding: 0;
            list-style-type: none;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 0.1em solid lightgrey;
            padding: 0.5em;
        }

            #preview-articles-list ul li label[b-5al3o68l7f] {
                width: 18%;
                word-wrap: break-word;
            }

        #preview-articles-list ul .header[b-5al3o68l7f]{
            font-family: 'Ubuntu-Bold';
            background: #d1d1d1;
            border-radius: 0.3em;
        }

        #preview-articles-list ul li .quantity[b-5al3o68l7f] {
            width: 7%;
            text-align: center;
        }

        #preview-articles-list ul li .amount[b-5al3o68l7f],
        #preview-articles-list ul li .date[b-5al3o68l7f] {
            width: 10%;
            text-align: right;
        }

        #total[b-5al3o68l7f]{
            display: flex;
            flex-direction: column;
            align-items: end;
            padding-right: 1em;
            font-size: 1.2em;
        }

        #total label[b-5al3o68l7f] {
            font-family: 'Ubuntu-Light';
        }

            #total span[b-5al3o68l7f] {
                font-family: 'Ubuntu-Bold';
                color: #198754;
            }

    #preview #btns[b-5al3o68l7f]{
        margin-top: 2em;
        margin-left: auto;
    }
/* _content/ArasWeb/Pages/Orders/CreateOrderArticle.razor.rz.scp.css */
#create-article[b-txd4f7svz3]{
    width: 100%;
    height: 100%;
}

    [b-txd4f7svz3] form {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: start;
        justify-content: center;
    }


#create-article-container[b-txd4f7svz3] {
    width: 50%;
    height: auto;
    background: white;
    border-radius: 1em;
    padding: 1em;
}

#create-article-container h5[b-txd4f7svz3] {
    margin-bottom: 1em;
}

#create-article-buttons[b-txd4f7svz3] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 2em;
    padding: 0 1em;
}

#create-article-form[b-txd4f7svz3] {
    display: flex;
    flex-direction: column;
    padding: 0 1em;
}

#create-article-form div[b-txd4f7svz3] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
}

    #create-article-form div label[b-txd4f7svz3] {
        font-family: 'Ubuntu-Light';
        margin-bottom: 0.5em;
    }

.calculated-value span[b-txd4f7svz3] {
    background: #e1e1e1;
    color: #288aed;
    font-family: 'Ubuntu-Bold'
}
/* _content/ArasWeb/Pages/Orders/OrderArticleDetails.razor.rz.scp.css */
#create-article[b-dgeaaox402] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: start;
    flex-direction: column;
}

/*Aktivnosti: */


#complete-article-manually[b-dgeaaox402] {
    margin-left: auto;
}

#article-activities-container[b-dgeaaox402] {
    width: 100%;
    overflow-y: scroll;
}

#activity-container[b-dgeaaox402] {
    width: 100%;
    padding: 1em 2em;
    border-radius: 0.5em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #ebebeb;
    height: 100%;
    overflow-y: scroll;
}

#activities-header[b-dgeaaox402] {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

    #activities-header h5[b-dgeaaox402] {
        margin: 0;
    }

    #activities-header img[b-dgeaaox402] {
        width: 1.5em;
        height: 1.5em;
        margin-right: 1em;
    }

.activities-list[b-dgeaaox402] {
    width: 100%;
    background: transparent;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 5em;
    margin-top: 1em;
    justify-content: flex-start;
}

.activity-item-container[b-dgeaaox402] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.timeline[b-dgeaaox402] {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

    .timeline .line[b-dgeaaox402] {
        width: 40%;
        height: 100%;
        border-right: 0.1em solid #cfcfcf;
    }

    .timeline .branch[b-dgeaaox402] {
        width: 60%;
        position: absolute;
        left: 20%;
        display: flex;
    }

    .timeline .dot[b-dgeaaox402] {
        width: 1.2em;
        height: 1.2em;
        border-radius: 50%;
        background: #198754;
        position: absolute;
        left: calc(40% - 0.6em);
    }

.activity-item-wrapper[b-dgeaaox402] {
    width: 70%;
    padding-bottom: 1em;
}

.activity-item[b-dgeaaox402] {
    width: 100%;
    padding: 1.5em 2em;
    border-radius: 0.5em;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: white;
}

.status-and-operation[b-dgeaaox402] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 0.5em;
}

.status[b-dgeaaox402] {
    font-family: 'Ubuntu-Medium';
    font-size: 0.8em;
    border-radius: 0.8em;
    padding: 0.3em 0.8em;
    width: 8em;
    color: white;
    text-align: center;
}

.operation[b-dgeaaox402] {
    font-family: 'Ubuntu-Bold';
    color: #198754;
}

.pending[b-dgeaaox402] {
    opacity: 0.6;
    color: black;
    background: lightgray;
}

i[b-dgeaaox402] {
    margin-right: 0.3em;
}

.status-and-operation .completed[b-dgeaaox402] {
    background: rgba(92, 184, 92, 0.3);
}

.status-and-operation .wip[b-dgeaaox402] {
    background: rgba(13, 110, 253, 0.3);
}

.completed-ua[b-dgeaaox402] {
    background: rgba(92, 184, 92, 0.1);
}

.wip-ua[b-dgeaaox402] {
    background: rgba(13, 110, 253, 0.1);
}

.stop-ua[b-dgeaaox402], .rework-ua[b-dgeaaox402], .repeat-ua[b-dgeaaox402] {
    background: rgba(240, 173, 78, 0.3);
}

.stop-cause[b-dgeaaox402], .is-repeat[b-dgeaaox402] {
    text-transform: uppercase;
    background: rgba(217, 83, 79, 0.5);
    border: 0.2em solid rgba(217, 83, 79, 0.9);
    padding: 0.3em 0.5em;
    text-align: center;
    font-family: 'Ubuntu-Medium';
    color: white;
    border-radius: 0.5em;
}

    .stop-cause span[b-dgeaaox402] {
        text-align: center !important;
    }

.is-repeat[b-dgeaaox402] {
    background: rgba(84, 124, 140, 0.8);
    border: 0.2em solid rgba(84, 124, 140, 0.9);
}

.pending-ua[b-dgeaaox402] {
    background: lightgray;
    color: black;
}

.user-activity[b-dgeaaox402] {
    display: flex;
    justify-content: space-between;
    margin: .5em 0;
    font-family: 'Ubuntu-Light';
    border-radius: 0.5em;
    padding: 1em;
}

.details[b-dgeaaox402], .time[b-dgeaaox402] {
    display: flex;
    flex-direction: column;
}

.time[b-dgeaaox402] {
    font-size: 0.85em;
}

    .details div[b-dgeaaox402],
    .time div[b-dgeaaox402] {
        display: flex;
        flex-direction: column;
        margin-bottom: 0.8em;
    }

        .details div label[b-dgeaaox402],
        .time div label[b-dgeaaox402] {
            font-size: 0.85em;
            opacity: 0.9;
        }

        .details div span[b-dgeaaox402] {
            font-family: 'Ubuntu-Medium';
        }

        .time div label[b-dgeaaox402], .time div span[b-dgeaaox402] {
            text-align: right;
        }

    .time img[b-dgeaaox402] {
        width: 1.5em;
        margin: 0 0.5em;
    }
/* _content/ArasWeb/Pages/Orders/OrderDetails.razor.rz.scp.css */
#create-order-container[b-4f9bwihtj3] {
    width: 100%;
    height: 98%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    overflow-y: scroll;
}

/*
    PREVIEW STYLE
*/

#preview[b-4f9bwihtj3] {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1em;
    border-radius: 0.5em;
}

    #preview #order-preview[b-4f9bwihtj3] {
        background: white;
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 0.5em;
        margin-bottom: 2em;
    }

.checkmark-top[b-4f9bwihtj3], .checkmark-bottom[b-4f9bwihtj3] {
    display: flex;
    justify-content: center;
    background: #70bc64;
    width: 100%;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    padding: 0.5em 0;
    height: 2em;
}

#upper-bar[b-4f9bwihtj3] {
    width: 100%;
    height: auto;
    border-radius: 1em;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    background:rgba(13, 110, 253, 0.3) 
}


input[b-4f9bwihtj3], select[b-4f9bwihtj3] {
    width: 100%;
    position: relative;
    background: #C2D7BF;
}

.quantity input[b-4f9bwihtj3] {
    text-align: center;
}

#preview #order-preview .checkmark-bottom[b-4f9bwihtj3] {
    border-radius: 0;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
}

        #preview #order-preview #header[b-4f9bwihtj3] {
            width: 100%;
            display: flex;
            justify-content: space-between;
            border-bottom: 0.1em solid lightgrey;
            padding: 2em;           
        }

            #preview #order-preview #header .group[b-4f9bwihtj3] {
                display: flex;
                flex-direction: column;
            }

        #preview #order-preview #body[b-4f9bwihtj3] {
            padding: 2em;
            width: 100%;
        }

    #preview .info[b-4f9bwihtj3] {
        display: flex;
        flex-direction: column;
        margin-bottom: 0.5em;
    }

    #preview .right[b-4f9bwihtj3] {
        align-items: end;
    }

    #preview .info label[b-4f9bwihtj3] {
        font-family: 'Ubuntu-Light'
    }

    #preview .info span[b-4f9bwihtj3] {
        font-family: 'Ubuntu-Medium';
        font-size: 1.1em;
    }

#preview-articles-list[b-4f9bwihtj3] {
    width: 100%;
    padding: 1em;
}

    #preview-articles-list ul[b-4f9bwihtj3] {
        width: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }

        #preview-articles-list ul li[b-4f9bwihtj3] {
            width: 100%;
            margin: 0;
            padding: 0;
            list-style-type: none;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 0.1em solid lightgrey;
            padding: 0.5em;
            position: relative;
        }

            #preview-articles-list ul li label[b-4f9bwihtj3] {
                width: 20%;
                word-wrap: break-word;
                position: relative;
            }

        #preview-articles-list ul .header[b-4f9bwihtj3] {
            font-family: 'Ubuntu-Bold';
            background: #d1d1d1;
            border-radius: 0.3em;
        }

        #preview-articles-list ul li .quantity[b-4f9bwihtj3] {
            width: 7%;
            text-align: center;
        }

        #preview-articles-list ul li .amount[b-4f9bwihtj3] {
            width: 10%;
            text-align: right;
        }

        #preview-articles-list ul li .date[b-4f9bwihtj3] {
            width: 15%;
            display: flex;
            justify-content: center;
            position: relative;
            text-align: center;
        }

        #preview-articles-list ul li .supplier[b-4f9bwihtj3]{
            text-align: center;
        }

        #preview-articles-list ul li .drawing-name[b-4f9bwihtj3] {
            color: #0071c1;
            text-decoration: underline;
            cursor: pointer;
        }

        #total[b-4f9bwihtj3] {
            display: flex;
            flex-direction: column;
            align-items: end;
            padding-right: 1em;
            font-size: 1.2em;
        }

    #total label[b-4f9bwihtj3] {
        font-family: 'Ubuntu-Light';
    }

    #total span[b-4f9bwihtj3] {
        font-family: 'Ubuntu-Bold';
        color: #198754;
    }

#statuses[b-4f9bwihtj3]{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

#statuses button[b-4f9bwihtj3] {
    margin-left: auto;
    margin-right: 1em;
}

.progresses[b-4f9bwihtj3] {
    height: 100%;
    padding: 2em;
    display: flex;
    align-items: center;
    font-family: 'Ubuntu-Bold';
    justify-content: center;
    position: relative;
}

.line[b-4f9bwihtj3] {
    width: 10em;
    height: 0.3em;
    background: #70bc64;
    margin-left: 0.1em;
}

.steps[b-4f9bwihtj3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-color: #70bc64;
}

    .steps span[b-4f9bwihtj3] {
        font-size: 1.1em;
        color: #fff;
    }

    .steps img[b-4f9bwihtj3] {
        width: 2em;
        height: 2em;
        background: white;
        border-radius: 50%;
    }

    .steps label[b-4f9bwihtj3] {
        color: #70bc64;
        display: flex;
        justify-content: center;
        width: auto;
        position: absolute;
        bottom: 0;
    }

.not-achieved[b-4f9bwihtj3] {
    background-color: lightgrey;
    color: lightgrey;
}

    .not-achieved label[b-4f9bwihtj3] {
        color: lightgrey;
    }

#btns[b-4f9bwihtj3] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 1em;
}


.article-status[b-4f9bwihtj3] {
    text-align: center;
}

    .article-status span[b-4f9bwihtj3] {
        border-radius: 2em;
        text-align: center;
        width: auto;
        display: inline-flex;
        padding: 0.3em 1.5em;
        word-break: break-all;
        font-family: 'Ubuntu-Medium';
        font-size: 0.8em;
    }

        .article-status span img[b-4f9bwihtj3] {
            width: 1.2em;
            height: 1.2em;
            margin-right: 0.5em;
        }


.article-order-created span[b-4f9bwihtj3] {
    background: rgba(236, 236, 236, 0.8);
}

.article-order-in-progress span[b-4f9bwihtj3] {
    background: rgba(137, 196, 244, 0.8);
}

.article-order-finished span[b-4f9bwihtj3] {
    background: rgba(205, 254, 194, 0.8);
}

#send-articles-to-control[b-4f9bwihtj3] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

    #send-articles-to-control #send-articles-to-control_label[b-4f9bwihtj3] {
        font-size: 1.1em;
        margin-bottom: 1em;
        font-family: 'Ubuntu-Regular'
    }

    #send-articles-to-control #articles-for-control[b-4f9bwihtj3] {
        width: 100%;
        overflow-y: scroll;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        #send-articles-to-control #articles-for-control .article-for-control[b-4f9bwihtj3] {
            width: 50%;
            padding: 0.8em 1.2em;
            display: flex;
            justify-content: start;
            align-items: center;
            border-radius: 1em;
            background: rgba(13, 110, 253, 0.2);
            margin-bottom: 0.5em;
        }

            #send-articles-to-control #articles-for-control .article-for-control div[b-4f9bwihtj3] {
                flex-direction: column;
                display: flex;
                margin-left: 1em;
            }

            #send-articles-to-control #articles-for-control .article-for-control div label[b-4f9bwihtj3] {
                font-family: 'Ubuntu-Medium';
                margin: 0;
            }

            #send-articles-to-control #articles-for-control .article-for-control div span[b-4f9bwihtj3] {
                font-family: 'Ubuntu-Light';
                font-size: 0.7em;
            }
/* _content/ArasWeb/Pages/Orders/OrderDetailsPerModule.razor.rz.scp.css */
#create-order-container[b-p9lbrml4zm] {
    width: 100%;
    height: 98%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    overflow-y: scroll;
}

/*
    PREVIEW STYLE
*/

#preview[b-p9lbrml4zm] {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1em;
    border-radius: 0.5em;
}

    #preview #order-preview[b-p9lbrml4zm] {
        background: white;
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 0.5em;
        margin-bottom: 2em;
    }

.checkmark-top[b-p9lbrml4zm], .checkmark-bottom[b-p9lbrml4zm] {
    display: flex;
    justify-content: center;
    background: rgba(13, 110, 253, 0.8);
    width: 100%;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    padding: 0.5em 0;
    height: 2em;
}


input[b-p9lbrml4zm], select[b-p9lbrml4zm] {
    width: 100%;
    position: relative;
    background: #C2D7BF;
}

#preview #order-preview .checkmark-bottom[b-p9lbrml4zm] {
    border-radius: 0;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
}

#preview #order-preview #header[b-p9lbrml4zm] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1em solid lightgrey;
    padding: 2em;
}

    #preview #order-preview #header .group[b-p9lbrml4zm] {
        display: flex;
        flex-direction: column;
    }

#preview #order-preview #body[b-p9lbrml4zm] {
    padding: 2em;
    width: 100%;
}

#preview .info[b-p9lbrml4zm] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5em;
}

#preview .right[b-p9lbrml4zm] {
    align-items: end;
}

#preview .info label[b-p9lbrml4zm] {
    font-family: 'Ubuntu-Light'
}

#preview .info span[b-p9lbrml4zm] {
    font-family: 'Ubuntu-Medium';
    font-size: 1.1em;
}

#preview-articles-list[b-p9lbrml4zm] {
    width: 100%;
    padding: 1em;
}

    #preview-articles-list ul[b-p9lbrml4zm] {
        width: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }

        #preview-articles-list ul li[b-p9lbrml4zm] {
            width: 100%;
            margin: 0;
            padding: 0;
            list-style-type: none;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 0.1em solid lightgrey;
            padding: 0.5em;
            position: relative;
        }

            #preview-articles-list ul li label[b-p9lbrml4zm] {
                width: 20%;
                word-wrap: break-word;
                position: relative;
            }

        #preview-articles-list ul .header[b-p9lbrml4zm] {
            font-family: 'Ubuntu-Bold';
            background: #d1d1d1;
            border-radius: 0.3em;
        }

        #preview-articles-list ul li .quantity[b-p9lbrml4zm]{
            width: 7%;
            text-align: center;
        }

        #preview-articles-list ul li .drawing-name[b-p9lbrml4zm] {
            width: 12%;
        }

        #preview-articles-list ul li .supplier-val[b-p9lbrml4zm] {
            width: 12%;
        }

        #preview-articles-list ul li .total-quantity[b-p9lbrml4zm],
        #preview-articles-list ul li .quantity-in-module[b-p9lbrml4zm] {
            width: 10%;
            text-align: center;
        }

        #preview-articles-list ul li .amount[b-p9lbrml4zm],
        #preview-articles-list ul li .date[b-p9lbrml4zm] {
            width: 10%;
            text-align: right;
        }

        #preview-articles-list ul li .date[b-p9lbrml4zm] {
            width: 17%;
            display: flex;
            justify-content: end;
            position: relative;
        }

        #preview-articles-list ul li .show-details-btn[b-p9lbrml4zm]{
            width: 10em;
            font-size: 0.8em !important;
        }

        #preview-articles-list ul li .show-details-btn i[b-p9lbrml4zm] {
            margin-right: 0.3em;
        }

        #preview-articles-list ul li .details[b-p9lbrml4zm]{
            width: 25%;
            display: flex;
            flex-direction: column;
            word-break: break-all;
        }

.details-row[b-p9lbrml4zm] {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-bottom: 0.5em;
    background: rgba(13, 110, 253, 0.3);
    padding: 0.2em 0.8em;
    border-radius: 1em;
}

    .details-row .op-name[b-p9lbrml4zm] {
        font-size: 0.85em;
        font-family: 'Ubuntu-Medium';
    }

    .details-row .op-desc[b-p9lbrml4zm] {
        font-size: 0.7em;
        margin-top: 0.5em;
    }

#preview-articles-list ul li .details .details-row-to-do[b-p9lbrml4zm] {
    background: rgba(211, 211, 211, 0.4);
    opacity: 0.6;
}

#preview-articles-list ul li .details .details-row-in-progress[b-p9lbrml4zm] {
    background: rgba(13, 110, 253, 0.3);
}

#preview-articles-list ul li .details .details-row-completed[b-p9lbrml4zm] {
    background: rgba(205, 254, 194, 0.8);
}

#btns[b-p9lbrml4zm] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 1em;
}


.article-status[b-p9lbrml4zm] {
    text-align: center;
}

    .article-status span[b-p9lbrml4zm] {
        border-radius: 2em;
        text-align: center;
        width: auto;
        display: inline-flex;
        padding: 0.3em 1.5em;
        word-break: break-all;
        font-family: 'Ubuntu-Medium';
        font-size: 0.8em;
    }

        .article-status span img[b-p9lbrml4zm] {
            width: 1.2em;
            height: 1.2em;
            margin-right: 0.5em;
        }


.article-order-created span[b-p9lbrml4zm] {
    background: rgba(236, 236, 236, 0.8);
}

.article-order-in-progress span[b-p9lbrml4zm] {
    background: rgba(137, 196, 244, 0.8);
}

.article-order-finished span[b-p9lbrml4zm] {
    background: rgba(205, 254, 194, 0.8);
}

.article-disabled-for-me label[b-p9lbrml4zm]{
    opacity: 0.5;
}

.article-disabled-for-me[b-p9lbrml4zm] {
    background: #f5f5f5;
}

.article-disabled-for-me button[b-p9lbrml4zm] {
    background: white;
}

.article-disabled-for-me .article-status span[b-p9lbrml4zm] {
    border: 0.01em solid black;
}

.taken[b-p9lbrml4zm] {
    font-size: 0.9em;
    font-family: 'Ubuntu-Medium';
    padding: 0.3em 0.8em;
    background: lightgray;
    border-radius: 1em;
    border: 0.1em solid #d9534f;
    color: #d9534f;
}

.taken i[b-p9lbrml4zm] {
    margin-right: 0.3em;
}

.btn-outline-primary:hover[b-p9lbrml4zm] {
    background:#0d6efd 
}
/* _content/ArasWeb/Pages/Planning/BuyerPlanInput.razor.rz.scp.css */
#buyer-plan-creation[b-xggr33qsp5] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    overflow-y: scroll;
}

#buyer-plan-form[b-xggr33qsp5] {
    width: 80%;
    padding: 1em;
    border-radius: 1em;
    background: white;
}

.buyer-plan-input[b-xggr33qsp5] {
    padding: 0 1em !important;
}

.plan-group-details[b-xggr33qsp5] {
    padding: 1em;
}

.plan-group-item-wrapper[b-xggr33qsp5] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
}

.plan-group-item[b-xggr33qsp5] {
    width: 28%;
}

.plan-group-item-quarterly[b-xggr33qsp5] {
    width: 60%;
    display: flex;
    align-items: center;
}

.plan-group-label[b-xggr33qsp5] {
    font-family: 'Ubuntu-Medium' !important;
    font-size: 1.2em !important;
}

.plan-group[b-xggr33qsp5] {
    display: flex;
    flex-direction: column;
    padding-bottom: 1em;
    border-bottom: 0.1em solid lightgray;
    margin-top: 1em;
}

    .plan-group button[b-xggr33qsp5] {
        align-self: end;
        font-family: 'Ubuntu-Bold';
        padding: 0.4em 0.8em;
        border-radius: 0.4em;
    }

.no-plan-data-label[b-xggr33qsp5] {
    font-family: 'Ubuntu-Light' !important;
    font-size: 0.8em;
    color: gray;
    font-style: italic
}

.remove-btn[b-xggr33qsp5] {
    color: #d9534f;
    cursor: pointer;
}

.create-or-alter-plan-btn[b-xggr33qsp5] {
    margin-left: auto;
    margin-top: 1em;
}

.weekly-planned-amount[b-xggr33qsp5] {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    align-items: end;
}

    .weekly-planned-amount div[b-xggr33qsp5] {
        width: 30%;
    }

    .weekly-planned-amount i[b-xggr33qsp5] {
        margin-right: 0.5em;
    }


.buttons[b-xggr33qsp5] {
    padding: 1em;
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
/* _content/ArasWeb/Pages/Planning/BuyerPlansOverview.razor.rz.scp.css */
#buyers-container[b-3aayhx39o4] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.buyers-list-container .list-header[b-3aayhx39o4] {
    background: rgba(13, 110, 253, 0.1);
}

.buyers-list-container[b-3aayhx39o4] {
    background: white;
    border-radius: 0.5em;
    width: 100%;
    height: 85%;
}

#buyers-list[b-3aayhx39o4] {
    width: 100%;
}

#buyers-container .item-details[b-3aayhx39o4] {
    text-align: left;
    width: 85%;
}

#buyers-container .item-details label[b-3aayhx39o4] {
    text-align: left;
    word-break: break-all;
}
/* _content/ArasWeb/Pages/Planning/BuyersDashboard.razor.rz.scp.css */
#wrapper[b-14ymcgbfl1] {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

#wrapper header[b-14ymcgbfl1] {
    display: flex;
    justify-content: space-between;
}

#wrapper header a[b-14ymcgbfl1]{
    font-family: 'Ubuntu-Bold'
}

#statistics[b-14ymcgbfl1] {
    height: auto;
}

#time-period-numbers[b-14ymcgbfl1] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin: 1em 0;
}

.time-period-data[b-14ymcgbfl1]{
    /* width: 30%*/
    width: 49%;
    height: 100%;
    min-height: 20em;
    background: white;
    padding: 2em;
    border-radius: 1em;
}

    .time-period-data .data-type[b-14ymcgbfl1] {
        font-family: 'Ubuntu-Medium';
        width: 100%;
        margin-bottom: 1em;
        color: #054463;
        font-size: 1.5em;
    }

    .time-period-data .completed-amount[b-14ymcgbfl1] {
        font-family: 'Ubuntu-Bold';
        width: 100%;
        margin: 1em 0;
        color: #054463;
        font-size: 1.6em;
        margin-bottom: 1.5em;
    }

    .time-period-data .additional-data[b-14ymcgbfl1] {
        font-family: 'Ubuntu-Light';
        font-size: 0.85em;
    }

    .progress-bar-box[b-14ymcgbfl1] {
        width: 100%;
    }

    .progress-bar-line[b-14ymcgbfl1] {
        width: 100%;
        height: 1em;
        background: lightgray;
        display: block;
        border-radius: 1em;
        margin-top: 1em;
    }

        .progress-bar-line div[b-14ymcgbfl1] {
            height: 1em;
            background: #547c8c;
            border-radius: 1em;
        }

.low .progress-bar-line div[b-14ymcgbfl1] {
    background: #d9534f
}

.medium .progress-bar-line div[b-14ymcgbfl1] {
    background: #5bc0de
}

.low .metrics-label[b-14ymcgbfl1] {
    color: #d9534f;
    font-family: 'Ubuntu-Bold'
}

.medium .metrics-label[b-14ymcgbfl1] {
    color: #5bc0de;
    font-family: 'Ubuntu-Bold'
}

.time-period-data .numbers[b-14ymcgbfl1] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 0.9em;
    font-family: 'Ubuntu-Light'
}

.time-period-data .buyers-count[b-14ymcgbfl1], .realized[b-14ymcgbfl1], .no-plan-created[b-14ymcgbfl1] {
    font-family: 'Ubuntu-Medium';
    color: #054463;
    width: 100%;
    margin-top: 1em;
}

.additional-info[b-14ymcgbfl1] {
    font-family: 'Ubuntu-Medium';
    color: #054463;
    width: 100%;
}

.realized[b-14ymcgbfl1] {
    color: #0275d8;
    font-family: 'Ubuntu-Bold';
    font-size: 1.1em;
}

.realized-box[b-14ymcgbfl1] {
    background: rgba(2, 117, 216, 0.1)
}

.no-plan-created[b-14ymcgbfl1] {
    font-family: 'Ubuntu-Bold';
    font-size: 1em;
    color: #d9534f
}

.time-period-data .comparison[b-14ymcgbfl1] {
    font-size: 0.9em;
    font-family: 'Ubuntu-Light';
    margin-top: 0.5em;
}

time-period-data i[b-14ymcgbfl1] {    
    margin-right: 0.5em;
}
.positive-value i[b-14ymcgbfl1], .positive-value span[b-14ymcgbfl1] {
    color: #0275d8;
    font-weight: bold;
}

.negative-value i[b-14ymcgbfl1], .negative-value span[b-14ymcgbfl1] {
    color: #d9534f;
    font-weight: bold;
}

.no-change-value i[b-14ymcgbfl1], .no-change-value span[b-14ymcgbfl1] {
    color: #5cb85c;
    font-weight: bold;
}

#custom-charts[b-14ymcgbfl1] {
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 1em;
    border-radius: 1em;
    margin-bottom: 1em;
}


.chart[b-14ymcgbfl1] {
    width: 49%;
    margin-bottom: 1em;
    margin-top: .5em;
    height: auto;
}

.overall-chart[b-14ymcgbfl1] {
    width: 60% !important;
    justify-self: center;
    margin-left: 20%;
    margin-right: 20%
}

.pie-chart[b-14ymcgbfl1] {
    width: 49%;
}

#ordered-vs-planned-chart[b-14ymcgbfl1] {
    width: 49%;
    margin: 0;
}

.chart-container[b-14ymcgbfl1] {
    width: 100%;
    position: relative;
    background: white;
    padding: 1em;
    border-radius: 1em;
}

#charts[b-14ymcgbfl1] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#custom-charts #filters[b-14ymcgbfl1] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: white;
    padding: 1em;
    border-radius: 1em;
    font-size: 0.9em;
}

#custom-charts #filters .filter[b-14ymcgbfl1] {
    height: auto;
    width: 30%;
    position: relative;
    margin-top: .8em;
}

#custom-charts #selecting-buyer[b-14ymcgbfl1] {
    width: 100%;
    position: relative;
}

#custom-charts #data[b-14ymcgbfl1] {
    width: 100%;
    display: flex;
    height: auto;
    flex-direction: column;
}

#multiselect-filter[b-14ymcgbfl1] {
    position: relative;
    cursor: pointer;
}

    #multiselect-filter #available-options[b-14ymcgbfl1] {
        position: absolute;
        background: white;
        border: 0.1em solid gray;
        z-index: 9999;
        border-radius: .5em;
        cursor: pointer;
        height: 25em;
        width: 30em;
        display: flex;
        flex-direction: column;
        padding: 0.8em;
    }

        #multiselect-filter #available-options .available-opt-list[b-14ymcgbfl1] {
            display: flex;
            position: relative;
            flex-direction: column;
            height: 85%;
            padding: 1em;
            overflow-y: scroll;
        }

        #multiselect-filter #available-options .available-opt[b-14ymcgbfl1] {
            margin: 0.3em 0;
            border-bottom: 0.05em solid lightgray;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }

    #multiselect-filter #available-options #buttons[b-14ymcgbfl1] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-bottom: 0.1em solid lightgray;
        padding: 0.5em;
        height: 15%;
    }

    #multiselect-filter #available-options #buttons .reset-all[b-14ymcgbfl1]{
        background: transparent;
        border: none;
        color: darkgray;
        text-decoration: underline;
        padding: 0;
    }

        #multiselect-filter #available-options .available-opt .checkbox[b-14ymcgbfl1] {
            width: 1em;
            height: 100%;
            display: block;
            cursor: pointer;
        }

        #multiselect-filter #available-options .available-opt label[b-14ymcgbfl1] {
            text-align: left;
            width: 85%;
        }



#area-chart-wrapper[b-14ymcgbfl1] {
    width: 80%;
    background: white;
    border-radius: 1em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
    margin: 0 10%;
    margin-top: 1em;
}

#area-chart-wrapper .chart[b-14ymcgbfl1] {
    width: 90%;
}

    #area-chart-wrapper #buyer-selector-filter[b-14ymcgbfl1]{
        width: auto;
        padding: 1em;
        margin-bottom: 1em;
        padding-right: 15em;
    }

    #area-chart-wrapper #buyer-selector-filter p[b-14ymcgbfl1] {
        font-style: italic;
    }

        #area-chart-wrapper #buyer-selector-filter label[b-14ymcgbfl1] {
           margin-bottom: .5em;
        }


#generate-pdf[b-14ymcgbfl1] {
    font-family: 'Ubuntu-Medium';
    border: 0.01em solid gray;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

    #generate-pdf img[b-14ymcgbfl1] {
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.5em;
    }
/* _content/ArasWeb/Pages/Planning/BuyersPlanDetails.razor.rz.scp.css */
#buyer-plan-details-wrapper[b-aixuuk1s5r] {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

h4[b-aixuuk1s5r] {
    text-align: center;
}

#buyer-plan-details[b-aixuuk1s5r] {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

#buyer-details[b-aixuuk1s5r] {
    width: 65%;
    background: white;
    border-radius: 1em;
    padding: 1em 3em;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}

.buyer-details-box[b-aixuuk1s5r]{
    display: flex;
    flex-direction: column;
}

.buyer-details-box label[b-aixuuk1s5r] {
    font-family: 'Ubuntu-Medium';
    font-size: 1.2em;
}

    .buyer-details-box span[b-aixuuk1s5r] {
        font-family: 'Ubuntu-Light';
        font-size: 0.9em;
    }

#plans[b-aixuuk1s5r] {
    width: 65%;
    height: 90%;
    background: white;
    border-radius: 1em;
    padding: 1em;
    display: flex;
    flex-direction: column;
}

#plans-list[b-aixuuk1s5r] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1em;
}

.plan-param[b-aixuuk1s5r] {
    display: flex;
    flex-direction: column;
    border-right: 0.06em solid lightgray;
    width: 50%;
    padding: 0.5em;
}

.plan-row[b-aixuuk1s5r] {
    width: 100%;
    display: flex;
    border: 0.06em solid lightgray;
}

.plan-param span[b-aixuuk1s5r] {
    font-family: 'Ubuntu-Light';
    font-size: 0.85em;
}

#year-tabs[b-aixuuk1s5r] {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-evenly;
    background: #ededed;
    border-radius: 0.5em;
    margin: 1em 0;
    color: white;
}

    #year-tabs label[b-aixuuk1s5r] {
        padding: 0.8em;
        cursor: pointer;
        border-radius: 0.5em;
    }

.selected-year[b-aixuuk1s5r] {
    background: rgba(4, 52, 76, 0.5) !important;
    color: white;
    font-family: 'Ubuntu-Bold';
}

.offer-info[b-aixuuk1s5r] {
    font-size: 0.8em !important;
    display: flex;
    justify-content: start;
    align-items: center;
    background: rgba(2, 117, 216, 0.2);
    padding: 0 0.3em;
    border-radius: 0.5em;
}

.offer-info button[b-aixuuk1s5r] {
    outline: none;
    background: transparent;
    border: none;
    padding: 0;
    color: #0275d8;
    font-family: 'Ubuntu-Regular';
    text-decoration: underline;
    margin-left: 0.3em;
}

.create-or-alter-plan-btn[b-aixuuk1s5r] {
    margin-left: auto;
}
/* _content/ArasWeb/Pages/Planning/Menu.razor.rz.scp.css */
#wrapper[b-meqj7gvd8u] {
    width: 100%;
    height: 100%;
}

#menu[b-meqj7gvd8u] {
    width: 100%;
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}


.menu-item[b-meqj7gvd8u] {
    width: 30%;
    background: white;
    margin: 1em 0;
    padding: 1em 2em;
    border-radius: 1em;    
    color: rgb(4, 52, 76);
    cursor: pointer;
    border: 0.1em solid lightgray;
}

    .menu-item label[b-meqj7gvd8u] {
        width: 100%;
        text-transform: uppercase;
        font-family: 'Ubuntu-Bold';
        font-size: 1.3em;
        text-align: center;
    }

    .menu-item:hover[b-meqj7gvd8u] {
        background: rgba(4, 52, 76, 0.2);
        cursor: pointer;
    }

    .disabled[b-meqj7gvd8u] {
        opacity: 0.5;
        cursor: default;
    }

    .disabled:hover[b-meqj7gvd8u] {
        background: transparent;
        cursor: not-allowed
    }

.menu-item ul[b-meqj7gvd8u] {
    width: 100%;
    margin-top: 1em;
    list-style-type: none;
}

.menu-item ul li[b-meqj7gvd8u] {
    color: #0071c1
}

.menu-item ul li a[b-meqj7gvd8u] {
   text-decoration: none;
}

    .menu-item ul li a:hover[b-meqj7gvd8u] {
        text-decoration: underline;
    }
/* _content/ArasWeb/Pages/Prices/PriceList.razor.rz.scp.css */
.item-details[b-w49zpx4q5r] {
    width: 90%;
}

.add-item-open-modal[b-w49zpx4q5r] {
    margin-left: auto;
    margin-right: 1em;
}

.list .item-details label[b-w49zpx4q5r] {
    font-size: 0.9em;
    text-align: left;
}

.price-item-prop[b-w49zpx4q5r] {
    margin-bottom: 1em;
    display: flex;
    flex-direction: column;
}

.readonly input[b-w49zpx4q5r]{
    background: lightgray;
    cursor: default;
}

.add-open-modal[b-w49zpx4q5r]{
    justify-self: end;
    margin-left: auto;
    margin-right: 1em;
}
/* _content/ArasWeb/Pages/Reclamations/AddReclamation.razor.rz.scp.css */
#add-defect-container[b-m6okes4j2v] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    overflow-y: scroll;
}

#add-defect[b-m6okes4j2v] {
    width: 50%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.add-defect-form[b-m6okes4j2v] {
    width: 100%;
    background: white;
    padding: 1em;
    border-radius: 1em;
    margin-bottom: 1em;
}

.btn-danger[b-m6okes4j2v] {
    margin-left: auto;
}

.modal-input-box[b-m6okes4j2v] {
    margin-bottom: 0.5em;
    position: relative;
}

    .modal-input-box label[b-m6okes4j2v] {
        margin-bottom: 0.3em;
        font-family: 'Ubuntu-Light';
        font-size: 0.9em;
    }

#defect-list-header[b-m6okes4j2v] {
    background: rgba(217, 83, 79, 0.2);
}

    #defect-list-header span label[b-m6okes4j2v],
    #defects-list span label[b-m6okes4j2v] {
        width: 15%;
    }

    #defect-list-header .full-text[b-m6okes4j2v],
    #defects-list .full-text[b-m6okes4j2v] {
        word-break: break-all;
        width: 20%;
    }

    #defect-list-header .quantity[b-m6okes4j2v],
    #defects-list .quantity[b-m6okes4j2v] {
        width: 7%;
        text-align: center;
    }

#defects-list span[b-m6okes4j2v] {
    display: inline-flex;
    align-items: center;
}

#defects-list img[b-m6okes4j2v] {
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
}

.made-by-worker[b-m6okes4j2v] {
    color: #d9534f;
    font-family: 'Ubuntu-Medium';
}

#report-btn[b-m6okes4j2v] {
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: 1em;
}

.fa-person-circle-exclamation[b-m6okes4j2v] {
    margin-right: 0.5em;
}

#price label[b-m6okes4j2v] {
    font-family: 'Ubuntu-Medium';
}

#price span[b-m6okes4j2v] {
    color: #dc3545;
    font-family: 'Ubuntu-Medium';
    background: #e9ecef;
}

#search-component[b-m6okes4j2v] {
    position: absolute;
    width: 40em;
    height: 20em;
    top: 100%;
    right: 0;
    border-radius: 1em;
    border: 0.1em solid gray;
    padding: 1em;
    background: white;
    z-index: 10000;
}

#close-btn[b-m6okes4j2v] {
    width: 100%;
    display: flex;
    justify-content: end;
}

#search-list-wrapper[b-m6okes4j2v] {
    width: 100%;
    height: 90%;
    overflow-y: scroll;
}

.search-list[b-m6okes4j2v] {
    width: 100%;
    height: auto;
}

    .search-list h6[b-m6okes4j2v] {
        font-family: 'Ubuntu-Medium';
        background: #ececec;
        padding: 0.5em;
        border-radius: .5em;
        margin: 0.5em 0;
    }

.search-item[b-m6okes4j2v] {
    width: 98%;
    position: relative;
    display: flex;
    justify-content: start;
    margin: 0.3em;
    border-bottom: 0.01em solid lightgray;
    padding: 0.3em;
}

.search-item-field[b-m6okes4j2v] {
    width: auto;
    margin-right: 0.8em;
    display: flex;
    flex-direction: column;
    width: 50%;
}

    .search-item-field label[b-m6okes4j2v] {
        font-family: 'Ubuntu-Medium';
        word-break: break-all;
    }

    .search-item-field span[b-m6okes4j2v] {
        font-family: 'Ubuntu-Light';
        font-size: 0.8em;
    }

#search-placeholder[b-m6okes4j2v] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0.8;
}

    #search-placeholder i[b-m6okes4j2v] {
        font-size: 6em;
        opacity: 0.7;
        margin-bottom: 0.1em;
    }

    #search-placeholder p[b-m6okes4j2v] {
        color: gray;
    }

.btn-item[b-m6okes4j2v] {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-left: auto;
}

    .btn-item button[b-m6okes4j2v] {
        padding: 0.2em 0.8em;
        border-radius: 0.5em;
    }

.optional[b-m6okes4j2v] {
    font-size: 0.9em;
    font-family: 'Ubuntu-Italic';
}


#calculated-material-params[b-m6okes4j2v] {
    background: rgba(13, 110, 253, 0.2);
    border-radius: 0.3em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: end;
    font-size: 1.1rem;
    color: #14425a;
    font-family: 'Ubuntu-Medium';
    margin: 1em 0;
}

    #calculated-material-params div[b-m6okes4j2v] {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

#buttons[b-m6okes4j2v] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0.8em 0;
}
/* _content/ArasWeb/Pages/Reclamations/EditReclamation.razor.rz.scp.css */
#add-defect-container[b-07c5v91lk4] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    overflow-y: scroll;
}

#add-defect[b-07c5v91lk4] {
    width: 50%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.add-defect-form[b-07c5v91lk4] {
    width: 100%;
    background: white;
    padding: 1em;
    border-radius: 1em;
    margin-bottom: 1em;
}

.btn-danger[b-07c5v91lk4] {
    margin-left: auto;
}

.modal-input-box[b-07c5v91lk4] {
    margin-bottom: 0.5em;
    position: relative;
}

    .modal-input-box label[b-07c5v91lk4] {
        margin-bottom: 0.3em;
        font-family: 'Ubuntu-Light';
        font-size: 0.9em;
    }

#defect-list-header[b-07c5v91lk4] {
    background: rgba(217, 83, 79, 0.2);
}

    #defect-list-header span label[b-07c5v91lk4],
    #defects-list span label[b-07c5v91lk4] {
        width: 15%;
    }

    #defect-list-header .full-text[b-07c5v91lk4],
    #defects-list .full-text[b-07c5v91lk4] {
        word-break: break-all;
        width: 20%;
    }

    #defect-list-header .quantity[b-07c5v91lk4],
    #defects-list .quantity[b-07c5v91lk4] {
        width: 7%;
        text-align: center;
    }

#defects-list span[b-07c5v91lk4] {
    display: inline-flex;
    align-items: center;
}

#defects-list img[b-07c5v91lk4] {
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
}

.made-by-worker[b-07c5v91lk4] {
    color: #d9534f;
    font-family: 'Ubuntu-Medium';
}

#report-btn[b-07c5v91lk4] {
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: 1em;
}

.fa-person-circle-exclamation[b-07c5v91lk4] {
    margin-right: 0.5em;
}

#price label[b-07c5v91lk4] {
    font-family: 'Ubuntu-Medium';
}

#price span[b-07c5v91lk4] {
    color: #dc3545;
    font-family: 'Ubuntu-Medium';
    background: #e9ecef;
}

#search-component[b-07c5v91lk4] {
    position: absolute;
    width: 40em;
    height: 20em;
    top: 100%;
    right: 0;
    border-radius: 1em;
    border: 0.1em solid gray;
    padding: 1em;
    background: white;
    z-index: 10000;
}

#close-btn[b-07c5v91lk4] {
    width: 100%;
    display: flex;
    justify-content: end;
}

#search-list-wrapper[b-07c5v91lk4] {
    width: 100%;
    height: 90%;
    overflow-y: scroll;
}

.search-list[b-07c5v91lk4] {
    width: 100%;
    height: auto;
}

    .search-list h6[b-07c5v91lk4] {
        font-family: 'Ubuntu-Medium';
        background: #ececec;
        padding: 0.5em;
        border-radius: .5em;
        margin: 0.5em 0;
    }

.search-item[b-07c5v91lk4] {
    width: 98%;
    position: relative;
    display: flex;
    justify-content: start;
    margin: 0.3em;
    border-bottom: 0.01em solid lightgray;
    padding: 0.3em;
}

.search-item-field[b-07c5v91lk4] {
    width: auto;
    margin-right: 0.8em;
    display: flex;
    flex-direction: column;
    width: 50%;
}

    .search-item-field label[b-07c5v91lk4] {
        font-family: 'Ubuntu-Medium';
        word-break: break-all;
    }

    .search-item-field span[b-07c5v91lk4] {
        font-family: 'Ubuntu-Light';
        font-size: 0.8em;
    }

#search-placeholder[b-07c5v91lk4] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0.8;
}

    #search-placeholder i[b-07c5v91lk4] {
        font-size: 6em;
        opacity: 0.7;
        margin-bottom: 0.1em;
    }

    #search-placeholder p[b-07c5v91lk4] {
        color: gray;
    }

.btn-item[b-07c5v91lk4] {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-left: auto;
}

    .btn-item button[b-07c5v91lk4] {
        padding: 0.2em 0.8em;
        border-radius: 0.5em;
    }

.optional[b-07c5v91lk4] {
    font-size: 0.9em;
    font-family: 'Ubuntu-Italic';
}


#calculated-material-params[b-07c5v91lk4] {
    background: rgba(13, 110, 253, 0.2);
    border-radius: 0.3em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: end;
    font-size: 1.1rem;
    color: #14425a;
    font-family: 'Ubuntu-Medium';
    margin: 1em 0;
}

    #calculated-material-params div[b-07c5v91lk4] {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

#buttons[b-07c5v91lk4] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0.8em 0;
}

#buttons button[b-07c5v91lk4] {
    margin: 0;
}
/* _content/ArasWeb/Pages/Reclamations/Reclamations.razor.rz.scp.css */
#offers[b-zy415kjzvf] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#offers-list .list-header[b-zy415kjzvf] {
    background: rgba(217, 83, 79, 0.2)
}

#offers-container[b-zy415kjzvf] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 90%;
    border-radius: 0.5em;
    background: white;
    padding: 1em 0;
}

#offer-filters[b-zy415kjzvf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 1em;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
}

.filter-box[b-zy415kjzvf] {
    margin-right: 1em;
    display: flex;
    flex-direction: column;
}

    .filter-box label[b-zy415kjzvf] {
        margin-bottom: 0.5em;
    }

    .filter-box select[b-zy415kjzvf] {
        width: 15em;
        padding: 0.5em 0.2em;
    }

    .filter-box img[b-zy415kjzvf] {
        width: 1em;
        height: 1em;
        margin: 0 0.5em;
    }

#offers-list[b-zy415kjzvf] {
    width: 100%;
    height: 80%;
}


#add-reclamation-btn[b-zy415kjzvf] {
    margin: 0 2em 1em auto;
}

    #add-reclamation-btn i[b-zy415kjzvf] {
        margin-right: 0.5em;
    }


#search-and-report[b-zy415kjzvf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
    margin-left: auto;
}

#generate-pdf[b-zy415kjzvf] {
    font-family: 'Ubuntu-Medium';
    margin-bottom: auto;
    border: 0.01em solid gray;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    background: white;
    color: black;
    margin-right: 1em;
}

    #generate-pdf img[b-zy415kjzvf] {
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.5em;
    }
/* _content/ArasWeb/Pages/RepeatedOrderArticles/RepeatRequestDetails.razor.rz.scp.css */
#request-container[b-kpas5ijgi1] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    overflow-y: scroll;
}

#request[b-kpas5ijgi1] {
    width: 50%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.request-form[b-kpas5ijgi1] {
    width: 100%;
    background: white;
    padding: 1em;
    border-radius: 1em;
    margin-bottom: 1em;
}


.btn-primary[b-kpas5ijgi1] {
    margin-left: auto;
}

.modal-input-box[b-kpas5ijgi1] {
    width: 48%;
    margin-bottom: 0.5em;
}

    .modal-input-box label[b-kpas5ijgi1] {
        margin-bottom: 0.3em;
        font-family: 'Ubuntu-Light';
        font-size: 0.9em;
    }

.row-wrapper[b-kpas5ijgi1] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5em;
}

.value[b-kpas5ijgi1] {
    display: flex;
    flex-direction: column;
    font-family: 'Ubuntu-Regular'
}

.date-and-user img[b-kpas5ijgi1] {
    width: 1.2em;
}

.date-and-user img[b-kpas5ijgi1], .date-and-user i[b-kpas5ijgi1] {
    margin-right: 0.5em;
}

.made-by-worker[b-kpas5ijgi1] {
    color: #d9534f;
    font-family: 'Ubuntu-Medium';
    flex-direction: row;
    align-items: center;
}

.fa-person-circle-exclamation[b-kpas5ijgi1] {
    margin-right: 0.5em;
}

.search-component[b-kpas5ijgi1] {
    width: 100%;
    position: relative;
}

#resolve-request[b-kpas5ijgi1] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 5em 10em;
}

#resolve-request #description[b-kpas5ijgi1] {
    width: 100%;
    margin-bottom: 2em;
}

#resolve-request #selection[b-kpas5ijgi1] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    #resolve-request #selection button[b-kpas5ijgi1] {
        background: transparent;
        font-family: 'Ubuntu-Bold';
        border: 0.2em solid gray;
        color: gray;
        width: 45%;
    }

    #resolve-request #selection #yes[b-kpas5ijgi1] {
        color: #70bc64;
        border: 0.2em solid #70bc64;
    }

        #resolve-request #selection #yes:hover[b-kpas5ijgi1] {
            background: #70bc64;
            color: white;
        }

    #resolve-request #selection #no[b-kpas5ijgi1] {
        color: rgb(217, 83, 79);
        border: 0.2em solid rgb(217, 83, 79);
    }

    #resolve-request #selection #no:hover[b-kpas5ijgi1] {
        color: white;
        background: rgb(217, 83, 79);
    }

.status-bar-approved[b-kpas5ijgi1],
.status-bar-declined[b-kpas5ijgi1] {
    width: 100%;
    display: flex;
    justify-content: center;
    border-radius: 0.5em;
    padding: 1em;
}

.status-bar-declined[b-kpas5ijgi1] {
    background: rgba(217, 83, 79, 0.3);
    font-size: 1.5em;
}

.status-bar-approved[b-kpas5ijgi1] {
    background: rgba(92, 184, 92, 0.3)
}

.status-bar-approved img[b-kpas5ijgi1] {
    width: 1.5em;
}
/* _content/ArasWeb/Pages/RepeatedOrderArticles/RepeatRequests.razor.rz.scp.css */
#requests[b-untsr3slx7] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#requests-container[b-untsr3slx7] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 90%;
    border-radius: 0.5em;
    background: white;
    padding: 1em;
}

#requests-list[b-untsr3slx7] {
    width: 100%;
    height: 80%;
}

.list-wrapper[b-untsr3slx7] {
    padding: 0;
}

.request-status span[b-untsr3slx7] {
    border-radius: 2em;
    width: auto;
    padding: 0.3em 1.5em;
    word-break: break-all;
    font-family: 'Ubuntu-Medium';
    font-size: 0.8em;
    justify-content: center;
    width: 11em;
}

.request-status img[b-untsr3slx7] {
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.5em;
}

.request-status i[b-untsr3slx7] {
    margin-right: 0.8em;
    color: rgb(217, 83, 79);
}

.approved span[b-untsr3slx7] {
    background: rgba(205, 254, 194, 0.8)
}

.pending span[b-untsr3slx7] {
    background: rgba(236, 236, 236, 0.8)
}

.declined span[b-untsr3slx7] {
    background: rgba(217, 83, 79, 0.5)
}

#create-btn[b-untsr3slx7] {
    margin-left: auto;
}

.list-item span label[b-untsr3slx7] {
    width: 18%
}

.made-by-employee[b-untsr3slx7] {
    color: #d9534f;
    font-family: 'Ubuntu-Medium';
}


#search-and-report[b-untsr3slx7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
    margin-left: auto;
}

#generate-pdf[b-untsr3slx7] {
    font-family: 'Ubuntu-Medium';
    margin-bottom: auto;
    border: 0.01em solid gray;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    background: white;
    color: black;
    margin-right: 1em;
}

    #generate-pdf img[b-untsr3slx7] {
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.5em;
    }

#filters[b-untsr3slx7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 1em;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
    margin-bottom: 1em;
}

.filter-box[b-untsr3slx7] {
    margin-right: 2em;
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 20%;
}

    .filter-box label[b-untsr3slx7] {
        width: auto;
        margin-right: 1em;
        text-align: right;
    }

    .filter-box img[b-untsr3slx7] {
        width: 1em;
        height: 1em;
        margin-right: 0.5em;
    }

.search-box-wrapper[b-untsr3slx7] {
    width: 100%;
}
/* _content/ArasWeb/Pages/RepeatedOrderArticles/RequestOrderArticleRecreation.razor.rz.scp.css */
#request-container[b-qhj3cbvosq] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    overflow-y: scroll;
}

#request[b-qhj3cbvosq] {
    width: 50%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.request-form[b-qhj3cbvosq] {
    width: 100%;
    background: white;
    padding: 1em;
    border-radius: 1em;
    margin-bottom: 1em;
}

.btn-primary[b-qhj3cbvosq] {
    margin-left: auto;
}

.modal-input-box[b-qhj3cbvosq] {
    width: 100%;
    margin-bottom: 1em;
}

    .modal-input-box label[b-qhj3cbvosq] {
        margin-bottom: 0.3em;
        font-family: 'Ubuntu-Light';
        font-size: 0.9em;
    }

.search-component[b-qhj3cbvosq] {
    width: 100%;
    position: relative;
}

.list-placeholder[b-qhj3cbvosq], .empty-ops[b-qhj3cbvosq] {
    background: #e1e1e1;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
    padding: 1em;
    border-radius: .5em;
    opacity: 0.8;
}

.operations ul[b-qhj3cbvosq] {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .operations ul li[b-qhj3cbvosq] {
        list-style-type: none;
        font-size: 0.9em;
        padding: 0.8em;
        background: rgba(13, 110, 253, 0.1);
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 0.3em;
        border-radius: 0.5em;
    }

.operations ul li .activity[b-qhj3cbvosq] {
    width: 100%;
    display: flex;
    justify-content: start;
}

    .operations ul li .activity-name[b-qhj3cbvosq] {
        font-family: 'Ubuntu-Bold';
        width: 100%;
    }

    .operations ul li .activity-details[b-qhj3cbvosq] {
        display: flex;
        font-size: 0.85em;
        padding: 0.5em;
        justify-content: space-between;
        width: 90%;
    }

.checkbox-box[b-qhj3cbvosq]{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1em;
}

.checkbox-box input[b-qhj3cbvosq] {
    cursor: pointer;
}
.activity-details span[b-qhj3cbvosq] {
    text-align: left;
}
/* _content/ArasWeb/Pages/Reports/Reports.razor.rz.scp.css */
#reports-wrapper[b-k34jd9wwud] {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

#reports[b-k34jd9wwud] {
    width: 50%;
    background: white;
    border-radius: 0.5em;
    padding: 1em;
    margin-bottom: 2em;
    align-self: center;
}

#reports-container[b-k34jd9wwud] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
}

.data-box[b-k34jd9wwud] {
    width: 50%;
    margin: 1em 0;
    padding-right: 1em;
}

    .data-box label[b-k34jd9wwud] {
        width: 100%;
        margin-bottom: 0.5em;
        font-family: 'Ubuntu-Light';
        font-size: 0.9em;
    }

.full-width[b-k34jd9wwud]{
    width: 100%;
}

#order-article-picker[b-k34jd9wwud] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: start;
}

#order-article-picker div[b-k34jd9wwud] {
    width: auto;
    height: 100%;
    margin-right: 0.5em;
}

#order-article-picker label[b-k34jd9wwud] {
    width: auto;
}

#download-btns[b-k34jd9wwud] {
    width: 100%;
    display: flex;
    justify-content: end;
    padding: 0.5em;
}

.generate-btn[b-k34jd9wwud],
#preview-btn[b-k34jd9wwud] {
    margin-top: 1em;
    margin-left: auto;
}

.generate-btn[b-k34jd9wwud] {
    font-family: 'Ubuntu-Medium';
    border: 0.01em solid gray;
    background: white;
    color: black;
    border: 0.1em solid gray;
    margin-left: 1em;
}

    .generate-btn img[b-k34jd9wwud] {
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.5em;
    }

#generate-excel-btn[b-k34jd9wwud] {
    background: white;
    color: #3d783d;
    font-family: 'Ubuntu-Medium';
    border: 0.1em solid #5cb85c;
}

/*

    REPORT PREVIEW STYLE
*/

#report-preview[b-k34jd9wwud] {
    background: white;
    width: 100%;
    height: auto;
    padding: 2em;
    border-radius: 1em;
    font-family: Arial, sans-serif;
    margin: 0;
}

    #report-preview .header[b-k34jd9wwud] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2em
    }

    #report-preview .header-left[b-k34jd9wwud] {
        text-align: left;
    }

    #report-preview .date-label[b-k34jd9wwud],
    #report-preview[b-k34jd9wwud]  .employee-name label,
    #report-preview[b-k34jd9wwud]  .total-time label{
        font-size: 0.8em;
        font-weight: lighter;
        margin-bottom: 0;
    }

    #report-preview .date-value[b-k34jd9wwud] {        
        font-weight: normal;
    }

    #report-preview .header-right[b-k34jd9wwud] {
       display: flex;
       flex-direction: column;
       align-items: end;
    }

    #report-preview .header-right .logo[b-k34jd9wwud] {
        width: 200px;
        height: auto;
    }

    #report-preview[b-k34jd9wwud]  .title-section {
        text-align: center;
        margin-bottom: 3em;
    }

    #report-preview[b-k34jd9wwud]  .title {
        font-size: 1.2em;
        font-weight: bold;
    }

    #report-preview[b-k34jd9wwud]  .subtitle {
        font-size: 1em;
        font-weight: bold;
    }

    #report-preview[b-k34jd9wwud]  .activity-table {
        margin: 1em 0;
        width: 100%;
        border-collapse: collapse;
        border-radius: 0.5em;
    }

        #report-preview[b-k34jd9wwud]  .activity-table table {
            width: 100%;
        }

        #report-preview[b-k34jd9wwud]  .activity-table th, 
        [b-k34jd9wwud] .activity-table td {
            padding: 1em;
            border: 0.05em solid #ccc;
            text-align: left;
        }

        #report-preview[b-k34jd9wwud]  .activity-table th {
            background-color: #f1f1f1;
            font-weight: bold;
        }

        #report-preview[b-k34jd9wwud]  .activity-table td {
            font-size: 0.8em;
            color: #000;
            word-break: break-all;
        }    

    #report-preview .header-info[b-k34jd9wwud] {
        padding: 1em;
        text-align: right;
        font-weight: lighter;
        font-size: 0.8em;
        color: gray;
    }

        #report-preview .header-info p[b-k34jd9wwud] {
            margin: 0;
        }

        #report-preview .header-info #company-name[b-k34jd9wwud] {
            font-weight: bold;
            color: black;
        }


    #report-preview[b-k34jd9wwud]  .employee-name,
    #report-preview[b-k34jd9wwud]  .total-time {
        margin-top: 1em;
        display: flex;
        flex-direction: column;
    }

        #report-preview[b-k34jd9wwud]  .employee-name span,
        #report-preview[b-k34jd9wwud]  .total-time span {
            font-weight: bolder;
        }

    #report-preview[b-k34jd9wwud]  .total-time {
        margin-bottom: 2em;
        border-bottom: 0.05em solid lightgray;
        align-items: end;
        padding-bottom: 1em;
    }

    #report-preview[b-k34jd9wwud]  .warning {
        color: #DC4C64 !important;
        font-family: 'Ubuntu-Medium'
    }

/* Prevent breaking of table rows and important sections */
tr[b-k34jd9wwud], .header-info[b-k34jd9wwud], .tbl-box[b-k34jd9wwud] {
    page-break-inside: avoid; /* Prevent breaks inside rows or elements */
    break-inside: avoid;
}

/* Ensure consistent font size */
#reports-container[b-k34jd9wwud] {
    font-size: 16px; /* Adjust font size */
    line-height: 1.5; /* Improve readability */
}

/* Add padding to prevent content being clipped */
#reports-container[b-k34jd9wwud] {
    padding: 10px;
}
/* _content/ArasWeb/Pages/Reworks/ReworkOperations.razor.rz.scp.css */
#requests[b-62x2t2c8m1] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#requests-container[b-62x2t2c8m1] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 90%;
    border-radius: 0.5em;
    background: white;
    padding: 1em;
}

#requests-list[b-62x2t2c8m1] {
    width: 100%;
    height: 90%;
}

.list-wrapper[b-62x2t2c8m1] {
    padding: 0;
}

.request-status span[b-62x2t2c8m1] {
    border-radius: 2em;
    width: auto;
    padding: 0.3em 1.5em;
    word-break: break-all;
    font-family: 'Ubuntu-Medium';
    font-size: 0.8em;
    justify-content: center;
    width: 11em;
}

.request-status img[b-62x2t2c8m1] {
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.5em;
}

.request-status i[b-62x2t2c8m1] {
    margin-right: 0.8em;
    color: rgb(217, 83, 79);
}

.approved span[b-62x2t2c8m1] {
    background: rgba(205, 254, 194, 0.8)
}

.pending span[b-62x2t2c8m1] {
    background: rgba(236, 236, 236, 0.8)
}

.declined span[b-62x2t2c8m1] {
    background: rgba(217, 83, 79, 0.5)
}

#create-btn[b-62x2t2c8m1] {
    margin-left: auto;
}

.list-item span label[b-62x2t2c8m1] {
    width: 18%
}

.made-by-employee[b-62x2t2c8m1] {
    color: #d9534f;
    font-family: 'Ubuntu-Medium';
}


.disabled span[b-62x2t2c8m1] {
    background: #f5f5f5
}


#search-and-report[b-62x2t2c8m1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
    margin-left: auto;
}

#generate-excel[b-62x2t2c8m1] {
    margin-right: 1em;
    background: white;
    color: #3d783d;
    font-family: 'Ubuntu-Medium';
    border: 0.1em solid #5cb85c;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

    #generate-excel img[b-62x2t2c8m1] {
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.5em;
    }

#filters[b-62x2t2c8m1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 1em;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
    margin-bottom: 1em;
}

.filter-box[b-62x2t2c8m1] {
    margin-right: 2em;
    display: flex; 
    flex-direction: column;
    align-items: start;
    width: 20%;
}

    .filter-box label[b-62x2t2c8m1] {
        width: auto;
        margin-right: 1em;
        text-align: right;
    }

    .filter-box img[b-62x2t2c8m1] {
        width: 1em;
        height: 1em;
        margin-right: 0.5em;
    }

.search-box-wrapper[b-62x2t2c8m1] {
    width: 100%;
}

#defect-in-advance[b-62x2t2c8m1] {
    margin-right: 2em;
    background: white;
    color: rgb(217, 83, 79);
    border: 0.1em solid rgb(217, 83, 79);
    font-family: 'Ubuntu-Medium';
}

#defect-in-advance i[b-62x2t2c8m1] {
    margin-right: 0.5em;
}
/* _content/ArasWeb/Pages/Settings/Settings.razor.rz.scp.css */
#settings[b-nztxy5wwyp] {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

    #settings #settings-container[b-nztxy5wwyp] {
        width: 100%;
        height: 90%;
        background: white;
        border-radius: 1em;
        padding: 1em;
    }

#tabs[b-nztxy5wwyp] {
    width: 100%;
    height: auto;
}

#non-working-days[b-nztxy5wwyp] {
    width: 100%;
    height: auto;
    padding: 1em;
}

.padded-table > :not(caption) > * > *[b-nztxy5wwyp] {
    padding: 0.75rem 1rem; /* vertical | horizontal */
}
/* _content/ArasWeb/Pages/Technology/MeasurementProtocol.razor.rz.scp.css */
#generate-pdf[b-vn6shpsw21] {
    background: white;
    border: 0.05em solid grey;
    color: black;
}

    #generate-pdf img[b-vn6shpsw21] {
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.5em;
    }
/* _content/ArasWeb/Pages/Technology/OrderArticleDetails.razor.rz.scp.css */
#create-article[b-wc3sgaydju] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

#create-article-container[b-wc3sgaydju] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#status-info[b-wc3sgaydju] {
    width: 100%;
    height: auto;
    border-radius: 1em;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #status-info span[b-wc3sgaydju] {
        border-radius: 2em;
        text-align: center;
        width: auto;
        display: inline-flex;
        padding: 0.3em 1.5em;
        word-break: break-all;
        font-family: 'Ubuntu-Medium';
        margin-right: 1em;
    }

        #status-info span img[b-wc3sgaydju] {
            width: 1.5em;
            height: 1.5em;
            margin-right: 0.5em;
        }

.article-in-progress[b-wc3sgaydju] {
    background: rgba(13, 110, 253, 0.3);
}

.article-finished[b-wc3sgaydju] {
    background: rgba(144, 238, 144, 0.5);
}

.article-new[b-wc3sgaydju] {
    background: rgba(211, 211, 211, 0.5);
}

#change-status[b-wc3sgaydju] {
    margin-right: 1em;
}

#article-info[b-wc3sgaydju] {
    height: 100%;
    width: 50%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: white;
    padding: 1em;
    border-radius: 1em;
    overflow-y: scroll;
}

#article-info h5[b-wc3sgaydju] {
    margin-bottom: 2em;
}

.input-box[b-wc3sgaydju] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 1em;
    position: relative;
}

    .input-box label[b-wc3sgaydju]{
        width: 100%;
        margin-bottom: 0.3em;
        font-family: 'Ubuntu-Light'
    }

    .input-box span[b-wc3sgaydju] {
        border: none;
        padding: 0;
    }

#article-shape[b-wc3sgaydju] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    #article-shape div[b-wc3sgaydju] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40%;
        padding: 0.5em;
        border-radius: 0.5em;
    }

.selected-shape[b-wc3sgaydju] {
    border: 0.1em solid #5cb85c;
    background: #e4eef2;
}

.unselected-shape[b-wc3sgaydju] {
    border: 0.1em solid lightgray;
    background: white;
    opacity: 0.5;
}

.circle[b-wc3sgaydju],
.square[b-wc3sgaydju] {
    height: 2em;
    width: 2em;
    background-color: #14425a;
    display: inline-flex;
}

.circle[b-wc3sgaydju] {
    border-radius: 50%;
}

#create-article-btns[b-wc3sgaydju] {
    width: 100%;
    margin: 2em 0;
    display: flex;
}

    #create-article-btns .save-article[b-wc3sgaydju] {
        margin-right: 1em;
    }


/*
    MODAL ZA IZMJENU STATUSA
*/

#change-order-article-status[b-wc3sgaydju],
#delegate-article[b-wc3sgaydju] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#change-order-article-status #note[b-wc3sgaydju]{
    width: 70%;
}

    #change-order-article-status p[b-wc3sgaydju],
    #delegate-article p[b-wc3sgaydju]{
        font-size: 1.5em;
        font-family: 'Ubuntu-Medium';
        margin-bottom: 2em;
        color: #0275d8;
        width: 80%;
        text-align: center;
    }

    #change-order-article-status span[b-wc3sgaydju] {
        font-size: 0.8em;
        font-family: 'Ubuntu-Italic';        
    }

    #change-order-article-status label[b-wc3sgaydju] {
        margin-bottom: 0.5em;
    }

/*
    MODAL ZA DELEGIRANJE
*/

#delegate-article p[b-wc3sgaydju] {
    color: black;
}

    #delegate-article .modal-input-box[b-wc3sgaydju] {
        width: 50%;
        margin-bottom: 1em;
    }
/* _content/ArasWeb/Pages/Technology/WorkOrderPreview.razor.rz.scp.css */
#work-order-wrapper[b-bhti36qwv9] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
}

#work-order[b-bhti36qwv9] {
    background: white;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding: 2em;
    border-radius: 1em;
}

#work-order_header[b-bhti36qwv9] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: start;
    border-bottom: 0.1em solid lightgray;
    margin-bottom: 0.5em;
}

    #work-order_header #left[b-bhti36qwv9] {
        width: 78%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #work-order_header #title-and-logo[b-bhti36qwv9] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        #work-order_header #title-and-logo label[b-bhti36qwv9] {
            font-family: 'Ubuntu-Bold';
            font-size: 1.5em;
            color: #14425a;
            margin-bottom: 0.5em;
        }

    #work-order_header #left #order-general-info[b-bhti36qwv9] {
        width: 100%;
        display: flex;
        flex-direction: column;
        border: 0.01em solid gray;
        border-radius: 0.5em;
        margin-bottom: 0.5em;
    }

    #work-order_header #left .info[b-bhti36qwv9] {
        width: 100%;
        flex-direction: column;
        display: flex;
    }

    #work-order_header #left .info[b-bhti36qwv9] {
        width: 20%;
        border-right: 0.01em solid lightgray;
        border-bottom: 0.01em solid lightgray;
        padding: 0.3em;
        height: 100%;
    }

    #work-order_header #left .first-col[b-bhti36qwv9]{
        width: 60%;
    }

    #work-order_header #left #note .info[b-bhti36qwv9] {
        width: 100% !important;
        background: #f1f1f1;
        border-bottom-left-radius: 0.5em;
        border-bottom-right-radius: 0.5em;
    }

    #work-order_header #left #note .info span[b-bhti36qwv9] {
        color: #d9534f;
        font-family: 'Ubuntu-Bold';
    }

        #work-order_header #left .info label[b-bhti36qwv9],
        #work-order #body .group .info label[b-bhti36qwv9] {
            font-family: 'Ubuntu-Light';
            font-size: 0.8em;
        }

        #work-order_header #left .info span[b-bhti36qwv9],
        #work-order #body .group .info span[b-bhti36qwv9] {
            word-break: break-all;
        }

    #work-order_header #left .group[b-bhti36qwv9] {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        font-size: 1.05em;
    }

    #work-order_header #right[b-bhti36qwv9] {
        display: flex;
        flex-direction: column;
        align-items: end;
        justify-content: start;
        width: 22%;
    }

        #work-order_header #right #qr-img[b-bhti36qwv9] {
            width: 12em;
        }

        #work-order_header #right #logo[b-bhti36qwv9] {
            width: 11em;
        }    

#work-order #body[b-bhti36qwv9] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

    #work-order #body .body-col[b-bhti36qwv9] {
        width: 49%;
        display: flex;
        height: auto;
        flex-direction: column;
    }

    #work-order #body .group[b-bhti36qwv9] {
        border-radius: 0.5em;
        border: 0.01em solid gray;
    }

        #work-order #body .group .info[b-bhti36qwv9] {
            width: 100%;
            display: flex;
            justify-content: space-between;
            border-bottom: 0.01em solid lightgrey;
        }

            #work-order #body .group .info label[b-bhti36qwv9],
            #work-order #body .group .info span[b-bhti36qwv9] {
                width: 50%;
                padding: 0.3em 0.5em;
            }

            #work-order #body .group .info span[b-bhti36qwv9] {
                text-align: right;
                align-items: center;
                border-left: 0.01em solid lightgray;
            }

            #work-order #body .group #rezanje span[b-bhti36qwv9] {
                border-left: 0 !important;
            }

.has-surface-treatment label[b-bhti36qwv9], .has-surface-treatment span[b-bhti36qwv9] {
    font-family: 'Ubuntu-Bold' !important;
    font-size: 1.2em !important;
}

.tbl-box[b-bhti36qwv9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #f1f1f1;
    border-radius: .5em;
    padding: 0.5em;
    margin-top: 0.8em;
    page-break-inside: avoid;
    border: 0.1em solid gray;
}

.tbl-name[b-bhti36qwv9] {
    margin: 0.5em 0;
    font-size: 0.9em;
    font-family: 'Ubuntu-Bold';
}

    .tbl-box .tbl-box-list[b-bhti36qwv9] {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-size: 0.9em;
        border: 0.05em solid lightgrey;
        border-radius: .3em;
        background: white;
    }

.tbl-box-list-header[b-bhti36qwv9],
.tbl-box-list-item[b-bhti36qwv9] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.05em solid lightgrey;
}

    .tbl-box-list-header label[b-bhti36qwv9] {
        font-family: 'Ubuntu-Medium';
    }

    .tbl-box-list-item label[b-bhti36qwv9] {
        font-family: 'Ubuntu-Light';
    }

    .tbl-box-list-header label[b-bhti36qwv9],
    .tbl-box-list-item label[b-bhti36qwv9] {
        width: 30%;
        word-break: break-all;
        padding: 0.5em 0.8em;
        border-right: 0.1em solid lightgray;
    }

.ostale-obrade label[b-bhti36qwv9] {
    width: 50%;
}

.dorezivanje-table .tbl-box-list-item label[b-bhti36qwv9] {
    width: 100%;
}

.ensats-table .tbl-box-list-item label[b-bhti36qwv9] {
    width: 80%;
}

.ensats-table .tbl-box-list-item .label-bolded[b-bhti36qwv9] {
    width: 20%;
    font-family: 'Ubuntu-Bold';
}

.img-container[b-bhti36qwv9] {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-bottom: .5em;
    border: 0.1em solid gray;
    border-radius: 0.5em;
}

    .img-container img[b-bhti36qwv9] {
        width: 100%;
        border-bottom-left-radius: 0.5em;
        border-bottom-right-radius: 0.5em;
    }

    .img-container label[b-bhti36qwv9] {
        background: #f1f1f1;
        width: 100%;
        padding: 0.3em 0.5em;
        border-top-right-radius: .5em;
        border-top-left-radius: .5em;
        font-size: 0.9em;
        font-family: 'Ubuntu-Bold';
    }

    .img-container p[b-bhti36qwv9] {
        color: gray;
        width: 100%;
        text-align: center;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 90%;
    }


#alati-img[b-bhti36qwv9] {
    height: 100%;
    min-height: 28em;
}

    #alati-img img[b-bhti36qwv9] {
        height: 100%;
    }

#model-img[b-bhti36qwv9] {
    margin-bottom: 0;
}

#footer[b-bhti36qwv9]{
    width: 100%;
    display: flex;
    border-top: 0.01em solid lightgray;
    margin-top: .3em;
    padding-top: .2em;
    justify-content: end;
}

#footer .info[b-bhti36qwv9] {
    width: auto;
    display: flex;
    flex-direction: column;
    margin-right: 2em;
}

    #footer .info label[b-bhti36qwv9] {
        font-family: 'Ubuntu-Light';
        font-size: 0.75em;
        margin-bottom: 0;
    }

    #footer .info span[b-bhti36qwv9] {
        font-size: 0.85em;
    }

#work-order-buttons[b-bhti36qwv9] {
    width: 100%;
    display: flex;
    justify-content: end;
    padding: 1em;
}

#work-order-buttons button[b-bhti36qwv9] {
    margin-left: 1em;
}

#work-order-buttons button i[b-bhti36qwv9] {
    margin-right: 0.5em;
}

#generate-pdf[b-bhti36qwv9] {
    background: lightgrey;
    border: 0.05em solid grey;
    color: black;
}

    #generate-pdf img[b-bhti36qwv9] {
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.5em;
    }

#edit-btn[b-bhti36qwv9] {
    margin-right: auto;
}

/*
    MODAL ZA IZMJENU STATUSA
*/
#change-order-article-status[b-bhti36qwv9] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #change-order-article-status #note[b-bhti36qwv9] {
        width: 70%;
    }

    #change-order-article-status p[b-bhti36qwv9] {
        font-size: 1.5em;
        font-family: 'Ubuntu-Medium';
        margin-bottom: 2em;
        color: #0275d8;
        width: 80%;
        text-align: center;
    }

    #change-order-article-status span[b-bhti36qwv9] {
        font-size: 0.8em;
        font-family: 'Ubuntu-Italic';
    }

    #change-order-article-status label[b-bhti36qwv9] {
        margin-bottom: 0.5em;
    }
/* _content/ArasWeb/Pages/Toolbox/AddTool.razor.rz.scp.css */
#tool-container[b-lenzo6d9in] {
    height: 95%;
    overflow-y: scroll;
}

.container[b-lenzo6d9in] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: white;
    padding: 1em;
    border-radius: 1em;
    margin: 0;
    margin-bottom: 1em;
}

#item-info-container[b-lenzo6d9in],
#quantity-info-container[b-lenzo6d9in] {
    width: 100%;
    height: 95%;
    display: flex;
    flex-direction: column;
    margin-top: 1em;
    justify-content: space-between;
}

.input-row[b-lenzo6d9in] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 2em;
}

.input-box[b-lenzo6d9in] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    width: 45%;
    position: relative;
}

    .input-box label[b-lenzo6d9in] {
        width: 100%;
        font-family: 'Ubuntu-Light';
        font-size: 0.9em;
        margin-bottom: 0.5em;
    }

    .input-box span[b-lenzo6d9in] {
        font-size: 1.2em;
        font-family: 'Ubuntu-Medium';
    }
/* _content/ArasWeb/Pages/Toolbox/Toolbox.razor.rz.scp.css */
.toolbox-list-container .list-wrapper[b-jaax40oedn] {
    padding: 0.5em;
}

.item-details[b-jaax40oedn] {
    text-align: left;
    width: 90%;
}

.list .item-details label[b-jaax40oedn] {
    font-size: 0.9em;
}

#machines-list .list-wrapper label[b-jaax40oedn] {
    width: 32%;
}

#tools-list .list-wrapper label[b-jaax40oedn] {
    width: 24%;
}

.tool-optimal-quantity[b-jaax40oedn] {
    border-left: 0.3em solid #5cb85c;
}

.tool-min-quantity[b-jaax40oedn] {
    border-left: 0.3em solid #dc3545;
    background: rgba(220, 53, 69, 0.1)
}

    .tool-min-quantity .quantity[b-jaax40oedn] {
        color: #dc3545;
        font-family: 'Ubuntu-Medium';
    }

.status span[b-jaax40oedn] {
    border-radius: 2em;
    width: auto;
    padding: 0.3em 1.5em;
    word-break: break-all;
    font-family: 'Ubuntu-Medium';
    font-size: 0.8em;
    justify-content: center;
    width: 11em;
}

.inactive-machine .status span[b-jaax40oedn] {
    background: rgba(236, 236, 236, 0.8)
}

.active-machine .status span[b-jaax40oedn] {
    background: rgba(137, 196, 244, 0.8)
}

#tools-list-wrapper .item-details .quantity[b-jaax40oedn] {
    width: 15%;
    text-align: center;
}

#tools-list-wrapper .item-details .location[b-jaax40oedn] {
    text-align: center;
}

#tools-list-wrapper .item-details .name[b-jaax40oedn] {
    width: 35%;
}

.machine-item-container[b-jaax40oedn] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 0 8em;
}

    .machine-item-container .prop[b-jaax40oedn] {
        margin-bottom: 1em;
    }

        .machine-item-container .prop label[b-jaax40oedn] {
            margin-bottom: 0.3em;
        }

        .machine-item-container .prop input[type=checkbox][b-jaax40oedn] {
            margin-right: 0.5em;
            margin-bottom: 0;
            cursor: pointer;
            width: 1.1em;
            height: 1.1em;
        }

.readonly input[b-jaax40oedn] {
    background: lightgray;
    cursor: default;
}


.add-item-open-modal[b-jaax40oedn]{
    margin-left: auto;
    margin-right: 1em;
}

#remove-machine-btn[b-jaax40oedn] {
    margin-right: auto;
}
/* _content/ArasWeb/Pages/Toolbox/ToolCharges.razor.rz.scp.css */
#tool-charges[b-h0llfe7b53] {
    width: 100%;
    height: 90%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: white;
    border-radius: 0.5em;
    padding: 1em;
}

#tool-charges-list[b-h0llfe7b53] {
    width: 100%;
    height: 90%;
}

.item-details[b-h0llfe7b53] {
    text-align: left;
    width: 90%;
}

.status span[b-h0llfe7b53] {
    border-radius: 2em;
    width: auto;
    padding: 0.3em 1.5em;
    word-break: break-all;
    font-family: 'Ubuntu-Medium';
    font-size: 0.8em;
    justify-content: center;
    width: 11em;
    background: rgba(137, 196, 244, 0.8)
}

.status img[b-h0llfe7b53] {
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.5em;
}

.tool[b-h0llfe7b53], .machine[b-h0llfe7b53] {
    display: flex;
    flex-direction: column;
    font-size: 0.95em;
    font-family: 'Ubuntu-Regular';  
}

.tool[b-h0llfe7b53] {
    color: #0275d8;
    cursor: pointer;
    text-decoration: underline;
}

.tool .tool-code[b-h0llfe7b53], 
.tool .machine-code[b-h0llfe7b53] {
    font-size: 0.8em;
    font-family: 'Ubuntu-Light';
}

.blazored-typeahead__input[b-h0llfe7b53] {
    outline: none !important;
    border: none !important;
}

.blazored-typeahead__results[b-h0llfe7b53] {
    max-height: 15em !important;
}

.readonly input[b-h0llfe7b53] {
    background: lightgray;
    cursor: default;
}

.return-btn[b-h0llfe7b53] {
    width: auto;
    display: flex;
}

.return-btn i[b-h0llfe7b53] {
    margin-right: 0.5em;
}
/* _content/ArasWeb/Pages/Toolbox/ToolDetails.razor.rz.scp.css */
#tool-container[b-ivjkykdaih] {
    height: 95%;
    overflow-y: scroll;
}

.container[b-ivjkykdaih] {
    width: 48%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: white;
    padding: 1em;
    border-radius: 1em;
    margin: 0;
}

#item-info-container[b-ivjkykdaih],
#quantity-info-container[b-ivjkykdaih] {
    width: 100%;
    height: 95%;
    display: flex;
    flex-direction: column;
    margin-top: 1em;
    justify-content: space-between;
}

.input-row[b-ivjkykdaih] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 2em;
}

.input-box[b-ivjkykdaih] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    width: 45%;
    position: relative;
}

    .input-box label[b-ivjkykdaih] {
        width: 100%;
        font-family: 'Ubuntu-Light';
        font-size: 0.9em;
        margin-bottom: 0.5em;
    }

    .input-box span[b-ivjkykdaih] {
        font-size: 1.2em;
        font-family: 'Ubuntu-Medium';
    }

.quantity-info[b-ivjkykdaih] {
    padding: 1em;
    background: rgba(13, 110, 253, 0.3);
    border-radius: 1em;
}

.quantity-info span[b-ivjkykdaih] {
    font-size: 1.2em;
}
/* _content/ArasWeb/Pages/User/MyProfile.razor.rz.scp.css */
#my-profile-wrapper[b-085frmx6wt]{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: start;
}

#my-profile[b-085frmx6wt] {
    width: 50%;
    background: white;
    border-radius: 0.5em;
    padding: 1em;
}

#my-profile-container[b-085frmx6wt]{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
}

.data-box[b-085frmx6wt]{
    width: 50%;
    margin: 1em 0;
    padding-right: 1em;
}

.data-box label[b-085frmx6wt] {
    width: 100%;
    margin-bottom: 0.5em;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
}

.note[b-085frmx6wt] {
    width: 100%;
    display: flex;
    flex-direction: column;
    font-size: 0.9em;
    font-style: italic;
    color: grey;
    margin: 1em 0;
    font-family: 'Ubuntu-Light';
}
/* _content/ArasWeb/Shared/Components/ArasModal.razor.rz.scp.css */
.modal-header[b-ou40ttfqto] {
    background: white;
    color: black;
    font-family: 'Ubuntu-Bold';
    font-size: 1.1em;
    border: none;
    padding: 0;
    height: 12%;
    padding: 0 2em;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.header-warning[b-ou40ttfqto] {
    background: #ececec;
    color: #d9534f;
}

.header-warning button[b-ou40ttfqto] {
    color: black !important;
}

.modal-header button[b-ou40ttfqto] {
    color: black;
    background: transparent;
    outline: none;
    border: none;
}

.modal-footer[b-ou40ttfqto] {
    padding: 1.5rem 1rem;
    background: rgb(4, 52, 76);
}

.modal[b-ou40ttfqto] {
    justify-content: center;
    align-items: center;
    display: flex;
}

.modal-body[b-ou40ttfqto] {
    padding: 0;
    background: white;
    height: 88%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 20px;
}

.modal-dialog[b-ou40ttfqto] {
    width: 100%;
    height: 80%;
    margin: 0;
}

.modal-content[b-ou40ttfqto] {
    height: 100%;
    border: none;
    border-radius: 20px;
}

[b-ou40ttfqto] .buttons {
    width: 100%;
    height: 15%;
    display: flex;
    justify-content: end;
    align-items: center;
    background: #ececec;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 2em;
}

    [b-ou40ttfqto] .buttons button {
        outline: none;
        background: #0275d8;
        border: none;
        color: white;
        font-family: 'Ubuntu-Regular';
        margin-left: 1em;
    }

    [b-ou40ttfqto] .buttons button i {
        margin-right: 0.5em;
    }

    [b-ou40ttfqto] .buttons .danger-btn {
        background: #d9534f;
    }

    [b-ou40ttfqto] .buttons .cancel-btn {
        background: gray;
    }

    [b-ou40ttfqto] .buttons .btn-success {
        background: #198754;
    }

[b-ou40ttfqto] .buttons-warning {
    background: #ffc107;
    color: black;
}

    [b-ou40ttfqto] .buttons-warning button {
        color: white;
    }

[b-ou40ttfqto] .custom-modal-body {
    width: 100%;
    height: 85%;
    padding: 2em 4em;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
}

[b-ou40ttfqto] .modal-body .modal-body-input {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 8em;
    overflow-y: scroll;
}

    [b-ou40ttfqto] .modal-body .modal-body-input .modal-input-box {
        display: flex;
        flex-direction: column;
        margin-bottom: 1em;
    }

[b-ou40ttfqto] .modal-body label {
    margin-bottom: 0.3em;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
}

[b-ou40ttfqto] .modal-question {
    width: 100%;
    padding: 0 2em;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-family: 'Ubuntu-Bold';
}

[b-ou40ttfqto] .modal-body-danger {
    border-top: 0.2em solid #d9534f;
    border-bottom: 0.2em solid #d9534f;
}

[b-ou40ttfqto] .modal-body-danger p {
    color: #d9534f;
}

[b-ou40ttfqto] .modal-confirm-quest {
    color: #288aed;
    font-family: 'Ubuntu-Medium';
    font-size: 1.4em;
    text-align: center;
    width: 100%;
}

[b-ou40ttfqto] .info-message {
    text-align: center;
    padding: 0 3em;
    font-size: 0.9em;
}
/* _content/ArasWeb/Shared/Components/ArticleInput.razor.rz.scp.css */
#create-article[b-r5pt29s28i] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

h5[b-r5pt29s28i] {
    color: rgb(4, 52, 76);
}

h4[b-r5pt29s28i] {
    margin-bottom: 0;
}

#other-costs h5 span[b-r5pt29s28i] {
    font-size: 0.6em;
    display: inline-block;
    font-family: 'Ubuntu-Italic';
    margin-left: 0.5em;
}

#create-article-container[b-r5pt29s28i] {
    width: 100%;
    height: 95%;
    display: flex;
    flex-direction: column;
}

#article-and-material-info[b-r5pt29s28i],
#time-costs[b-r5pt29s28i] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#article-info[b-r5pt29s28i],
#material-info[b-r5pt29s28i],
#time-costs[b-r5pt29s28i],
#other-costs[b-r5pt29s28i],
#calculator[b-r5pt29s28i],
#note[b-r5pt29s28i] {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: white;
    padding: 1em;
    border-radius: 1em;
}

#article-info[b-r5pt29s28i],
#material-info[b-r5pt29s28i] {
    width: 40%;
}

#time-costs[b-r5pt29s28i],
#other-costs[b-r5pt29s28i],
#calculator[b-r5pt29s28i] {
    width: 100%;
    margin-top: 2em;
}

#article-info-container[b-r5pt29s28i],
#material-info-container[b-r5pt29s28i] {
    width: 100%;
    height: 95%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 1em;
}

.input-box[b-r5pt29s28i],
[b-r5pt29s28i] .input-box,
#machine-time[b-r5pt29s28i] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 1em;
    position: relative;
}

    .input-box label[b-r5pt29s28i],
    [b-r5pt29s28i] .input-box label, 
    .time-cost label[b-r5pt29s28i],
    #ensats label[b-r5pt29s28i],
    #surface-treatment label[b-r5pt29s28i],
    #machine-time label[b-r5pt29s28i],
    #add-quantity label[b-r5pt29s28i],
    #note label[b-r5pt29s28i] {
        width: 100%;
        margin-bottom: 0.3em;
        font-family: 'Ubuntu-Light';
    }


.input-wrapper[b-r5pt29s28i] {
    width: 100%;
    position: relative;
    display: block;
}

.unit[b-r5pt29s28i] {
    position: absolute;
    right: 2%;
    top: calc(50% - .375rem);
    color: black;
    z-index: 100;
    font-size: 0.8em;
}

#article-shape[b-r5pt29s28i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    #article-shape div[b-r5pt29s28i] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40%;
        cursor: pointer;
        padding: 0.5em;
        border-radius: 0.5em;
    }

.selected-shape[b-r5pt29s28i] {
    border: 0.1em solid #5cb85c;
    background: #e4eef2;
}

.unselected-shape[b-r5pt29s28i] {
    border: 0.1em solid lightgray;
    background: white;
}

.circle[b-r5pt29s28i],
.square[b-r5pt29s28i] {
    height: 2em;
    width: 2em;
    background-color: #14425a;
    display: inline-flex;
}

.circle[b-r5pt29s28i] {
    border-radius: 50%;
}

#calculated-material-params[b-r5pt29s28i] {
    background: #e8e8e8;
    border-radius: 0.3em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: end;
    font-size: 1.1rem;
    color: #14425a;
    font-family: 'Ubuntu-Medium';
}

    #calculated-material-params div[b-r5pt29s28i] {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

#material-price[b-r5pt29s28i] {
    color: #0275d8;
}


#machine-time[b-r5pt29s28i],
.time-cost[b-r5pt29s28i],
.time-price[b-r5pt29s28i] {
    width: 30%;
    position: relative;
}

    #machine-time img[b-r5pt29s28i] {
        width: 1.5em;
        margin: 0.5em;
    }

#other-time-costs[b-r5pt29s28i] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap
}

.time-price[b-r5pt29s28i] {
    background: #e8e8e8;
    border-radius: 0.3em;
    padding: 1em;
    font-size: 1.1rem;
    color: #0275d8;
    font-family: 'Ubuntu-Medium';
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#other-costs-container[b-r5pt29s28i] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 1em;
    position: relative;
}

.other-costs-row[b-r5pt29s28i] {
    width: 100%;
    margin-bottom: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#ensats[b-r5pt29s28i],
#surface-treatment[b-r5pt29s28i] {
    width: 30%;
}

.other-costs-calculated-price[b-r5pt29s28i] {
    background: #e8e8e8;
    border-radius: 0.3em;
    padding: 1em;
    font-size: 1.1rem;
    color: #0275d8;
    font-family: 'Ubuntu-Medium';
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 40%;
}

#calculator h3[b-r5pt29s28i] {
    border: none;
    text-align: center;
}

#calculator[b-r5pt29s28i] {
    height: 50em;
}

#calculator-container[b-r5pt29s28i] {
    height: 80%;
}

    #calculator-container .list-wrapper[b-r5pt29s28i] {
        height: 100%;
    }

    #calculator-container .list-item .costs[b-r5pt29s28i] {
        display: flex;
        align-items: start;
        flex-direction: column;
        font-size: 0.8em;
        color: gray;
    }

    #calculator-container .list-item .show-in-offer[b-r5pt29s28i] {
        display: flex;
        justify-content: center;
    }

    #calculator-container .list-item .costs label[b-r5pt29s28i] {
        width: 100%;
    }

    #calculator-container .quantity[b-r5pt29s28i] {
        width: 10%;
    }

    #calculator-container .costs[b-r5pt29s28i] {
        width: 40%;
    }

    #calculator-container .price-per-article[b-r5pt29s28i] {
        width: 20%;
    }

    #calculator-container .total-price[b-r5pt29s28i] {
        width: 20%;
    }

    #calculator-container .list-item .total-price[b-r5pt29s28i] {
        color: #5cb85c;
        font-family: 'Ubuntu-Medium';
    }

    #calculator-container .show-in-offer[b-r5pt29s28i] {
        width: 10%;
    }

#create-article-btns[b-r5pt29s28i] {
    width: 100%;
    display: flex;
}

#calculator-container .show-in-offer input[b-r5pt29s28i] {
    cursor: pointer;
}

#calculator-btns[b-r5pt29s28i] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 1em;
}

#add-quantity div[b-r5pt29s28i] {
    width: 15em;
    display: flex;
}

    #add-quantity div button[b-r5pt29s28i] {
        margin-left: 1em;
    }

#calculator-btns #refresh img[b-r5pt29s28i] {
    width: 1.5em;
    height: 1.5em;
}

#note[b-r5pt29s28i] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 2em 0;
}

    #note textarea[b-r5pt29s28i] {
        resize: none;
        margin-top: 0.5em;
    }

#create-article-btns button[b-r5pt29s28i] {
    margin-right: 0.5em;
}
/* _content/ArasWeb/Shared/Components/EmptyLIst.razor.rz.scp.css */
#empty-list[b-5czf074pgy] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: 'Ubuntu-Light';
    opacity: 0.9;
}

#empty-list img[b-5czf074pgy]{
    width: 15em;
}
/* _content/ArasWeb/Shared/Components/ListLoader.razor.rz.scp.css */
#loader[b-987s5nv96a] {
    background: transparent;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5em;
    height: 5em;
}
/* _content/ArasWeb/Shared/Components/Loader.razor.rz.scp.css */
#loader[b-fybydipp3p] {
    position:fixed;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
/* _content/ArasWeb/Shared/Components/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-0rldim3s5r] {
    background-color: rgba(255, 255, 255, 0.1);
}

.navbar[b-0rldim3s5r] {
    padding: 0;
}

.top-row[b-0rldim3s5r] {
    height: 118px;
    background-color: white;
    overflow: hidden;
}

.navbar-brand[b-0rldim3s5r] {
    font-size: 1.1rem;
}

#logo[b-0rldim3s5r] {
    width: 12em;
}

.header-logo[b-0rldim3s5r] {
    display: block;
    width: auto;
    max-width: 12em;
    height: 65px;
    max-height: 65px;
    object-fit: contain;
}

.oi[b-0rldim3s5r], i[b-0rldim3s5r] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
    opacity: 0.8;
}

.nav-item[b-0rldim3s5r] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    font-family:'Ubuntu-Regular';
}

    .nav-item:first-of-type[b-0rldim3s5r] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-0rldim3s5r] {
        padding-bottom: 1rem;
    }

    .nav-item[b-0rldim3s5r]  a {
        color: lightgray;
        border-radius: 0.8em;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-0rldim3s5r]  a.active {
            background-color: #547c8c;
            color: white;
            font-family: 'Ubuntu-Bold';
        }

.nav-item[b-0rldim3s5r]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.sub-item[b-0rldim3s5r] {
    padding-bottom: 0;   
}

.sub-item[b-0rldim3s5r]  a {
    padding-left: 30%;
    background: #05283b;
}

.sub-item[b-0rldim3s5r]  a {
    border-radius: 0;
}

@media (min-width: 641px) {
    .navbar-toggler[b-0rldim3s5r] {
        display: none;
    }

    .collapse[b-0rldim3s5r] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        overflow-y: scroll;
    }
}


@media (max-width: 640.98px) {

    #logo[b-0rldim3s5r] {
        display: none;
    }

    .top-row[b-0rldim3s5r] {
        background-color: #14425a;
    }
}


[b-0rldim3s5r]::-webkit-scrollbar {
    width: 0.3em;
}

[b-0rldim3s5r]::-webkit-scrollbar-track {
    background: transparent;
}

[b-0rldim3s5r]::-webkit-scrollbar-thumb {
    background: #085880;
    border-radius: 5em;
}

    [b-0rldim3s5r]::-webkit-scrollbar-thumb:hover {
        background: #064869;
        cursor: pointer;
    }
/* _content/ArasWeb/Shared/Components/OrderArticleInput.razor.rz.scp.css */
#create-article-container[b-g8s3wp43hz] {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

#article-and-material-info[b-g8s3wp43hz],
#time-costs[b-g8s3wp43hz] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#article-info[b-g8s3wp43hz],
#material-info[b-g8s3wp43hz],
#time-costs[b-g8s3wp43hz],
#quantity[b-g8s3wp43hz] {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: white;
    padding: 1em;
    border-radius: 1em;
}

#article-info[b-g8s3wp43hz],
#material-info[b-g8s3wp43hz] {
    width: 40%;
}

#time-costs[b-g8s3wp43hz],
#quantity[b-g8s3wp43hz] {
    width: 100%;
    margin-top: 2em;
}

#article-info-container[b-g8s3wp43hz],
#material-info-container[b-g8s3wp43hz] {
    width: 100%;
    height: 95%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 1em;
}

.input-box[b-g8s3wp43hz],
#machine-time[b-g8s3wp43hz] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 1em;
    position: relative;
}

    .input-box label[b-g8s3wp43hz],
    .time-cost label[b-g8s3wp43hz],
    .quantity-input label[b-g8s3wp43hz],
    .deadline-and-supplier-col label[b-g8s3wp43hz],
    #technology-work-order-btns label[b-g8s3wp43hz]{
        width: 100%;
        margin-bottom: 0.3em;
        font-family: 'Ubuntu-Light';
    }

.input-wrapper[b-g8s3wp43hz] {
    width: 100%;
    position: relative;
    display: block;
}

.unit[b-g8s3wp43hz] {
    position: absolute;
    right: 2%;
    top: calc(50% - .375rem);
    color: black;
    z-index: 100;
    font-size: 0.8em;
}

#article-shape[b-g8s3wp43hz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    #article-shape div[b-g8s3wp43hz] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40%;
        cursor: pointer;
        padding: 0.5em;
        border-radius: 0.5em;
    }

.selected-shape[b-g8s3wp43hz] {
    border: 0.1em solid #5cb85c;
    background: #e4eef2;
}

.unselected-shape[b-g8s3wp43hz] {
    border: 0.1em solid lightgray;
    background: white;
}

.circle[b-g8s3wp43hz],
.square[b-g8s3wp43hz] {
    height: 2em;
    width: 2em;
    background-color: #14425a;
    display: inline-flex;
}

.circle[b-g8s3wp43hz] {
    border-radius: 50%;
}

#machine-time[b-g8s3wp43hz],
.time-cost[b-g8s3wp43hz],
.time-price[b-g8s3wp43hz] {
    width: 30%;
    position: relative;
}

    #machine-time img[b-g8s3wp43hz] {
        width: 1.5em;
        margin: 1em 0.5em;
    }

#other-time-costs[b-g8s3wp43hz],
#quantity-container[b-g8s3wp43hz],
#deadline-and-supplier[b-g8s3wp43hz],
#technology-work-order-btns[b-g8s3wp43hz] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap
}

#deadline-and-supplier[b-g8s3wp43hz], #quantity-container[b-g8s3wp43hz] {
    margin-bottom: 1em;
}

.deadline-and-supplier-col[b-g8s3wp43hz], #technology-work-order-btns div[b-g8s3wp43hz] {
    width: 30%;
}

.quantity-input[b-g8s3wp43hz] {
    width: 30%;
}

    .quantity-input span[b-g8s3wp43hz] {
        font-family: 'Ubuntu-Bold';
        background: #e8e8e8;
        color: #0275d8;
        width: 100%;
        padding: 0.3em;
        border: 0.1em solid lightgray;
        display: inline-flex;
        border-radius: 0.4em;
    }

    .quantity-input input[b-g8s3wp43hz],
    #deadline-date input[b-g8s3wp43hz]
    {
        font-family: 'Ubuntu-Bold';
        color: #0275d8;
    }

#create-article-btns[b-g8s3wp43hz] {
    width: 100%;
    margin: 2em 0;
    display: flex;
}

    #create-article-btns button[b-g8s3wp43hz] {
        margin-right: 1em;
    }


#completed[b-g8s3wp43hz] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 0.5em;
    padding: 1em;
    background: rgba(92, 184, 92, 0.3);
    margin-top: 1em;
}

#completed p[b-g8s3wp43hz] {
    margin: 0;
    font-family: 'Ubuntu-Light';
}

#completed img[b-g8s3wp43hz] {
    width: 1.2em;
    margin-right: .3em;
}

.manually-completed[b-g8s3wp43hz] {
    font-size: 0.9em;
    font-family: 'Ubuntu-Medium' !important;
    margin-top: 1em;
}

#upper-bar[b-g8s3wp43hz] {
    width: 100%;
    padding: 1em;
    display: flex;
    justify-content: center;
    background: rgba(13, 110, 253, 0.3);
    margin-bottom: 1em;
}

#send-articles-to-control[b-g8s3wp43hz]{
    text-align: center;
    font-family: 'Ubuntu-Medium';
    display: flex;
    justify-content: center;
}

#send-articles-to-control p[b-g8s3wp43hz] {
    width: 100%;
    text-align: center;
    font-size: 1.2em;
}

#create-article-btns button i[b-g8s3wp43hz] {
    margin-right: 0.3em;
}

#technology-work-order-btns[b-g8s3wp43hz] {
    margin-top: 1em;
}

.modify-supplier-btn[b-g8s3wp43hz] {
    cursor: pointer;
    color: #1861ac;
    display: inline-block;
    margin-left: 1em;
}

.placeholder[b-g8s3wp43hz] {
    background: transparent;
}

#modify-supplier-box[b-g8s3wp43hz] {
    width: 100%;
    padding: 0 8em;
}

#modify-supplier-box label[b-g8s3wp43hz] {
    text-align: left;
    width: 100%;
}
/* _content/ArasWeb/Shared/Components/OrdersTemplate.razor.rz.scp.css */
#orders[b-chvo1cuqkc] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#orders-container[b-chvo1cuqkc] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 90%;
    border-radius: 0.5em;
    background: white;
    padding: 1em 0;
}

#order-filters[b-chvo1cuqkc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 1em;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
}

#search-and-report[b-chvo1cuqkc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
    margin-left: auto;
}

#generate-pdf[b-chvo1cuqkc] {
    font-family: 'Ubuntu-Medium';
    margin-bottom: auto;
    border: 0.01em solid gray;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    background: white;
    color: black;
    margin-right: 1em;
}

    #generate-pdf img[b-chvo1cuqkc] {
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.5em;
    }

.filter-box[b-chvo1cuqkc] {
    margin-right: 1em;
    display: flex;
    flex-direction: column;
}

    .filter-box label[b-chvo1cuqkc] {
        margin-bottom: 0.5em;
    }

    .filter-box select[b-chvo1cuqkc] {
        width: 15em;
        padding: 0.5em 0.2em;
    }

    .filter-box img[b-chvo1cuqkc] {
        width: 1em;
        height: 1em;
        margin: 0 0.5em;
    }

#orders-list[b-chvo1cuqkc] {
    width: 100%; 
}

.orders-admin-style[b-chvo1cuqkc] {
    height: 80%;
}

.orders-regular-style[b-chvo1cuqkc] {
    height: 85%;
}

    #orders-list .list-header[b-chvo1cuqkc] {
        background: #547c8c;
        color: white;
    }

.order-status span[b-chvo1cuqkc] {
    font-family: 'Ubuntu-Medium';
}

#create-btn[b-chvo1cuqkc] {
    margin: 0 2em 1em auto;
}

.due-date-today[b-chvo1cuqkc],
.due-date-late[b-chvo1cuqkc],
.order-status span[b-chvo1cuqkc] {
    font-family: 'Ubuntu-Medium';
    font-size: 0.8em;
}

    .due-date-today span[b-chvo1cuqkc],
    .due-date-late span[b-chvo1cuqkc],
    .order-status span[b-chvo1cuqkc] {
        border-radius: 2em;
        text-align: center;
        width: auto;
        display: inline-flex;
        padding: 0.3em 1.5em;
        word-break: break-all;
    }

    .due-date-today span[b-chvo1cuqkc] {
        background: #ffcc00;
    }

    .due-date-late span[b-chvo1cuqkc] {
        background: #d9534f;
        color: white;
    }

    .order-status span img[b-chvo1cuqkc] {
        width: 1.2em;
        height: 1.2em;
        margin-right: 0.5em;
    }

.order-created span[b-chvo1cuqkc] {
    background: rgba(236, 236, 236, 0.8);
}

.order-in-progress span[b-chvo1cuqkc] {
    background: rgba(137, 196, 244, 0.8);
}

.order-finished span[b-chvo1cuqkc] {
    background: rgba(205, 254, 194, 0.8);
}

.order-no[b-chvo1cuqkc], .buyer[b-chvo1cuqkc], .offer-name[b-chvo1cuqkc] {
    width: 18%;
    word-break: break-all;
}

.articles-count[b-chvo1cuqkc] {
    width: 12%;
    text-align: center;
}

.order-status[b-chvo1cuqkc] {
    width: 20%;
}

.due-date-box[b-chvo1cuqkc] {
    width: 16%;
}

/*
    MODAL ZA KREIRANJE:
*/

#create-new-order[b-chvo1cuqkc] {
    width: 100%;
    padding: 5em 3em;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

    #create-new-order #description[b-chvo1cuqkc] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex-direction: column;
    }

        #create-new-order #description p[b-chvo1cuqkc] {
            width: 100%;
            text-align: center;
            font-size: 1.5em;
            margin: 0;
            font-family: 'Ubuntu-Bold';
        }

        #create-new-order #description label[b-chvo1cuqkc] {
            font-size: 0.9em;
            font-family: 'Ubuntu-Light';
            margin-top: 0.5em;
        }

    #create-new-order #selection[b-chvo1cuqkc] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 5em;
    }

        #create-new-order #selection button[b-chvo1cuqkc] {
            background: transparent;
            font-family: 'Ubuntu-Bold';
            border: 0.2em solid gray;
            color: gray;
            width: 45%;
        }

        #create-new-order #selection #with-offer[b-chvo1cuqkc] {
            color: #70bc64;
            border: 0.2em solid #70bc64;
        }

            #create-new-order #selection #with-offer:hover[b-chvo1cuqkc] {
                background: #70bc64;
                color: white;
            }

        #create-new-order #selection #without-offer:hover[b-chvo1cuqkc] {
            background: gray;
            color: white;
        }


.no-offer span[b-chvo1cuqkc] {
    background: #f1f1f1;
    text-align: center;
    width: auto;
    display: inline-flex;
    padding: 0.3em 1.5em;
    word-break: break-all;
    font-family: 'Ubuntu-Medium';
    font-size: 0.8em;
    border-radius: 1em;
}
/* _content/ArasWeb/Shared/Components/PageHeader.razor.rz.scp.css */
.page-info[b-zat6ggyqfl] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 10%;
    padding: 0.5em 0;
}

#statistics-wrapper[b-zat6ggyqfl] {
    display: flex;
    width: auto; 
    height: 100%;
}
/* _content/ArasWeb/Shared/Components/PageHeaderStatistics.razor.rz.scp.css */
.statistics-container[b-tq8hvhnrwi] {
    display: flex;
    justify-content: space-between;
    width: auto;
    height: 100%;
}

.statistics[b-tq8hvhnrwi] {
    position: relative;
    background: white;
    padding: 2%;
    border-radius: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 15em;
    margin-left: 1em;
    margin-bottom: 1em;
}

    .icon[b-tq8hvhnrwi] {
        background: rgba(13, 110, 253, 0.3);
        border-radius: .5em;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 45%;
        height: 100%;
        font-size: 150%;
    }

.data[b-tq8hvhnrwi] {
    display: flex;
    justify-content: space-around;
    align-items: start;
    flex-direction: column;
    width: 45%;
    height: 100%;
    position: relative;
}

    .data span[b-tq8hvhnrwi] {
        font-family: 'Ubuntu-Bold';
        margin: 0;
        font-size: 110%;
    }

    .data label[b-tq8hvhnrwi] {
        color: grey;
        font-family: 'Ubuntu-Light';
        width: auto;
        margin: 0;
        font-size: 55%;
    }
/* _content/ArasWeb/Shared/Components/SearchArticlesOnlyComponent.razor.rz.scp.css */
.input-box[b-w4ho4xug8a]{
    position: relative;
}

#search-component[b-w4ho4xug8a] {
    position: absolute;
    width: 50em;
    height: 30em;
    top: 100%;
    left: 0;
    border-radius: 1em;
    border: 0.1em solid gray;
    padding: 1em;
    background: white;
    z-index: 9999;
}

#close-btn[b-w4ho4xug8a] {
    width: 100%;
    display: flex;
    justify-content: end;
}

#search-list-wrapper[b-w4ho4xug8a] {
    width: 100%;
    height: 95%;
    overflow-y: scroll;
}

.search-list[b-w4ho4xug8a] {
    width: 100%;
    height: auto;
}

    .search-list h6[b-w4ho4xug8a] {
        font-family: 'Ubuntu-Medium';
        background: #ececec;
        padding: 0.5em;
        border-radius: .5em;
        margin: 0.5em 0;
    }

.search-item[b-w4ho4xug8a] {
    width: 98%;
    position: relative;
    display: flex;
    justify-content: start;
    margin: 0.3em;
    border-bottom: 0.01em solid lightgray;
    padding: 0.3em;
}

.search-item-field[b-w4ho4xug8a] {
    width: auto;
    margin-right: 0.8em;
    display: flex;
    flex-direction: column;
    width: 20%;
}

    .search-item-field label[b-w4ho4xug8a] {
        font-family: 'Ubuntu-Medium';
        word-break: break-all;
    }

    .search-item-field span[b-w4ho4xug8a] {
        font-family: 'Ubuntu-Light';
        font-size: 0.8em;
    }

.btn-item[b-w4ho4xug8a] {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-left: auto;
}
/* _content/ArasWeb/Shared/Components/SearchComponent.razor.rz.scp.css */
#search-box[b-g48babjg6a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
    margin-left: auto;
    position: relative;
}

#search-component[b-g48babjg6a] {
    position: absolute;
    width: 50em;
    height: 30em;
    top: 100%;
    right: 0;
    border-radius: 1em;
    border: 0.1em solid gray;
    padding: 1em;
    background: white;
    z-index: 1000;
}

#close-btn[b-g48babjg6a]{
    width: 100%;
    display: flex;
    justify-content: end;
}

#search-list-wrapper[b-g48babjg6a] {
    width: 100%;
    height: 95%;
    overflow-y: scroll;
}

.search-list[b-g48babjg6a] {
    width: 100%;
    height: auto;
}

    .search-list h6[b-g48babjg6a] {
        font-family: 'Ubuntu-Medium';
        background: #ececec;
        padding: 0.5em;
        border-radius: .5em;
        margin: 0.5em 0;
    }

.search-item[b-g48babjg6a] {
    width: 98%;
    position: relative;
    display: flex;
    justify-content: start;
    margin: 0.3em;
    border-bottom: 0.01em solid lightgray;
    padding: 0.3em;
}

.search-item-field[b-g48babjg6a] {
    width: auto;
    margin-right: 0.8em;
    display: flex;
    flex-direction: column;
    width: 20%;
}

    .search-item-field label[b-g48babjg6a] {
        font-family: 'Ubuntu-Medium';
        word-break: break-all;
    }

    .search-item-field span[b-g48babjg6a] {
        font-family: 'Ubuntu-Light';
        font-size: 0.8em;
    }

#search-placeholder[b-g48babjg6a] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0.8;
}

    #search-placeholder i[b-g48babjg6a] {
        font-size: 6em;
        opacity: 0.7;
        margin-bottom: 0.1em;
    }

    #search-placeholder p[b-g48babjg6a] {
        color: gray;
    }

.btn-item[b-g48babjg6a]{
    display: flex;
    justify-content: end;
    align-items: center;
    margin-left: auto;
}
/* _content/ArasWeb/Shared/Components/SearchComponentForDefects.razor.rz.scp.css */
#search-box[b-8kvy6hjzes] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
    margin-left: auto;
    position: relative;
}

    #search-box .search[b-8kvy6hjzes] {
        width: 100% !important;
        border: 0.001em solid lightgray;
        border-radius: 0.25rem;
    }

#search-component[b-8kvy6hjzes] {
    position: absolute;
    width: 40em;
    height: 20em;
    top: 100%;
    right: 0;
    border-radius: 1em;
    border: 0.1em solid gray;
    padding: 1em;
    background: white;
    z-index: 10000;
}

#close-btn[b-8kvy6hjzes] {
    width: 100%;
    display: flex;
    justify-content: end;
}

#search-list-wrapper[b-8kvy6hjzes] {
    width: 100%;
    height: 90%;
    overflow-y: scroll;
}

.search-list[b-8kvy6hjzes] {
    width: 100%;
    height: auto;
}

    .search-list h6[b-8kvy6hjzes] {
        font-family: 'Ubuntu-Medium';
        background: #ececec;
        padding: 0.5em;
        border-radius: .5em;
        margin: 0.5em 0;
    }

.search-item[b-8kvy6hjzes] {
    width: 98%;
    position: relative;
    display: flex;
    justify-content: start;
    margin: 0.3em;
    border-bottom: 0.01em solid lightgray;
    padding: 0.3em;
}

.search-item-field[b-8kvy6hjzes] {
    width: auto;
    margin-right: 0.8em;
    display: flex;
    flex-direction: column;
    width: 50%;
}

    .search-item-field label[b-8kvy6hjzes] {
        font-family: 'Ubuntu-Medium';
        word-break: break-all;
    }

    .search-item-field span[b-8kvy6hjzes] {
        font-family: 'Ubuntu-Light';
        font-size: 0.8em;
    }

#search-placeholder[b-8kvy6hjzes] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0.8;
}

    #search-placeholder i[b-8kvy6hjzes] {
        font-size: 6em;
        opacity: 0.7;
        margin-bottom: 0.1em;
    }

    #search-placeholder p[b-8kvy6hjzes] {
        color: gray;
    }

.btn-item[b-8kvy6hjzes] {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-left: auto;
}

.btn-item button[b-8kvy6hjzes] {
    padding: 0.2em 0.8em;
    border-radius: 0.5em;
}
/* _content/ArasWeb/Shared/Components/SearchComponentForReclamations.razor.rz.scp.css */
#search-box[b-niraghi16s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
    margin-left: auto;
    position: relative;
}

    #search-box .search[b-niraghi16s] {
        width: 100% !important;
        border: 0.01em solid lightgray;
        border-radius: 0.25rem;
    }

#search-component[b-niraghi16s] {
    position: absolute;
    width: 40em;
    height: 20em;
    top: 100%;
    right: 0;
    border-radius: 1em;
    border: 0.1em solid gray;
    padding: 1em;
    background: white;
    z-index: 10000;
}

#close-btn[b-niraghi16s] {
    width: 100%;
    display: flex;
    justify-content: end;
}

#search-list-wrapper[b-niraghi16s] {
    width: 100%;
    height: 90%;
    overflow-y: scroll;
}

.search-list[b-niraghi16s] {
    width: 100%;
    height: auto;
}

    .search-list h6[b-niraghi16s] {
        font-family: 'Ubuntu-Medium';
        background: #ececec;
        padding: 0.5em;
        border-radius: .5em;
        margin: 0.5em 0;
    }

.search-item[b-niraghi16s] {
    width: 98%;
    position: relative;
    display: flex;
    justify-content: start;
    margin: 0.3em;
    border-bottom: 0.01em solid lightgray;
    padding: 0.3em;
}

.search-item-field[b-niraghi16s] {
    width: auto;
    margin-right: 0.8em;
    display: flex;
    flex-direction: column;
    width: 50%;
}

    .search-item-field label[b-niraghi16s] {
        font-family: 'Ubuntu-Medium';
        word-break: break-all;
    }

    .search-item-field span[b-niraghi16s] {
        font-family: 'Ubuntu-Light';
        font-size: 0.8em;
    }

#search-placeholder[b-niraghi16s] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0.8;
}

    #search-placeholder i[b-niraghi16s] {
        font-size: 6em;
        opacity: 0.7;
        margin-bottom: 0.1em;
    }

    #search-placeholder p[b-niraghi16s] {
        color: gray;
    }

.btn-item[b-niraghi16s] {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-left: auto;
}

    .btn-item button[b-niraghi16s] {
        padding: 0.2em 0.8em;
        border-radius: 0.5em;
    }
/* _content/ArasWeb/Shared/Components/SearchComponentForRepeatOperations.razor.rz.scp.css */
#search-box[b-hgxtokbeml] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Ubuntu-Light';
    font-size: 0.9em;
    margin-left: auto;
    position: relative;
}

    #search-box .search[b-hgxtokbeml] {
        width: 100% !important;
        border: 0.01em solid lightgray;
        border-radius: 0.25rem;
    }

#search-component[b-hgxtokbeml] {
    position: absolute;
    width: 40em;
    height: 20em;
    top: 100%;
    right: 0;
    border-radius: 1em;
    border: 0.1em solid gray;
    padding: 1em;
    background: white;
    z-index: 10000;
}

#close-btn[b-hgxtokbeml] {
    width: 100%;
    display: flex;
    justify-content: end;
}

#search-list-wrapper[b-hgxtokbeml] {
    width: 100%;
    height: 90%;
    overflow-y: scroll;
}

.search-list[b-hgxtokbeml] {
    width: 100%;
    height: auto;
}

    .search-list h6[b-hgxtokbeml] {
        font-family: 'Ubuntu-Medium';
        background: #ececec;
        padding: 0.5em;
        border-radius: .5em;
        margin: 0.5em 0;
    }

.search-item[b-hgxtokbeml] {
    width: 98%;
    position: relative;
    display: flex;
    justify-content: start;
    margin: 0.3em;
    border-bottom: 0.01em solid lightgray;
    padding: 0.3em;
}

.search-item-field[b-hgxtokbeml] {
    width: auto;
    margin-right: 0.8em;
    display: flex;
    flex-direction: column;
    width: 50%;
}

    .search-item-field label[b-hgxtokbeml] {
        font-family: 'Ubuntu-Medium';
        word-break: break-all;
    }

    .search-item-field span[b-hgxtokbeml] {
        font-family: 'Ubuntu-Light';
        font-size: 0.8em;
    }

#search-placeholder[b-hgxtokbeml] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0.8;
}

    #search-placeholder i[b-hgxtokbeml] {
        font-size: 6em;
        opacity: 0.7;
        margin-bottom: 0.1em;
    }

    #search-placeholder p[b-hgxtokbeml] {
        color: gray;
    }

.btn-item[b-hgxtokbeml] {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-left: auto;
}

    .btn-item button[b-hgxtokbeml] {
        padding: 0.2em 0.8em;
        border-radius: 0.5em;
    }
/* _content/ArasWeb/Shared/Components/WeekRangeSelector.razor.rz.scp.css */
.form-control[b-0mvomnnh4k] {
    cursor: pointer;
}

.wk[b-0mvomnnh4k] {
    width: 100%;
    border: 0.1em solid #ddd;
    border-radius: 1em;
    padding: 1em;
    background: white;
    position: absolute;
    z-index: 999999;
    cursor: pointer;
}

.wk-header[b-0mvomnnh4k] {
    display: flex;
    align-items: center;
    gap: 1em;
}

.wk-title[b-0mvomnnh4k] {
    flex: 1;
    text-align: center;
    font-family: 'Ubuntu-Regular'
}

.wk-btn[b-0mvomnnh4k] {
    border: 0.1em solid #ddd;
    background: #fff;
    border-radius: 1em;
    padding: 0.5em;
    cursor: pointer;
}

.wk-today[b-0mvomnnh4k] {
    margin-left: auto;
}

.wk-selected[b-0mvomnnh4k] {
    margin: 0.5em 0 0.6em;
    font-size: 0.95em;
}

.wk-grid[b-0mvomnnh4k] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.5em;
}

.wk-dow[b-0mvomnnh4k] {
    text-align: center;
    font-size: 0.85em;
    opacity: 0.75;
    padding: 0.5em 0;
}

.wk-day[b-0mvomnnh4k] {
    border: 0.1em solid #eee;
    background: #fff;
    border-radius: 1em;
    padding: 0.5em 0;
    cursor: pointer;
    text-align: center;
}

    .wk-day.muted[b-0mvomnnh4k] {
        opacity: 0.45;
    }

    .wk-day.today[b-0mvomnnh4k] {
        font-family: 'Ubuntu-Regular';
    }

    .wk-day.selected[b-0mvomnnh4k] {
        color: white;
        font-family: 'Ubuntu-Regular';
    }

#accept[b-0mvomnnh4k] {
    margin-top: 1em;
    margin-left: auto;
}
/* _content/ArasWeb/Shared/Components/WorkOrderInput.razor.rz.scp.css */
#create-work-order-container[b-8y5kil8q0t] {
    width: 100%;
    height: 98%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    overflow-y: scroll;
}

/*
    PREVIEW STYLE
*/

#preview[b-8y5kil8q0t] {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1em;
    border-radius: 0.5em;
}

    #preview #order-preview[b-8y5kil8q0t] {
        background: white;
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 0.5em;
        margin-bottom: 2em;
        background: white;
    }

.checkmark-top[b-8y5kil8q0t], .checkmark-bottom[b-8y5kil8q0t] {
    display: flex;
    justify-content: center;
    background: #1E88E5;
    width: 100%;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    padding: 0.5em 0;
    height: 2em;
}

#preview #order-preview .checkmark-bottom[b-8y5kil8q0t] {
    border-radius: 0;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
}

#preview #order-preview #header[b-8y5kil8q0t] {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: 0.1em solid lightgrey;
    padding: 2em;
}

    #preview #order-preview #header .group[b-8y5kil8q0t] {
        display: flex;
        width: 100%;
        justify-content: start;
    }

        #preview #order-preview #header .group .info[b-8y5kil8q0t] {
            width: 31%;
        }

#preview #order-preview #body[b-8y5kil8q0t] {
    padding: 2em;
    width: 100%;
}

#preview .info[b-8y5kil8q0t] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
}


    #preview .info label[b-8y5kil8q0t] {
        font-family: 'Ubuntu-Regular';
        font-size: 0.9em;
    }

    #preview .info span[b-8y5kil8q0t] {
        font-family: 'Ubuntu-Medium';
        font-size: 1.1em;
        color: #1E88E5;
    }

#article-info[b-8y5kil8q0t] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    #article-info .info[b-8y5kil8q0t] {
        width: 50%;
        padding-right: 1em;
        border-bottom: 0.05em solid lightgray;
        padding-bottom: 1em;
    }

    #article-info .right[b-8y5kil8q0t] {
        padding-right: 0;
        padding-left: 1em;
    }

#input-dimensions[b-8y5kil8q0t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    #input-dimensions span[b-8y5kil8q0t] {
        color: black;
        margin: 0 1em;
    }

#article-info #garbage[b-8y5kil8q0t],
#article-info #garbage span[b-8y5kil8q0t] {
    color: #d9534f
}

[b-8y5kil8q0t] .input-value {
    color: #1E88E5;
    background: rgba(30, 136, 229, 0.1);
}

.input-checkbox label[b-8y5kil8q0t] {
    margin-left: 0.5em;
}

@keyframes example-b-8y5kil8q0t {
    0% {
        right: -20em;
    }

    100% {
        right: 0;
    }
}

#add-new-item[b-8y5kil8q0t] {
    position: absolute;
    right: 0;
    top: 0;
    width: 25em;
    height: 100%;
    background: white;
    animation-name: example-b-8y5kil8q0t;
    animation-duration: 0.5s;
    z-index: 9999;
    border-radius: 1em;
    padding: 1em;
}

    #add-new-item header[b-8y5kil8q0t] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        #add-new-item header button[b-8y5kil8q0t] {
            background: transparent;
            font-size: 1.3em !important;
        }


.info .add-item[b-8y5kil8q0t] {
    margin-left: 1em;
    padding: 0.3em 1em;
    border-radius: 0.5em;
    background: #288aed;
    color: white;
    font-family: 'Ubuntu-Bold';
}

#note[b-8y5kil8q0t] {
    width: 100% !important;
    color: #d9534f;
}

    #note[b-8y5kil8q0t]  textarea {
        color: #d9534f;
    }

.add-item-container[b-8y5kil8q0t] {
}

.empty-table[b-8y5kil8q0t] {
    width: 100%;
    background: #f1f1f1;
    padding: 0.3em 0.8em;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    opacity: 0.7;
}

    .empty-table label[b-8y5kil8q0t] {
        font-family: 'Ubuntu-Light';
        font-size: 0.9em;
    }

.add-item-container-header[b-8y5kil8q0t] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    border-bottom: 0.05em solid rgba(40, 138, 237, .5);
    padding-bottom: 0.5em;
    width: 100%;
}

#add-new-item .body[b-8y5kil8q0t] {
    height: 80%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding: 0 2em;
}

    #add-new-item .body .add-new-item-input-box[b-8y5kil8q0t] {
        width: 100%;
        margin: 0.5em 0;
    }

        #add-new-item .body .add-new-item-input-box label[b-8y5kil8q0t] {
            margin-bottom: 0.5em;
        }

        #add-new-item .body .add-new-item-input-box .tool[b-8y5kil8q0t] {
            width: 100%;
            padding: .375rem .75rem;
            display: block;
            border: 1px solid #ced4da;
            border-radius: .25rem;
            background: #e9ecef;
        }

        #add-new-item .body .add-new-item-input-box .tool-placeholder[b-8y5kil8q0t] {
            opacity: .7;
            color: gray;
        }

    #add-new-item .body button[b-8y5kil8q0t] {
        margin-top: 1em;
    }

.items-list[b-8y5kil8q0t] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    background: rgba(40, 138, 237, .1);
}

.list-header[b-8y5kil8q0t],
.items-list_item[b-8y5kil8q0t] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    font-family: 'Ubuntu-Regular';
}

.list-header[b-8y5kil8q0t] {
    background: rgba(40, 138, 237, .2);
    border-radius: 0;
    font-family: 'Ubuntu-Medium' !important;
    text-transform: uppercase;
    padding: 0;
}

.items-list_item[b-8y5kil8q0t] {
    border-bottom: 0.1em solid lightgray;
}

    .items-list_item span[b-8y5kil8q0t] {
        font-size: 0.9em !important;
        word-wrap: break-word;
        color: black !important;
    }

    .items-list_item img[b-8y5kil8q0t] {
        width: 1.3em;
        height: 1.3em;
        cursor: pointer;
    }

.dorezivanje-col[b-8y5kil8q0t] {
    width: 30%;
    border-right: 0.05em solid gray;
    padding: 0.5em;
    text-align: left
}

.list-header .dorezivanje-col[b-8y5kil8q0t] {
    padding: 0.8em 0.5em;
}

.img-col[b-8y5kil8q0t] {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-8y5kil8q0t] input[type="file"] {
    display: none;
}

.custom-file-upload[b-8y5kil8q0t] {
    width: 417px;
    height: 391px;
    cursor: pointer;
    border: 0.2em dashed lightblue;
    border-radius: 1em;
    display: flex;
    justify-content: center;
    align-items: center !important;
    flex-direction: column;
    background: white;
    position: relative;
}

    .custom-file-upload span[b-8y5kil8q0t] {
        font-size: 1.2em;
        margin: 0.5em;
    }

.placeholder-img[b-8y5kil8q0t] {
    width: 2em;
    height: 2em;
}

#uploaded-img[b-8y5kil8q0t] {
    border: 0.2em dashed lightblue;
    border-radius: 1em;
}

#create-rn[b-8y5kil8q0t] {
    margin-left: auto;
    display: block;
}

[b-8y5kil8q0t] .select-value {
    background: rgba(217, 83, 79, 0.3)
}

/*
    MODAL ZA KREIRANJE:
*/

#create-work-order[b-8y5kil8q0t] {
    width: 100%;
    padding: 5em 3em;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

    #create-work-order #description[b-8y5kil8q0t] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex-direction: column;
    }

        #create-work-order #description p[b-8y5kil8q0t] {
            width: 100%;
            text-align: center;
            font-size: 1.5em;
            margin: 0;
            font-family: 'Ubuntu-Bold';
        }

        #create-work-order #description label[b-8y5kil8q0t] {
            font-size: 0.9em;
            font-family: 'Ubuntu-Light';
            margin-top: 0.5em;
        }

    #create-work-order #selection[b-8y5kil8q0t] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 5em;
    }

        #create-work-order #selection button[b-8y5kil8q0t] {
            background: transparent;
            font-family: 'Ubuntu-Bold';
            border: 0.2em solid gray;
            color: gray;
            width: 45%;
        }

        #create-work-order #selection #yes[b-8y5kil8q0t] {
            color: #70bc64;
            border: 0.2em solid #70bc64;
        }

            #create-work-order #selection #yes:hover[b-8y5kil8q0t] {
                background: #70bc64;
                color: white;
            }

        #create-work-order #selection #no:hover[b-8y5kil8q0t] {
            background: gray;
            color: white;
        }

.ensats-input div[b-8y5kil8q0t] {
    margin-bottom: 0.5em;
}

.shape-selection[b-8y5kil8q0t] {
    margin-right: 50%;
}

#article-shape[b-8y5kil8q0t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    #article-shape div[b-8y5kil8q0t] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40%;
        cursor: pointer;
        padding: 0.5em;
        border-radius: 0.5em;
    }

.selected-shape[b-8y5kil8q0t] {
    border: 0.1em solid #5cb85c;
    background: #e4eef2;
}

.unselected-shape[b-8y5kil8q0t] {
    border: 0.1em solid lightgray;
    background: white;
}

.circle[b-8y5kil8q0t],
.square[b-8y5kil8q0t] {
    height: 2em;
    width: 2em;
    background-color: #14425a;
    display: inline-flex;
}

.circle[b-8y5kil8q0t] {
    border-radius: 50%;
}


.remove-img-btn[b-8y5kil8q0t] {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: white;
    border: 0.1em solid red;
    border-radius: 0.5em;
}

    .remove-img-btn i[b-8y5kil8q0t] {
        font-size: 1.3em;
        padding: 0.3em;
        margin: 0;
    }


#preview .info .number-in-order[b-8y5kil8q0t] {
    display: flex;
    align-items: center;
}

    #preview .info .number-in-order span[b-8y5kil8q0t] {
        width: 30%;
        margin-right: 0.5em;
    }

#preview .info .quantity-editable[b-8y5kil8q0t] {
    display: flex;
}

    #preview .info .quantity-editable .quantity-input[b-8y5kil8q0t] {
        width: 30%;
    }

    #preview .info .quantity-editable .quantity-check[b-8y5kil8q0t]  {
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: start;
        padding-left: 0.3em;
    }

    #preview .info .quantity-editable .quantity-check label[b-8y5kil8q0t] {
        color: black;
        font-family: 'Ubuntu-Light';
        font-size: 0.7em;       
    }

        #preview .info .quantity-editable .quantity-check input[type=checkbox][b-8y5kil8q0t] {
            margin: 0 0.3em;
            padding: 0.5em;          
            cursor: pointer;
        }
/* _content/ArasWeb/Shared/Layouts/AuthLayout.razor.rz.scp.css */
.page[b-s83wvkm8li] {
    position: absolute;
    width: 100%;
    height: 100%;
}

main[b-s83wvkm8li] {
    width: 100%;
    height: 100%;
    position: relative;
    background: rgb(4, 52, 76);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-image: linear-gradient(to bottom, #04344c, #053e5a, #064868, #085276, #0b5c85);
    font-family: 'Ubuntu-Light';
}
/* _content/ArasWeb/Shared/Layouts/MainLayout.razor.rz.scp.css */
.page[b-cmpio3c6uf] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-cmpio3c6uf] {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.sidebar[b-cmpio3c6uf] {
    background-color: rgb(4, 52, 76);
    background-image: linear-gradient(to bottom, #04344c, #043953, #053e5a, #054362, #064869);
    display: flex;
    flex-direction: column;
}

    .sidebar #copyright[b-cmpio3c6uf] {
        margin-top: auto;
        padding-top: 0.5em;
        font-size: 0.65em;
        color: lightgrey;
        font-family: 'Ubuntu-Light';
        padding-bottom: 1em;
        padding-left: 1rem;
        text-align: left;
        opacity: 0.7;
        background: rgb(4, 52, 76)
    }

.top-row[b-cmpio3c6uf] {
    background-color: white;
    border-bottom: 0.1em solid #d6d5d5;
    justify-content: flex-end;
    height: 10%;
    display: flex;
    align-items: center;
}

    .top-row[b-cmpio3c6uf]  a, .top-row .btn-link[b-cmpio3c6uf] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-cmpio3c6uf] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

article[b-cmpio3c6uf] {
    background: #e4eef2;
}

[b-cmpio3c6uf] form {
    width: 100%;
    overflow-y: scroll;
}

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-cmpio3c6uf] {
        display: none;
    }

    .top-row.auth[b-cmpio3c6uf] {
        justify-content: space-between;
    }

    .top-row a[b-cmpio3c6uf], .top-row .btn-link[b-cmpio3c6uf] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-cmpio3c6uf] {
        flex-direction: row;
    }

    .sidebar[b-cmpio3c6uf] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-cmpio3c6uf] {
        position: sticky;
        top: 0;
        z-index: 1;
        display: flex;
        justify-content: space-between;
    }

    .top-row[b-cmpio3c6uf], article[b-cmpio3c6uf] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}


#user[b-cmpio3c6uf] {
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 1em;
}


    #user div[b-cmpio3c6uf]{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
    }

        #user div label[b-cmpio3c6uf] {
            font-family: 'Ubuntu-Bold';
            margin: 0;
        }

        #user div span[b-cmpio3c6uf] {
            font-family: 'Ubuntu-Regular';
            font-size: 0.85em;
            background: rgba(13, 110, 253, 0.5);
            padding: 0.1em 0.3em;
            border-radius: 0.5em;
            color: white;
        }

    #user img[b-cmpio3c6uf] {
        width: 2em;
        height: 2em;
        margin-right: 0.8em;
    }

#logout button[b-cmpio3c6uf]{
    font-family: 'Ubuntu-Medium';
}