:root {
    --samples-primary: #0A3E76;
    --samples-secondary: #919191;
    --samples-danger-raw: 255, 69, 84;
    --samples-danger: rgb(var(--samples-danger-raw));
    --samples-success-raw: 119, 179, 109;
    --samples-success: rgb(var(--samples-success-raw));
    --samples-warning-raw: 247, 190, 23;
    --samples-warning: rgb(var(--samples-warning-raw));
    --samples-dark: #494949;
    --samples-font-primary: Gilroy-Bold;
    --saples-letter-spacing: 0.4px;
    --grid-header-bg: #F5F6F9;
    --samples-border-default-color: #C6C6C6;
    --samples-placeholder-color: #848484;
    --samples-default-element-height: 2.5625rem;
    --samples-default-border-radius: 0.625rem;
    --samples-status-green: rgba(186, 224, 180, 1);
    --samples-status-purple: rgba(216, 211, 255, 1);
    --samples-status-orange: rgba(255, 222, 124, 1);
    --samples-status-yellow: rgba(255, 244, 149, 1);
    --samples-status-red: rgba(255, 130, 140, 1);
    --samples-badge-green: rgba(82, 167, 149, 1);
    --samples-dropdown-blue: #507EA8FF;
    --form-section-bg: #F5F6F9;
}

/*======================================  STATUS STYLES =================================*/
.samples-status-green {
    background-color: var(--samples-status-green) !important;
}
.samples-status-purple {
    background-color: var(--samples-status-purple) !important;
}
.samples-status-orange {
    background-color: var(--samples-status-orange) !important;
}
.samples-status-yellow {
    background-color: var(--samples-status-yellow) !important;
}
.samples-status-red {
    background-color: var(--samples-status-red) !important;
}
/*======================================  END OF STATUS STYLES =================================*/

/*======================================  SAMPLES MAIN PAGE =================================*/

.samples-main-page {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: stretch;
    height: calc(100vh - 8rem);
    /*width: calc(100vw - 9.5rem);*/
}

.samples-main-page .main-page-search {
    flex-basis: 28.125rem;
}

/*====================================== END OF SAMPLES MAIN PAGE =================================*/

/*======================================  SAMPLES DETAIL PAGE =================================*/

.samples-detail-page {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: calc(100vh - 8rem);
}

.samples-detail-page .left-panel {
    min-width: 20.5625rem;
    width: 20.5625rem;
    height: calc(100vh - 19.75rem);
    background: #F5F6F9;
    box-shadow: 0.1875rem -0.25rem 0.9375rem 0.25rem rgba(0, 0, 0, 0.25);
    border-radius: 0.625rem 0.625rem 0 0;
}

.samples-detail-page .right-part {
    background-color: white;
    padding: 0 0 0 0.5rem;
    border-radius: var(--samples-default-border-radius);
}

.samples-detail-page .article-panel {
    height: calc(100% - 1rem);
    display: flex;
    flex-direction: column;
    overflow-y: clip;
    padding-top: 0.875rem;
    gap: 0;
}

.samples-detail-page .article-panel .options-wrapper {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}
.samples-detail-page .article-panel .catalogue {
    padding-left: 0.875rem;
}

