.supplier-search-label {
    width: 150px;
}

.supplier-label {
    width: 150px;
}



.supplier-address-button-block {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.supplier-address-button {
    font-weight: normal;
}


.supplier-address-button-selected {
    font-weight: bold;
}

.supplier-address-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/*
 * Order conditions
 */
.supplier-order-condition-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.supplier-order-condition {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.supplier-order-condition-label {
    width: 120px;
}

.supplier-order-condition-sign {
    width: 10px;
}

/*
 * Payment conditions
 */
.supplier-payment-condition-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.supplier-payment-condition {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}



/* 
 * Custom fields
 */
.supplier-custom-field-input-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}



/*
 * Items 
 */
.supplier-item-list {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background-color: #888888;
}


.supplier-item {
    padding: 10px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    background-color: #fafafa;
}

.supplier-item-code {
    flex-grow: 1;
    flex-basis: 50px;
}

.supplier-item-name {
    flex-grow: 4;
    flex-basis: 50px;
}

.supplier-item-complement {
    flex-grow: 2;
    flex-basis: 50px;
}

.supplier-item-subname {
    flex-grow: 2;
    flex-basis: 50px;
}





/* Projects list */
.supplier-project-list-header {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.supplier-project-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}


.supplier-project-block {
    position: relative;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    background-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
}


.supplier-project-remove {
    position: absolute;
    top: 5px;
    right: 5px;
}

.supplier-project-line {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.supplier-project-spec {
    display: flex;
    flex-direction: row;
    gap: 10px;
    font-weight: bold;
}

.supplier-project-line-multi {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.supplier-project-label {
    width: 200px;
}

/*
 * Detail
 */
#supplier-detail-empty {
    display: block;
    margin: 5px 20px 5px 20px;
    font-size: 8pt;
    font-weight: bold;
}


.supplier-custom-field-input-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}



.supplier-line-block {

}

.supplier-line-block-cf {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid;
    border-width: 1px;
    border-color: #F6A54F;
}


.supplier-line-block-cf:last-child {
    border-bottom: none;
}


.supplier-line {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.supplier-line-level-1 {
}

.supplier-supplier-line-level-2 {
}

.supplier-line-level-3 {
}

.supplier-line-cf {
    display: inline-block;
    padding: 10px 0 5px 0;
}

.supplier-editable-label,
.supplier-editable-label-level-1,
.supplier-editable-label-level-2,
.supplier-editable-label-level-3,
.supplier-general-editable-label {
    text-align: left;
}

.supplier-general-editable-label {
    width: 150px;
    font-size: 1.2em;
}

.supplier-editable-label {
    width: 150px;
    font-size: 1em;
}

.supplier-editable-label-level-1,
.supplier-editable-label-level-2,
.supplier-editable-label-level-3 {
    width: 80px;
    font-size: .9em;
}

.supplier-field-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bootiq-supplier-remove-element {
    display: inline-block;
    padding: 20px;    
    font-size: 8pt;
    color: #F6A54F;
    cursor: pointer;
}

.supplier-add-element {
    color: #F6A54F;
    padding: 20px;
    cursor: pointer;
}




.supplier-cockpit-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.supplier-cockpit-stat-block {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #dddddd;
}

.supplier-cockpit-stat-content-title {
    text-align: center;
    font-weight: bold;
    font-size: 1.6em;
}

.supplier-cockpit-stat-content-line {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.supplier-cockpit-stat-content-line-title {
}

.supplier-cockpit-stat-content-line-value {
}

.supplier-cockpit-stat-content-line-value-number {
    text-align: right;
    font-size: 1.4em;
}



/* History */
.supplier-history-item-list-title-block {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: space-between;
    cursor: pointer;
}


.supplier-history-item-list-section {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.supplier-history-search-section {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}


.supplier-history-item-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.supplier-history-item-list-body {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.supplier-history-item-list-header,
.supplier-history-item-row {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.supplier-history-item-row:hover {
    background-color: #dddddd;
}

.supplier-history-item-row-match-search {
}

.supplier-history-item-row-nomatch-search {
    display: none;
}



.supplier-history-item-list-header-sortable {
    cursor: pointer;
}
 
.supplier-history-item-header {
    padding: 6px 4px;
    box-sizing: border-box;
    flex-basis: 50px;
    background-color: #444444;
    color: white;
    
}

.supplier-history-item-column {
    padding: 0 4px;
    box-sizing: border-box;
    flex-basis: 50px;
}

.supplier-history-item-column-order-number {
    flex-grow: 1;
}

.supplier-history-item-column-order-date {
    flex-grow: 2;
}

.supplier-history-item-column-item-code {
    flex-grow: 4;
}

.supplier-history-item-column-label {
    flex-grow: 8;
}

.supplier-history-item-column-unit-code {
    flex-grow: 2;
}

.supplier-history-item-column-quantity {
    flex-grow: 2;
    text-align: right;
}

.supplier-history-item-column-currency-code {
    flex-grow: 1;
}

.supplier-history-item-column-price {
    flex-grow: 2;
    text-align: right;
}

.supplier-history-item-column-reduction {
    flex-grow: 1;
    text-align: right;
}


/* Documents */

.supplier-document-header {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    text-align: center;
    font-weight: bold;
}


.supplier-document-add {
    cursor: pointer;
}


.supplier-document-block {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}



.supplier-document-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 20px;
    background-color: #666666;
    color: white;
}

.supplier-document-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    cursor: pointer;
}

.supplier-document-name {
    min-height: 25px;
}

.supplier-document-picture {
    max-height: 150px;
    supplier-fit: cover;
}


.supplier-document-remove {
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 4px;
    color: white;
    cursor: pointer;
    z-index: 9;
}




/* Related documents */

.supplier-related-document-list-section {
    display: flex;
    flex-direction: column;
    gap: 40px;
}


.supplier-related-document-block-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.supplier-related-document-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.supplier-related-document-header {
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #666666;
    color: white;
}

.supplier-related-document-list {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    text-align: center;
    font-weight: bold;
}

.supplier-related-document-list-body {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
}


.supplier-related-document {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 20px;
    background-color: #666666;
    color: white;
    cursor: pointer;
}

.supplier-related-document-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    cursor: pointer;
}

.supplier-related-document-name,
.supplier-related-document-label {

}


.supplier-related-document-doc {
    max-height: 150px;
    object-fit: cover;
}


.supplier-related-document-picture {
    max-height: 150px;
    supplier-fit: cover;
}