﻿.item-property-group {
    width: 100%;
}

.item-property-group-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    width: 100%;
    min-width: 0;
}
#ItemPropertyGroupsError {
    position: relative;
    top: -7px;
}

#AddItemPropertyGroup {
    font-size: 12px;
}
#AdditionalPopup .modal-body {
    overflow-x: hidden;
}
.property-group-quantity-field {
    flex: 0 0 90px;
    min-width: 90px;
}

.property-group-uom-field {
    flex: 0 0 120px;
    min-width: 120px;
}

.item-properties-scroll {
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px;
}

.item-properties-horizontal {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 12px;
    width: max-content;
    min-width: 100%;
}

.stock-property-field {
    flex: 0 0 180px;
}
.stock-property-field .form-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .5rem;
}
.stock-property-field .select2-container {
    width: 100% !important;
}
.stock-property-control {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
}
.stock-property-control label{
    position: relative;
    top: 6px;
}
.property-group-action {
    flex: 0 0 auto;
    min-width: 55px;
    position: relative;
    top: 33px;
}

.item-properties-scroll::-webkit-scrollbar {
    height: 8px;
}

.item-properties-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.item-properties-scroll::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    border-radius: 4px;
}

.item-properties-scroll::-webkit-scrollbar-thumb:hover {
    background: #999;
}

 /*//MultiSelection - selected values in ONE ROW*/

.multipleSelect + .select2-container .select2-selection--multiple {
    overflow: hidden !important;
    min-height: 34px !important;
    max-height: 42px !important;
}

.multipleSelect + .select2-container .select2-selection__rendered {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    white-space: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0px 0px !important;
    box-sizing: border-box !important;
    scrollbar-width: thin;
}

.multipleSelect + .select2-container .select2-selection__choice {
    flex: 0 0 auto !important;
    float: none !important;
    white-space: nowrap !important;
    margin-top: -18px !important;
    font-size: 12px;
    margin-bottom: -21px !important;
}

.multipleSelect + .select2-container .select2-search--inline {
    flex: 0 0 auto !important;
    float: none !important;
}

    .multipleSelect + .select2-container .select2-search--inline .select2-search__field {
        min-width: 50px !important;
        margin-top: 2px !important;
        margin-bottom: 0px !important;
    }

.multipleSelect + .select2-container .select2-selection__rendered::-webkit-scrollbar {
    height: 5px;
}

.multipleSelect + .select2-container .select2-selection__rendered::-webkit-scrollbar-track {
    background: transparent;
}

.multipleSelect + .select2-container .select2-selection__rendered::-webkit-scrollbar-thumb {
    border-radius: 4px;
}

.required-item-property-value {
    background-color: #ffaf96;
}

    .required-item-property-value td {
        background-color: #ffaf96;
    }

#ItemPropertiesDetailsSection {
    margin-top: 15px;
}

.item-properties-details-title {
    font-size: 15px;
    margin-bottom: 0px;
}

.item-property-detail-row {
    display: grid;
    grid-template-columns: minmax(140px, 220px) 20px 1fr;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
}

.item-property-detail-name {
    font-weight: 600;
    font-size: 13px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-right: 1px;
}
#ExpiryError {
    position: relative;
    top: -12px;
}
.AddExpiryBtn {
    text-align: end;
}
.AddExpiryBtn button{
    font-size: 12px;
    position: relative;
    top: 8px;
}

#ItemPropertiesSection hr{
    border:1px;
}