.samples-detail-page .print-menu {
    width: 2.5625rem;
}
.samples-detail-page .print-menu .k-menu-link{
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.samples-detail-page .print-menu .k-menu-expand-arrow{
    display: none;
}

.samples-detail-page .article-panel .catalogue {
    background: #F5F6F9;
    width: 19.5rem;
}

.samples-detail-page .article-panel .catalogue .k-grid {
    background: #F5F6F9;
}

.samples-detail-page .article-panel .catalogue .k-grid .k-grid-header {
    border: 0;
}
.samples-detail-page .article-panel .catalogue .k-grid-content {
    scrollbar-gutter: stable;
}

.samples-detail-page .article-panel .catalogue tr {
    background-color: transparent !important;
}


.samples-detail-page .article-panel .catalogue .article-item-container {
    width: 18.8125rem;
}

.samples-detail-page .article-panel .catalogue .article-item {
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    cursor: move !important;
    opacity: 1 !important;
    gap: 0.5rem;
    padding: 0.245rem;
    background: white;
    border: 0.0625rem solid #C8C8C8;
    border-radius: 0.3125rem;
}
.samples-detail-page .article-panel .search-with-icon input {
    background-color: white;
}
.samples-detail-page .article-panel .search-with-icon > i {
    color: #8E8E8E !important;
    z-index: 1;
    font-size: 1.125rem;
}

.samples-detail-page .article-panel .catalogue .article-item .article-center-part {
    justify-content: space-between;
    width: 10.5rem;
    padding-left: 0.25rem;
    flex-grow: 0;
    flex-shrink: 0;
}

.samples-detail-page .article-panel .catalogue .article-item .picto-container {
    width: 4.6875rem !important;
    height: 4.6875rem !important;
    border-radius: 0.3125rem;
    overflow: hidden;
}

.samples-detail-page .article-panel .catalogue .article-item .picto-container > img {
    max-width: 100%;
    max-height: 100%;
    width: unset;
}


.samples-detail-page .article-panel .catalogue .article-item .article-image {
    cursor: default;
    width: 4.6875rem !important;
    height: 4.6875rem !important;
}

.samples-detail-page .article-panel .catalogue .article-item .article-doc {
    width: 1.875rem;
    min-width: 1.875rem;
    display: flex;
    align-items: center;
    text-align: left;
    line-height: 0;
}

.samples-detail-page .article-panel .catalogue .article-item .article-doc .document-icon {
    width: 1.375rem;
}

.samples-detail-page .article-panel .catalogue .article-item .article-name {
    font-family: 'Gilroy-Medium';
    font-style: normal;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 0.75rem;
    letter-spacing: 0.03em;
    color: #000000;
}

.samples-detail-page .article-panel .catalogue .article-item .material-number {
    font-family: 'Gilroy-Medium';
    font-style: normal;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 0;
    letter-spacing: 0.03em;
    color: #6D6D6D;
}

.samples-detail-page .article-panel .catalogue .article-item .article-hierarchy {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 0.75rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #000000;
    width: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
}

.samples-detail-page .article-panel .catalogue .article-item a i {
    color: var(--primary);
    font-size: 1.125rem;
}

.samples-detail-page .abs-separator-line-horizontal {
    background-color: #D9D9D9;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.sample-details-subtitle {
    font-family: 'Gilroy-Medium';
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding-bottom: 0.75rem;
    text-decoration: underline;
    color: #000000;
}

.samples-request-update-modal .k-window-titlebar-action {
    opacity: 1;
}

.samples-request-update-modal .k-window-titlebar {
    padding-top: 3.375rem;
    padding-left: 2.875rem;
    padding-right: 2.875rem;
}
.samples-request-update-modal .k-window-content {
    padding-bottom: 3.375rem;
    padding-left: 2.875rem;
    padding-right: 2.875rem;
}

.samples-request-update-modal .k-svg-i-samples-close-icon {
    width: 2.5rem !important;
    height: 2.5rem !important;
}

.samples-request-update-modal .k-svg-i-samples-close-icon svg {
    width: 2.5rem !important;
    height: 2.5rem !important;
}

.samples-request-update-modal .k-window-titlebar-actions {
    display: block !important;
}

.samples-request-update-modal .k-window-titlebar-actions .k-button:hover::before,
.samples-request-update-modal .k-window-titlebar-actions .k-button.k-hover::before {
    opacity: 0 !important;
}

.samples-request-update-modal .samples-textarea-large {
    overflow-y: auto !important;
}

.abena-v2-modal-window .samples-textarea-large textarea,
.abena-v2-modal-window .samples-textarea-large .k-textarea,
.samples-request-update-modal .samples-textarea-large textarea,
.samples-request-update-modal .samples-textarea-large .k-textarea {
    max-height: unset;
    height: 100% !important;
    overflow-y: auto !important;
}

.preparation-instructions {
    position: absolute;
    width: fit-content;
    width: -webkit-fill-available;
    right: 0;
    top: 0;
    min-height: 4rem;
    z-index: 15;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: baseline !important;
    padding-top: 0.5rem;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    gap: 0.5rem !important;
    height: fit-content !important;
    padding-bottom: 0.5rem;
    word-break: break-all;
}

.preparation-instructions span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    padding-right: 0.25rem;
    height: 1.5rem;
    border-radius: 100%;
    cursor: pointer;
    user-select: none;
}
.samples-detail-page .categorie-dropdown {
    box-shadow: 0 0.25rem 0.5rem 0 rgba(49, 55, 116, 0.20);
    border-radius: 0.375rem;
}

.samples-detail-page .categorie-dropdown .abena-v2-combo-box {
    height: 2.5625rem !important;    
}

.samples-detail-page .categorie-dropdown .k-dropdownlist,
.samples-detail-page .categorie-dropdown .k-dropdownlist .k-input-inner,
.samples-detail-page .categorie-dropdown .k-dropdownlist .k-button,
.samples-detail-page .categorie-dropdown .k-dropdownlist .k-button-icon{
    background-color: var(--form-section-bg) !important;
    color: var(--primary) !important;
    font-family: Gilroy-Heavy;
    letter-spacing: 0.5px;
    border-radius: 0.375rem !important;
    box-shadow: none !important;
}

.samples-detail-page .categorie-dropdown .k-dropdownlist .k-button-icon:before {
    content: '' !important;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("/Images/samples/arrow_forward_ios.svg");
    rotate: 180deg !important;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: -0.875rem !important;
}
.samples-detail-page .categorie-dropdown .opened .k-dropdownlist .k-button-icon:before {
    margin-bottom: 0.75rem !important;
}
.samples-detail-page .categorie-dropdown .k-dropdownlist .k-button-icon {
    width: 1.5rem;
}

/*====================================== END OF SAMPLES DETAIL PAGE =================================*/

/*====================================== SAMPLES ALLOCATION PAGE =================================*/
.samples-allocation-page {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    height: calc(100vh - 8rem);
}

.samples-allocation-page .abs-grid {
    height: calc(50% - 9rem);
} 
.samples-allocation-page .k-button {
    box-shadow: none !important;
} 

.samples-allocation-page .abena-v2-grid tbody tr:last-of-type{
    border-bottom-width: 0 !important;
}
.allocation-disabled input {
    pointer-events: none;
}
.allocation-disabled td {
    opacity: 0.6;
    text-decoration: line-through;
}
/*====================================== END OF SAMPLES ALLOCATION PAGE =================================*/

/*======================================  SAMPLES STATUS BAR ELEMENT =================================*/
.statuses-bar {
    display: flex;
    height: 3.5rem;
    overflow-x: auto;
    overflow-y: hidden;
}

.status-step-element {
    background-image: url("/Images/samples/statuses-bar-default.svg");
    background-color: unset !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 15.25rem;
    height: var(--samples-default-element-height);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -1.8125rem;
    position: relative;
    font-size: 0.875rem;
    font-family: Gilroy-Bold;
    font-weight: 400;
    line-height: 0;
}

.status-step-element.samples-status-done {
    background-image: url("/Images/samples/statuses-bar-done.svg");
    color: white;
}
.status-step-element.samples-status-active {
    background-image: url("/Images/samples/statuses-bar-active.svg");
    color: white;
}


.statuses-bar .k-checkbox-wrap {
    position: absolute;
    right: 2.75rem;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -1px;
}

.statuses-bar input:not(:checked) {
    background: #FFFFFF;
    box-shadow: inset 0 1px 1.9px rgba(49, 55, 116, 0.5);
    border-radius: 0.3125rem;
    border: none;
}

@media (max-width: 1740px) {
    .status-step-element {
        margin-right: -3rem;
        width: 13.5rem;
        height: 2.3125rem;
    }
    .statuses-bar {
        height: 3rem;
        margin-top: 0.5rem;
    }
}

/*====================================== END OF SAMPLES STATUS BAR ELEMENT =================================*/

/*======================================  ADD ARTICLE MODAL =================================*/
.add-article-batch-input {
    width: 26rem;
}

.add-article-unit {
    border-radius: 0.3125rem;
    padding: 0.25rem 0.5rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    font-size: 1rem;
    font-family: Gilroy-Medium;
}

.add-article-unit.cardboard {
    background-color: var(--samples-primary);
    color: white;
}

.add-article-unit.pack {
    color: var(--samples-primary);
}

.article-add-unit .k-input-value-text {
    font-size: 0.875rem;
    font-family: Gilroy-Medium;
    text-transform: none;
}

/*====================================== END OF ADD ARTICLE MODAL =================================*/

/*====================================== SAMPLES REQUEST MISSING STOCK MODAL =================================*/

.samples-missing-stock {
    height: 2.25rem;
    border-radius: 0.3125rem;
    font-family: 'Gilroy-Bold';
    padding-left: 0.75rem;
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    display: flex;
    align-items: center;
}

.samples-missing-stock.unavailable {
    background-color: rgba(var(--samples-danger-raw), 0.5 );
}
.samples-missing-stock.partial {
    background-color: rgba(var(--samples-warning-raw), 0.5 );
}
.samples-missing-stock.available {
    background-color: rgba(var(--samples-success-raw), 0.5 );
}

.abena-v2-modal-window.samples-request-missing-quantity-modal .k-window-titlebar {
    padding-top: 2.125rem;
    padding-left: 2rem;
    padding-right: 2rem;
} 
.abena-v2-modal-window.samples-request-missing-quantity-modal .k-window-content {
    padding-left: 2.625rem;
    padding-right: 2.625rem;
}

.samples-request-missing-quantity-modal .abena-v2-grid thead {
    background-color: unset;
}

.samples-request-missing-quantity-modal .abena-v2-grid thead tr {
    background-color: unset;
    font-family: 'Gilroy-Bold';
    font-size: 0.875rem !important;
}

.samples-request-missing-quantity-modal .abena-v2-grid thead th {
    border: unset !important;
    border-bottom: 1px solid var(--samples-border-default-color) !important;
}

.samples-request-missing-quantity-modal .abena-v2-grid .k-grid-header .k-table {
    margin-bottom: 0 !important;
}
.samples-request-missing-quantity-modal .abena-v2-grid thead th:last-child,
.samples-request-missing-quantity-modal .abena-v2-grid tbody tr td:last-child{
    background-color: unset;
    border-bottom: none !important;
}
.samples-request-missing-quantity-modal .abena-v2-grid thead th:first-of-type,
.samples-request-missing-quantity-modal .abena-v2-grid tbody tr td:first-of-type{
    position:unset;
}
.samples-request-missing-quantity-modal .abena-v2-grid thead th:first-of-type:before{
    overflow-y: visible;
    content:"";
    background-color: white;
    display: block;
    position: absolute;
    height: 6px;
    width: 1.5rem;
    left: 0;
    bottom: -3px;
}
.samples-request-missing-quantity-modal .abena-v2-grid tbody tr td:first-of-type:before{
    overflow-y: visible;
    content:"";
    background-color: white;
    display: block;
    position: absolute;
    height: 4rem;
    width: 1.5rem;
    left: 0;
    bottom: -3px;
}
.samples-request-missing-quantity-modal .abena-v2-grid thead th:nth-last-of-type(2),
.samples-request-missing-quantity-modal .abena-v2-grid tbody tr td:nth-last-of-type(2){
    position:static;
}
.samples-request-missing-quantity-modal .abena-v2-grid.without-lot thead th:nth-last-of-type(2):before{
    content:"";
    overflow-y: visible;
    background-color: white;
    display: block;
    position: absolute;
    height: 6px;
    width: 3rem;
    margin-left: 14%;
    bottom: -3px;
}
.samples-request-missing-quantity-modal .abena-v2-grid.with-lot thead th:nth-last-of-type(2):before{
    content:"";
    overflow-y: visible;
    background-color: white;
    display: block;
    position: absolute;
    height: 6px;
    width: 3rem;
    margin-left: 10%;
    bottom: -3px;
}
.samples-request-missing-quantity-modal .abena-v2-grid.without-lot tbody tr td:nth-last-of-type(2):before {
    content:"";
    overflow-y: visible;
    background-color: white;
    display: block;
    position: absolute;
    height: 4rem;
    width: 3rem;
    margin-left: 13.75%;
    bottom: -3px;
}
.samples-request-missing-quantity-modal .abena-v2-grid.with-lot tbody tr td:nth-last-of-type(2):before {
    content:"";
    overflow-y: visible;
    background-color: white;
    display: block;
    position: absolute;
    height: 4rem;
    width: 3rem;
    margin-left: 10.5%;
    bottom: -3px;
}

.samples-request-missing-quantity-modal .abena-v2-grid.narrow-rows tbody tr {
    height: 2.5rem;
}
.samples-request-missing-quantity-modal .abena-v2-grid.narrow-rows tbody tr td{
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    font-size: 0.875rem !important;
    font-family: 'Gilroy-Medium' !important;
}


.samples-request-missing-quantity-modal .abena-v2-grid tbody tr, .abena-v2-grid tbody tr td {
    border-bottom: none !important;
}

.samples-request-missing-quantity-modal .abena-v2-grid tbody td:first-of-type:before,
.samples-request-missing-quantity-modal .abena-v2-grid tbody td:last-of-type:before {
    display:none;
}

.samples-request-missing-quantity-modal .k-window-content .inner-content {
    overflow: auto;
}

.samples-request-missing-quantity-modal .abena-v2-grid .abena-v2-text-box,
.samples-request-missing-quantity-modal .abena-v2-grid .abena-v2-text-box input, .abena-v2-grid .abena-v2-combo-box,
.samples-request-missing-quantity-modal .abena-v2-grid .abena-v2-combo-box .k-dropdownlist {
    height: 1.75rem !important;
}
.samples-request-missing-quantity-modal .abena-v2-grid .abena-v2-combo-box.success .k-button-icon:before {
    color: var(--white) !important;
}
.samples-request-missing-quantity-modal .abena-v2-grid .abena-v2-combo-box.move .k-input-inner,
.samples-request-missing-quantity-modal .abena-v2-grid .abena-v2-combo-box.move .k-dropdownlist,
.samples-request-missing-quantity-modal .abena-v2-grid .abena-v2-combo-box.move .k-button {
    background-color: var(--samples-success) !important;
    color: var(--white) !important;
}
.samples-request-missing-quantity-modal .abena-v2-grid .abena-v2-combo-box.remove .k-input-inner,
.samples-request-missing-quantity-modal .abena-v2-grid .abena-v2-combo-box.remove .k-dropdownlist,
.samples-request-missing-quantity-modal .abena-v2-grid .abena-v2-combo-box.remove .k-button {
    background-color: var(--samples-danger) !important;
    color: var(--white) !important;
}
.samples-request-missing-quantity-modal .abena-v2-grid .abena-v2-combo-box.none .k-input-inner,
.samples-request-missing-quantity-modal .abena-v2-grid .abena-v2-combo-box.none .k-dropdownlist,
.samples-request-missing-quantity-modal .abena-v2-grid .abena-v2-combo-box.none .k-button {
    background-color: var(--samples-secondary) !important;
    color: var(--white) !important;
}

.samples-request-missing-quantity-modal .abena-v2-grid .abena-v2-combo-box .k-input-inner {
    padding-left: 0;
    padding-right: 0;
}

.samples-request-missing-quantity-modal  .abena-v2-grid tbody tr td:hover:after {
    display: none;
}

.samples-request-missing-quantity-modal .k-window-content {
    position: unset;
}

.samples-request-missing-quantity-modal .cancel-request-button {
    position: absolute;
    right: 2.8125rem;
    top: 2.5rem;
}

.samples-request-missing-quantity-modal .abena-v2-grid .substituted-row td:not(:last-of-type) {
    background-color: #eef1ff !important;
}

/*================================== END OF SAMPLES REQUEST MISSING STOCK MODAL =================================*/

/*================================== INVENTORY MAIN PAGE =================================*/
.inventory-main-page {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: stretch;
    height: calc(100vh - 8rem);
    /*width: calc(100vw - 9.5rem);*/
}

.inventory-grid tbody tr{
    height: 5.625rem;
}

.inventory-grid tbody tr td[data-col-index="0"]{
    border-bottom: 1px solid white !important;
}

.inventory-grid tbody tr td:not(.k-group-cell):hover:after{
    display: none;
}


.inventory-grid .k-table-group-row div{
    text-decoration-line: underline;
    color: #5560D2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.inventory-grid .k-table-group-row, .inventory-grid .k-table-group-row .k-reset{
    height: 4rem;
}
.inventory-grid .k-master-row:not(.k-hidden) + .k-table-group-row td:before {
    content: "";
    width: 1px;
    height: 0.75rem;
    position: absolute;
    left: 1rem;
    top: -1px;
    background-color: rgba(101, 101, 101, 0.25);
}

.allocation-counter{
    margin-left: 0.5rem;
    background-color: var(--samples-primary);
    color: white;
    min-width: 2.5rem;
    height: 2.25rem;
    border-radius: 3rem;
    display: inline-flex;
    justify-items: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.allocation-tooltip .k-tooltip{
    background-color: var(--grid-header-bg) !important;
    padding: 0.75rem 0.5rem;
}
.allocation-tooltip .k-tooltip .k-tooltip-content {
    border-top-left-radius: var(--samples-default-border-radius);
    border-top-right-radius: var(--samples-default-border-radius);
}

.allocation-tooltip .abena-v2-grid tbody tr{
    height: 2.5rem;
}
.allocation-tooltip .abena-v2-grid .k-grid-header{
    margin-bottom: 0;
    padding-right: 0;
}

.allocation-tooltip .abena-v2-grid tbody tr td {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

/*.allocation-tooltip table{*/
/*    table-layout: fixed;*/
/*    min-width: 15rem;*/
/*    border-collapse: collapse;*/
/*}*/
/*.allocation-tooltip table td, .allocation-tooltip table th{*/
/*    width: 50%;*/
/*    text-align: center;*/
/*    border: 1px solid white;*/
/*}*/
/*================================== END OF INVENTORY MAIN PAGE =================================*/

/*================================== ADJUST INVENTORY MODAL =================================*/
.adjust-inventory-modal .edit-context-wrapper {
    display: flex;
    gap: 1rem;
    align-items: center;
    position: absolute;
    top: 1rem;
    right: 2rem;
    text-transform: uppercase;
    font-family: Gilroy-Heavy;
    font-size: 0.625rem;
    letter-spacing: 0.05em;
    color: var(--samples-primary);
}

.adjust-inventory-modal .edit-context-wrapper .k-switch, .adjust-inventory-modal .edit-context-wrapper .k-switch .k-switch-track{
    width: 2.1875rem;
    height: 1.1875rem;
}


.adjust-inventory-modal .edit-context-wrapper .k-switch-md.k-switch-on .k-switch-thumb-wrap {
    left: calc(100% - 0.6375rem);
}

.adjust-inventory-modal .edit-context-wrapper .k-switch-md.k-switch-off .k-switch-thumb-wrap {
    left: 0.6375rem;
}

.adjust-inventory-modal .edit-context-wrapper .k-switch .k-switch-thumb {
    width: 0.625rem;
    height: 0.625rem;
}

.adjust-inventory-modal .edit-context-wrapper .k-switch .k-switch-track {
    background-color: white;
    border-width: 0.1875rem;
    outline: unset !important;
}

.adjust-inventory-modal .edit-context-wrapper .k-switch-on .k-switch-track {
    border-color: var(--samples-danger);
}

.adjust-inventory-modal .edit-context-wrapper .k-switch-off .k-switch-track {
    border-color: var(--samples-success);
}

.adjust-inventory-modal .edit-context-wrapper .k-switch-on .k-switch-thumb {
    background-color: var(--samples-danger);
}
.adjust-inventory-modal .edit-context-wrapper .k-switch-off .k-switch-thumb {
    background-color: var(--samples-success);
}

.adjust-inventory-modal .icon-locked, .adjust-inventory-modal .icon-unlocked{
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -0.5rem;
}
.adjust-inventory-modal .icon-locked.k-icon-md{
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0;
}
.adjust-inventory-modal .icon-locked{
    color: var(--samples-danger);
}

.adjust-inventory-modal .icon-unlocked{
    color: var(--samples-success);
}

.adjust-inventory-modal .abena-v2-grid.allocated {
    max-height: calc(40vh - 12rem);
}
.adjust-inventory-modal .abena-v2-grid.to-allocate {
    display: contents;
}
.adjust-inventory-modal .content-wrapper {
    max-height: calc(80vh - 12rem);
    height: 100%;
    flex-grow: 1;
    flex-shrink: 1;
}
.adjust-inventory-modal .abena-v2-combo-box {
    margin-top: -0.5rem;
}

.adjust-inventory-modal .k-table-thead,
.adjust-inventory-modal .k-grid-header thead tr, 
.adjust-inventory-modal .k-grid-header thead tr th, 
.allocation-tooltip .k-table-thead, 
.allocation-tooltip .k-grid-header thead tr, 
.allocation-tooltip .k-grid-header thead tr th{
    background-color: var(--samples-primary) !important;
    color: white;
}
.adjust-inventory-modal  .abena-v2-grid tbody tr td:hover:after, .allocation-tooltip  .abena-v2-grid tbody tr td:hover:after {
    display: none;
}
.adjust-inventory-modal  .inner-content {
    display: flex;
    max-height: 100%;
}

.adjust-inventory-modal .abena-v2-grid tbody tr {
    height: 2.25rem;
}
.adjust-inventory-modal .abena-v2-grid tbody tr td {
    border-width: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
}
.adjust-inventory-modal .abena-v2-grid tbody tr td .k-input,
.adjust-inventory-modal .abena-v2-grid tbody tr td input {
    height: 1.875rem !important;
    text-align: center;
    background-color: white;
}

.adjust-inventory-modal .abena-v2-grid tbody tr td input{
    padding-left: 0.0625rem;
    padding-right: 0.0625rem;
    padding-top: 0.4375rem;
}

.adjust-inventory-modal .abena-v2-grid tbody tr td .abena-v2-combo-box {
    width: 4.875rem;
    height: 1.875rem !important;
    margin-top: 0;
}
.adjust-inventory-modal .abena-v2-grid tbody tr td .abena-v2-combo-box .k-input-inner {
    padding: 0;
    background-color: white !important;
}
.adjust-inventory-modal .abena-v2-grid tbody tr td .abena-v2-combo-box > div {
    height: 1.875rem;
}
.adjust-inventory-modal .abena-v2-grid tbody tr td .abena-v2-combo-box .k-dropdownlist {
    padding-left: 0 !important;
    box-shadow: none;
}
.adjust-inventory-modal .abena-v2-grid tbody tr td .abena-v2-combo-box .k-input-value-text {
    padding-left: 0;
}

.adjust-inventory-modal .abena-v2-grid .k-datepicker button,
.adjust-inventory-modal .abena-v2-grid tbody tr td .abena-v2-combo-box button {
    display: none;
}

.adjust-inventory-modal .k-grid .k-grid-header .k-table-th {
    letter-spacing: 0.05em;
}
/*================================== END OF ADJUST INVENTORY MODAL =================================*/

/*================================== ADD INVENTORY MODAL =================================*/

.add-inventory-modal .k-window-titlebar {
    padding-top: 2rem;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}

.add-inventory-modal .k-window-content {
    padding-top: 2rem;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}

.add-inventory-grid tbody tr{
    height: 5.625rem;
}

.add-inventory-grid tbody tr td:not(.k-group-cell):hover:after{
    display: none;
}
.add-inventory-grid .k-table-group-row div{
    text-decoration-line: underline;
    color: #5560D2;
}

.add-inventory-grid .k-table-group-row{
    height: 4rem;
}
.add-inventory-grid .k-master-row:not(.k-hidden) + .k-table-group-row td:before {
    content: "";
    width: 1px;
    height: 0.75rem;
    position: absolute;
    left: 1rem;
    top: -1px;
    background-color: rgba(101, 101, 101, 0.25);
}
.add-inventory-grid .k-grid-header thead tr, 
.add-inventory-grid .k-grid-header thead tr th{
    background-color: var(--samples-primary) !important;
    color: white;
}

.search-with-icon.add-inventory input {
    height: 2.5rem;    
}

.search-with-icon.add-inventory button {
    width: 2.6875rem;    
}

.search-with-icon.add-inventory > span {
    border-radius: var(--samples-default-border-radius);
    background-color: var(--white);
    border: 0.5px solid rgba(139, 139, 139, 0.33) !important;
}

.search-with-icon.add-inventory .k-input {
    height: 2.625rem !important;
}
.search-with-icon.add-inventory input {
    padding-left: 3rem !important;
    height: 2.625rem !important;
    color: var(--samples-placeholder-color);
}

.search-with-icon.add-inventory input::placeholder {
    color: var(--samples-placeholder-color);
}
.search-with-icon.add-inventory .k-button-solid-base {
    background-color: var(--white) !important;
}

.add-inventory-modal .article-status-static {
    background-color: var(--samples-primary);
    color: white;
}

.add-inventory-modal form {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow-y: hidden;
}

.add-inventory-modal form > .inner-content {
    flex-grow: 1;
    flex-shrink: 1;
    overflow-y: auto;
    margin-bottom: 1rem;
}

.add-inventory-modal form > .bottom-bar {
    flex-grow: 0;
    flex-shrink: 0;
}

.add-inventory-modal .abs-dropdown-clear {
    left: unset;
    right: 3.25rem;
}

.abena-v2-text-box.base-quantity .k-flex-layout  {
    justify-content: right;
    text-align: right !important;
}


.abena-v2-grid.add-inventory-grid .k-grid-header {
    margin-bottom: 0 !important;
} 

.abena-v2-grid.add-inventory-grid tbody tr, 
.abena-v2-grid.add-inventory-grid tbody tr td {
    border-bottom: 1px solid var(--samples-border-default-color) !important;

}

.abena-v2-grid.add-inventory-grid tbody td:first-of-type:before {
    display: none;
}
.abena-v2-grid.add-inventory-grid tbody td:last-of-type:before {
    display: none;
}

/*================================== END OF ADD INVENTORY MODAL =================================*/

/*================================== CONFIRM PICKING MODAL =================================*/
.confirm-picking-modal .group-item {
    display: flex;
}
.confirm-picking-modal .picking-header{
    background-color: var(--samples-primary);
    color: white;
    border-radius: var(--samples-default-border-radius);
    height: 2.75rem;
    align-items: center;
}
.confirm-picking-modal .picking-header > div{
    text-align: center;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.confirm-picking-modal .article-wrapper{
    width: 20.75rem;
    flex-shrink: 0;
    flex-grow: 0;
    padding-left: 0.5rem;
    padding-right: 1.5rem;
}
.confirm-picking-modal .article-wrapper:has(.samples-article-panel){
    padding-top: 3.75rem;
}
.confirm-picking-modal .samples-article-panel{
    display: flex;
    flex-direction: column;
    gap: 0.3125rem;
    width: auto;
    min-height: 7.125rem;
    padding: 0.5rem;
    border: 1px solid var(--samples-border-default-color);
    border-radius: var(--samples-default-border-radius);
}

.confirm-picking-modal .articles-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    overflow-y: auto;
    max-height: calc(100vh - 36.25rem);
    padding-bottom: 3rem;
    overflow-x: hidden;
}

.confirm-picking-modal .samples-article-panel .add-article-unit{
    width: fit-content;
}

.confirm-picking-modal .k-table-thead,
.confirm-picking-modal .k-grid-header thead tr,
.confirm-picking-modal .k-grid-header thead tr th{
    background-color: var(--samples-primary) !important;
    color: white;
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.confirm-picking-modal .k-grid-header {
    margin-bottom: 0;
    padding-right: 0;
}

.confirm-picking-modal tbody tr td:not(.k-group-cell):hover:after{
    display: none;
}

.confirm-picking-modal .abena-v2-grid tbody td:first-of-type:before,
.confirm-picking-modal .abena-v2-grid tbody td:last-of-type:before {
    height: 3px;
    bottom: -3px;
}

.confirm-picking-modal .abena-v2-grid tbody tr:last-of-type,
.confirm-picking-modal .abena-v2-grid tbody tr:last-of-type td {
    border-bottom: none !important;
}

.confirm-picking-modal .confirm-picking-unit .k-dropdownlist{
    padding-left: 0;
    box-shadow: none !important;
    border-radius: var(--samples-default-border-radius);
}
.confirm-picking-modal .confirm-picking-unit .k-dropdownlist .k-input-inner{

    padding-left: 0.25rem;
    text-align: left;
}

.confirm-picking-modal .abena-v2-grid .k-input,
.confirm-picking-modal .abena-v2-grid .k-input-inner {
    background-color: white !important;
}
.confirm-picking-modal .abena-v2-grid .k-input-inner{
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.confirm-picking-modal .abena-v2-grid .k-datepicker button {
    display: none;
}

.confirm-picking-modal .samples-article-panel.error{
    border-color: var(--samples-danger) !important;
}

.confirm-picking-modal .error-message {
    color: var(--samples-danger) !important;
    font-family: Gilroy-Bold;
    padding-top: 1rem;
    padding-left: 0.5rem;
}
.confirm-picking-modal .k-window-titlebar  {
    padding-top: 3.125rem;
    padding-right: 3.75rem;
    padding-left: 3.75rem;
}
.confirm-picking-modal .k-window-content   {
    padding-right: 3.75rem;
    padding-left: 3.75rem;
    padding-bottom: 2.8125rem;
}
.confirm-picking-modal .k-datepicker   {
    border-radius: var(--samples-default-border-radius);
}
.confirm-picking-modal .k-dropdownlist .k-input-inner   {
   padding-left: 0.125rem !important;
}
.confirm-picking-modal .k-numerictextbox .k-input-inner,
.confirm-picking-modal .k-textbox .k-input-inner,
.confirm-picking-modal .k-dropdownlist .k-input-value-text   {
    text-transform: none;
    font-family: Gilroy-Medium;
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.0625rem;
}

.confirm-picking-modal .confirm-picking-unit {
    
}

/*================================== END OF CONFIRM PICKING MODAL =================================*/

/*====================================== INVENTORY MOVEMENTS PAGE =================================*/
.inventory-movement-page {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    height: calc(100vh - 8rem);
}

.inventory-movement-page .k-button {
    box-shadow: none !important;
}

.inventory-movement-page .abena-v2-grid tbody tr:last-of-type{
    border-bottom-width: 0 !important;
}
/*====================================== END OF INVENTORY MOVEMENTS  PAGE =================================*/

/*====================================== REPORT MODAL =================================*/
.report-config-modal .table-wrapper{
    padding-bottom: 2rem;
}
.report-config-modal .table-wrapper .k-grid{
    max-height: calc(70vh - 14rem);
}
/*====================================== END OF REPORT MODAL =================================*/


/*====================================== BADGE =================================*/
.samples-badge {
    padding: 0.1875rem 0.375rem 1px 0.375rem;
    width: fit-content;
    border: 1px solid var(--secondary) !important;
    border-radius: 0.25rem;
    background: #EFF2FB;
    font-size: 0.875rem !important;
    height: 1.5rem;
    text-align: center;
    color: black;
}
.samples-badge.customer {
    width: 2.875rem;
}
.samples-badge.customer.ship-to {
    background: var(--samples-badge-green);
    border-color: var(--samples-badge-green) !important;
}
.samples-badge.status {
    width: 5.5rem;
}
.samples-badge.samples-status-green{
    border-color: var(--samples-status-green) !important;
}
.samples-badge.samples-status-purple{
    border-color: var(--samples-status-purple) !important;
}
.samples-badge.samples-status-orange{
    border-color: var(--samples-status-orange) !important;
}
.samples-badge.samples-status-yellow{
    border-color: var(--samples-status-yellow) !important;
}
.samples-badge.samples-status-red{
    border-color: var(--samples-status-red) !important;
}


/*======================================= END OF BADGE =================================*/

/*====================================== SAMPLES CREATE MODAL =================================*/
.samples-contacts-select-button {
    position: absolute;
    right: -3rem;
    top: 1.5rem;
}
/*====================================== END OF SAMPLES CREATE MODAL =================================*/