:root {
    --abena-v2-primary: #0A3E76;
    --abena-v2-url: #5560D2;
    --abena-v2-secondary: #919191;
    --abena-v2-danger-raw: 255, 69, 84;
    --abena-v2-danger: rgb(var(--abena-v2-danger-raw));
    --abena-v2-success-raw: 119, 179, 109;
    --abena-v2-success: rgb(var(--abena-v2-success-raw));
    --abena-v2-warning-raw: 247, 190, 23;
    --abena-v2-warning: rgb(var(--abena-v2-warning-raw));
    --abena-v2-dark: #494949;
    --abena-v2-yellow: #FFA500;
    --abena-v2-font-primary: Gilroy-Bold;
    --abena-v2-letter-spacing: 0.4px;
    --grid-header-bg: #F5F6F9;
    --abena-v2-border-default-color: #C6C6C6;
    --abena-v2-placeholder-color: #848484;
    --abena-v2-default-element-height: 2.5625rem;
    --abena-v2-default-border-radius: 0.625rem;
    --abena-v2-default-popup-border-radius: 1.25rem;
    --abena-v2-drawer-bg-color: #F3F6FD;
}

/*====================================== TEXT STYLES =================================*/
.abena-v2-title-2 {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.875rem;
}
.abena-v2-title-3 {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.875rem;
}

.abena-v2-small {
    font-family: 'Gilroy-Medium';
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.0625rem;
}
.abena-v2-text-button {
    font-family: 'Gilroy-Heavy';
    font-style: normal;
    font-weight: 400;
    font-size: 0.625rem;
    letter-spacing: 0.05em;
}


.abena-v2-text-link {
    text-decoration: underline;
    color: var(--abs-light-purple);
}
.\!abena-v2-text-link {
    text-decoration: underline !important;
    color: var(--abs-light-purple) !important;
}

.abena-v2-small.danger {
    color: var(--abena-v2-danger);
}

.abena-v2-body {
    font-family: 'Gilroy-Medium';
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.1875rem;
}
.abena-v2-sub-title {
    font-family: 'Gilroy-Medium';
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.abena-v2-input-readonly .k-input.k-disabled{
    background-color: var(--abena-v2-dark) !important;
    color: var(--white);
}

.abena-v2-bold {
    font-family: 'Gilroy-Bold';
}

.\!abena-v2-title-3 {
    font-family: 'Gilroy-Bold' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    line-height: 1.875rem !important;
}

.\!abena-v2-small {
    font-family: 'Gilroy-Medium' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 0.875rem !important;
    line-height: 1.0625rem !important;
}

.\!abena-v2-small.danger {
    color: var(--abena-v2-danger) !important;
}

.\!abena-v2-body {
    font-family: 'Gilroy-Medium' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    line-height: 1.1875rem !important;
}
.\!abena-v2-sub-title {
    font-family: 'Gilroy-Medium' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 24px !important;
}


.\!abena-v2-bold {
    font-family: 'Gilroy-Bold' !important;
}

/*=================================== END TEXT STYLES ================================*/


/*======================================  COMBOBOX =================================*/
.\!abena-v2-combo-box, .\!abena-v2-combo-box .k-dropdownlist {
    height: var(--abena-v2-default-element-height) !important;
}

.abena-v2-combo-box .k-combobox, .\!abena-v2-combo-box .k-combobox {
    border: none;
    height: var(--abena-v2-default-element-height) !important;
    box-shadow: 0px 4px 8px rgba(49, 55, 116, 0.2);
}

/*.abena-v2-combo-box .k-combobox .k-input-inner {*/
/*    padding-top: 0.625rem;*/
/*}*/

.abena-v2-combo-box .k-combobox input, .\!abena-v2-combo-box .k-combobox input {
    text-align: center;
    font-size: 0.625rem;
    letter-spacing: var(--abena-v2-letter-spacing);
    font-family: var(--abena-v2-font-primary) !important;
}

.abena-v2-combo-box .k-combobox:focus-within, .\!abena-v2-combo-box .k-combobox:focus-within {
    border: none;
    box-shadow: none;
}

.abena-v2-combo-box .k-combobox, .abena-v2-combo-box .k-button, .abena-v2-combo-box .k-button:hover, .\!abena-v2-combo-box .k-combobox, .\!abena-v2-combo-box .k-button, .\!abena-v2-combo-box .k-button:hover {
    background-color: var(--abena-v2-primary);
    color: white;
    border-inline-start-width: 0;
}

.abena-v2-combo-box .k-disabled .k-input-inner, .\!abena-v2-combo-box .k-disabled .k-input-inner {
    background-color: var(--abena-v2-primary);
}

.abena-v2-combo-box.opened .k-combobox .k-button-icon:before, 
.\!abena-v2-combo-box.opened .k-combobox .k-button-icon:before,
.abena-v2-combo-box.opened .k-combobox .k-icon-button:before,
.\!abena-v2-combo-box.opened .k-combobox .k-icon-button:before{
    color: white;
    content: "⌃";
    font-family: var(--abena-v2-font-primary);
    font-weight: 400;
    font-size: 1.5rem;
    margin-top: 0.75rem;
}

.abena-v2-combo-box.closed .k-combobox .k-button-icon:before, .\!abena-v2-combo-box.closed .k-combobox .k-button-icon:before {
    color: white;
    content: "⌃";
    font-family: var(--abena-v2-font-primary);
    font-weight: 400;
    font-size: 1.5rem;
    transform: rotate(180deg);
    margin-bottom: 0.75rem;
}

.abena-v2-combo-box .k-picker {
    padding-left: 1.75rem;
}
.abena-v2-combo-box.read-only .k-picker {
    padding-left: 0;
}


.abena-v2-combo-box .k-input-inner::placeholder {
    justify-content: center; /* ⚠️ Ignoré par les navigateurs pour les placeholders */
    text-align: center;
    text-transform: uppercase;
    font-size: 0.625rem;
    letter-spacing: var(--abena-v2-letter-spacing);
    font-family: var(--abena-v2-font-primary) !important;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*======================================  END OF COMBOBOX =================================*/

/*======================================  DROPDOWN =================================*/
.abena-v2-combo-box .k-dropdownlist, .\!abena-v2-combo-box .k-dropdownlist {
    border: none;
    height: var(--abena-v2-default-element-height) !important;
    box-shadow: 0px 4px 8px rgba(49, 55, 116, 0.2);
    border-radius: var(--abena-v2-default-border-radius) !important;
}

/*.abena-v2-combo-box .k-dropdownlist .k-input-inner {*/
/*    padding-top: 0.625rem;*/
/*}*/

.abena-v2-combo-box .k-dropdownlist .k-input-inner, .\!abena-v2-combo-box .k-dropdownlist .k-input-inner {
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.625rem;
    letter-spacing: var(--abena-v2-letter-spacing);
    font-family: var(--abena-v2-font-primary) !important;
}

.abena-v2-combo-box .k-dropdownlist:focus-within, .\!abena-v2-combo-box .k-dropdownlist:focus-within {
    border: none;
    box-shadow: none;
}

.abena-v2-combo-box .k-dropdownlist, .abena-v2-combo-box .k-dropdownlist .k-input-inner, .abena-v2-combo-box .k-button, .abena-v2-combo-box .k-button:hover, .\!abena-v2-combo-box .k-dropdownlist, .\!abena-v2-combo-box .k-dropdownlist .k-input-inner, .\!abena-v2-combo-box .k-button, .\!abena-v2-combo-box .k-button:hover {
    background-color: var(--abena-v2-primary) !important;
    color: white;
    border-inline-start-width: 0;
}

.abena-v2-combo-box .k-disabled .k-input-inner, .\!abena-v2-combo-box .k-disabled .k-input-inner {
    background-color: var(--abena-v2-primary) !important;
}

.abena-v2-combo-box .k-disabled, .\!abena-v2-combo-box .k-disabled {
    opacity: 1;
}

.abena-v2-combo-box .k-disabled .k-input-value-text, .\!abena-v2-combo-box .k-disabled .k-input-value-text {
    padding-left: 0;
}


.abena-v2-combo-box .k-disabled button, .\!abena-v2-combo-box .k-disabled button {
    display: none;
}

.abena-v2-combo-box.opened .k-dropdownlist .k-button-icon:before, .\!abena-v2-combo-box.opened .k-dropdownlist .k-button-icon:before {
    color: white;
    content: "⌃";
    font-family: var(--abena-v2-font-primary);
    font-weight: 400;
    font-size: 1.5rem;
    margin-top: 0.75rem;
}

.abena-v2-combo-box.closed .k-dropdownlist .k-button-icon:before, .\!abena-v2-combo-box.closed .k-dropdownlist .k-button-icon:before {
    color: white;
    content: "⌃";
    font-family: var(--abena-v2-font-primary);
    font-weight: 400;
    font-size: 1.5rem;
    transform: rotate(180deg);
    margin-bottom: 0.75rem;
}

.dropdown-hide-selected {
    background-color: unset !important;
    color: unset !important;
    box-shadow: unset !important;
}

.abena-v2-multiselect-combo-box-content .k-list-optionlabel, .\!abena-v2-multiselect-combo-box-content .k-list-optionlabel {
    display: none;
}

.abena-v2-multiselect-combo-box-content li, .\!abena-v2-multiselect-combo-box-content li {
    padding: 0 !important;
    font-size: 0.875rem;
}

.abena-v2-multiselect-combo-box-content li input{
    width: 0.9375rem;
    height: 0.9375rem;
}

.abena-v2-combo-box-content .k-list-item-text,
.abena-v2-combo-box-content-item{
    font-family: 'Gilroy-Medium';
    font-size: 0.875rem !important;
}

.abena-v2-combo-box-content .k-list-item,
.abena-v2-combo-box-content-item{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.abena-v2-multiselect-combo-box-content li input:not(:checked), .\!abena-v2-multiselect-combo-box-content li input:not(:checked) {
    background: #FFFFFF;
    box-shadow: inset 0 1px 1.9px rgba(49, 55, 116, 0.5);
    border-radius: 0.3125rem;
    border: none;
}

.abena-v2-multiselect-combo-box-content li > div > label, .\!abena-v2-multiselect-combo-box-content li > div > label {
    padding: 0.25rem 0.5625rem 0.25rem 0.75rem;
}

.abena-v2-combo-box-content.light-blue .k-selected,
.abena-v2-combo-box-content-item.light-blue.k-selected{
    background-color: var(--samples-dropdown-blue) !important;
}

/*======================================  END OF DROPDOWN =================================*/

/*======================================  GLOBAL DIALOG =================================*/
.abena-v2-global-dialog {
    max-width: 33.875rem !important;
    border-radius: var(--abena-v2-default-border-radius);
}

.abena-v2-global-dialog.custom-width {
    max-width: unset !important;
}

.abena-v2-global-dialog .k-dialog-titlebar {
    height: unset !important;
    white-space: normal;
    padding: 1.5rem 1.5rem 0.75rem;
    border: none;

}

.abena-v2-global-dialog .k-dialog-title {
    font-size: 2.5rem;
    font-family: Gilroy-Bold;
    line-height: 3.125rem !important;
    padding: 0;
    margin: 0;
}

.abena-v2-global-dialog .k-dialog-content {
    font-size: 1.25rem;
    font-family: Gilroy-Medium;
    white-space: pre-line;
    padding-top: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    letter-spacing: -0.02em;
    min-height: unset !important;
}

.abena-v2-global-dialog .k-dialog-content strong {
    font-family: Gilroy-Bold;
}

.abena-v2-global-dialog .k-actions {
    border: none;
}

.k-dialog-wrapper:has(.abena-v2-global-dialog) {
    z-index: 20000 !important;
}

.k-overlay:has(+ .k-dialog-wrapper .abena-v2-global-dialog) {
    z-index: 19999 !important;
}

.k-dialog-wrapper:has(.abena-v2-dialog-confirm) {
    z-index: 20000 !important;
}

.k-dialog-wrapper:has(.abena-v2-dialog-alert) {
    z-index: 20002 !important;
}

.k-overlay:has(+ .k-dialog-wrapper .abena-v2-dialog-confirm) {
    z-index: 19999 !important;
}

.k-overlay:has(+ .k-dialog-wrapper .abena-v2-dialog-alert) {
    z-index: 20001 !important;
}

/*======================================  END OF GLOBAL DIALOG =================================*/


/*======================================  MODAL WINDOW =================================*/
.abena-v2-modal-window {
    border-radius: var(--abena-v2-default-popup-border-radius);
}

.abena-v2-modal-window .k-window-titlebar-actions {
    display: none;
}

.abena-v2-modal-window .k-window-titlebar {
    height: unset !important;
    white-space: normal;
    padding: 1.5rem 1.5rem 0.75rem;
    border: none;

}

.abena-v2-modal-window .k-window-title {
    font-size: 2.5rem;
    font-family: Gilroy-Bold;
    line-height: 3.125rem !important;
    padding: 0;
    margin: 0;
}

.abena-v2-modal-window .k-window-content {
    font-size: 1.25rem;
    font-family: Gilroy-Medium;
    white-space: normal;
    padding-top: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    letter-spacing: -0.02em;
    min-height: unset !important;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.abena-v2-modal-window .k-window-content .inner-content {
    flex-grow: 1;
}

.abena-v2-modal-window .k-window-content .bottom-bar {
    display: flex;
    justify-content: end;
    gap: 0.5rem;
}

.abena-v2-modal-window .k-window-content .bottom-bar .centered-bottom {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 7.1875rem;
    padding-top: 1rem;
}

.abena-v2-modal-window .k-actions {
    border: none;
}

.abena-v2-modal-window .inner-content {
    overflow-y: auto;
    max-height: calc(100vh - 12.25rem);
    padding-left: 0.25rem;
}

/*======================================  END OF MODAL WINDOW =================================*/

/*======================================  ABENA MODAL =================================*/

.abena-v2-modal-window.abena-v2-modal{
    background-color: #F6F6F9;
}

.abena-v2-modal-window.abena-v2-modal .k-window-titlebar {
    padding-top: 2.125rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.abena-v2-modal-window.abena-v2-modal .k-window-content {
    padding-left: 2.625rem;
    padding-right: 2.625rem;
}

.abena-v2-modal-window.abena-v2-modal .default-badge {
    width: 8rem !important;
    font-size: 0.875rem !important;
    height: 1.5rem !important;
    line-height: 1.5rem !important;
}
.abena-v2-modal-window.abena-v2-modal .default-badge.customer.sold-to {
    background-color: var(--abena-v2-primary);
}

.abena-v2-modal-window.abena-v2-modal .pricelist-name {
    padding-bottom: 2.5rem;
}
/*======================================  END OF ABENA MODAL =================================*/

/*======================================  MENU =================================*/
.abena-v2-menu-button {
    height: var(--abena-v2-default-element-height) !important;
}

.abena-v2-menu-button .k-menu-link {
    padding-right: 0;
}

.abena-v2-menu-button .k-menu-item {
    width: 100%;
}

.abena-v2-menu-button .k-menu-link-text {
    font-family: Gilroy-Bold;
    text-transform: uppercase;
    text-align: center;
    justify-content: center;
    margin: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 1px;
    font-size: 0.625rem !important;
}

.abena-v2-menu-button .k-menu-expand-arrow {
}

.abena-v2-menu-button .k-menu-expand-arrow .k-icon:before {
    content: "...";
    transform: rotate(90deg);
    font-family: Gilroy-Bold;
}

.abena-v2-menu-button .abena-v2-menu-list-item {
    color: white;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    text-transform: uppercase;
    font-size: 0.625rem;
    font-family: Gilroy-Bold;
    padding-left: 0.5rem;
}

.k-menu-popup .abena-v2-menu-list-item {
    font-family: Gilroy-Medium;
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0.03em;
    color: #000000 !important;
}
.k-menu-popup .abena-v2-menu-list-item.disabled {
    font-family: Gilroy-Medium;
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0.03em;
    color: #717171 !important;
    cursor: default !important;
}

.k-menu-popup li .k-menu-link:has(.disabled):hover{
    color: #717171 !important;
    background-color: #FFFFFF !important;
    cursor: default !important;
}
.k-menu-popup li .k-menu-link:has(.abena-v2-menu-list-item){
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
    padding-inline-end: 0 !important;
    padding-inline-start: 0.5rem !important;
}
.k-menu-popup:has(.abena-v2-menu-list-item) .k-menu-group{
    width: fit-content;
}

/*======================================  END OF MENU =================================*/

/*======================================  GRID =================================*/
.abena-v2-grid, .abena-v2-grid .k-grid-header-wrap, .abena-v2-grid .k-grid, .abena-v2-grid thead, .abena-v2-grid .k-grid-header, .abena-v2-grid thead tr, .abena-v2-grid thead th {
    border: none !important;
}

.abena-v2-grid .k-grid-header {
    background-color: transparent;
}

.abena-v2-grid thead tr {
    background-color: var(--grid-header-bg);
    height: 2.6875rem;
}

.abena-v2-grid thead tr th {
    vertical-align: middle !important;
}

.abena-v2-grid .k-grid-header-wrap {
    border-radius: var(--abena-v2-default-border-radius);
}

.abena-v2-grid tbody tr {
    height: 7rem;
    position: relative;
}

.abena-v2-grid tbody tr td {

}

.abena-v2-grid tbody tr, .abena-v2-grid tbody td {
    background-color: white !important;
}

.abena-v2-grid .k-grid-table {
    border-collapse: collapse;
}

.abena-v2-grid tbody tr, .abena-v2-grid tbody tr td {
    border-bottom: 0.5px solid var(--abena-v2-border-default-color) !important;

}

.abena-v2-grid .k-pager {
    background-color: white;
    border: none;
    padding-top: 1rem;
}

.abena-v2-grid .k-pager:focus {
    box-shadow: none;
}

.abena-v2-grid .k-pager .k-pager-numbers button {
    border-radius: var(--abena-v2-default-border-radius);
    border: none !important;
}

.abena-v2-grid .k-pager .k-pager-numbers button.k-selected {
    background-color: var(--grid-header-bg) !important;
}

.abena-v2-grid .k-pager .k-pager-numbers button.k-selected:after, .abena-v2-grid .k-pager .k-pager-numbers button.k-selected:before {
    content: none;
}

.abena-v2-grid .k-pager-sizes .k-picker {
    border-radius: var(--abena-v2-default-border-radius);
}

.abena-v2-grid .k-pager .k-pager-sizes .k-input-inner, .abena-v2-grid .k-pager .k-pager-sizes button {
    background-color: var(--grid-header-bg) !important;
}

.abena-v2-grid .k-pager .k-pager-sizes .k-button-icon:before {
    content: "⌃";
    font-family: var(--abena-v2-font-primary);
    transform: rotate(180deg);
    margin-bottom: 0.5rem;
}

.abena-v2-grid th:not(.\!k-text-left) {
    justify-content: center;
    text-align: center !important;
    white-space: normal;
    vertical-align: middle;
}

.abena-v2-grid th .k-column-title {
    white-space: normal;
}



.abena-v2-grid tbody tr:hover td:not(:has(.k-switch)) * {
    z-index: 1;
    position: relative;
}
.abena-v2-grid:not(.without-highlight) tbody tr:hover td {
   position: relative;
}

.abena-v2-grid:not(.without-highlight) tbody tr:hover td:after, 
.abena-v2-grid:not(.without-highlight) tbody tr td:hover:after, 
.abena-v2-grid:not(.without-highlight) tbody tr:hover td:hover:after {
    content: " ";
    background-color: rgba(101, 101, 101, 0.25) !important;
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    height: 70%;
    pointer-events: none;
}
.abena-v2-grid:not(.without-highlight) tbody tr:hover td:first-of-type:after {
    border-bottom-left-radius: var(--abena-v2-default-border-radius);
    border-top-left-radius: var(--abena-v2-default-border-radius);
}
.abena-v2-grid:not(.without-highlight) tbody tr:hover td:last-of-type:after {
    border-bottom-right-radius: var(--abena-v2-default-border-radius);
    border-top-right-radius: var(--abena-v2-default-border-radius);
}

.abena-v2-grid.foldable-groups .k-grouping-row .k-icon{
    display: flex !important;
    width: 1.625rem;
    justify-content: center;
    align-items: center;
    margin-right: 3.375rem;
}
.abena-v2-grid.foldable-groups .k-grouping-row .k-icon.k-i-caret-alt-down:before{
    content: "-";
    width: 1.625rem;
    height: 1.625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: var(--abena-v2-primary);
    border-radius: 0.3125rem;
    font-family: Gilroy-Medium;
    font-size: 1.25rem;
}
.abena-v2-grid.foldable-groups .k-grouping-row .k-icon.k-i-caret-alt-right:before{
    content: "+";
    width: 1.625rem;
    height: 1.625rem;
    display: flex;
    justify-content: center;
    align-items: baseline;
    color: white;
    background-color: var(--abena-v2-primary);
    border-radius: 0.3125rem;
    font-family: Gilroy-Medium;
    font-size: 1.25rem;
    line-height: 1.8125rem;
}

.abena-v2-grid.foldable-groups .k-grouping-row td {
    padding-left: 0.25rem !important;
}

.abena-v2-grid.foldable-groups .k-master-row td:first-of-type:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 1rem;
    top: 0;
    background-color: rgba(101, 101, 101, 0.25);
}

.abena-v2-grid .k-table-row.k-selected > .k-table-td {
    font-weight: 400 !important;
    font-family: Gilroy-Medium !important;
}

.drag-over .abena-v2-grid td {
    background-color: rgba(101, 101, 101, 0.25) !important;
}
.abena-v2-grid .remove-btn{
    box-shadow: none !important;
}
.abena-v2-grid .remove-btn .k-svg-icon {
    color: var(--abena-v2-danger) !important;
}

.abena-v2-grid tbody td:first-of-type:before {
    content:"";
    background-color: white;
    display: block;
    position: absolute;
    height: 2px;
    width: 1.5rem;
    left: 0;
    bottom: -2px;
}
.abena-v2-grid tbody td:last-of-type:before {
    content:"";
    background-color: white;
    display: block;
    position: absolute;
    height: 1px;
    width: 1.5rem;
    right: 0;
    bottom: -2px;
}

.abena-v2-grid .k-grid-content {
    padding-bottom: 2px;
}

.abena-v2-grid.narrow-rows tbody tr {
    height: 3.75rem;
}
.abena-v2-grid.narrow-rows tbody tr td{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    border-left: none;
    border-right: none;
}

.abena-v2-grid tbody tr td{
    border-left: none !important;
    border-right: none !important;
}
.abena-v2-grid .k-grid-header{
    margin-bottom: 0;
}

.abena-v2-grid.table-bordered .k-grid-header{
    margin-bottom: 0 !important;
}
.abena-v2-grid.table-bordered .k-grid-header-wrap{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.abena-v2-grid.table-bordered .k-grid-container{
    border: 1px solid var(--abena-v2-border-default-color);
    border-top-width: 0;
    border-bottom-left-radius: var(--abena-v2-default-border-radius);
    border-bottom-right-radius: var(--abena-v2-default-border-radius);
}

.abena-v2-grid.abena-v2-small .k-table-md .k-table-tbody {
    font-family: 'Gilroy-Medium';
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem !important;
    line-height: 1.0625rem;
}

.abena-v2-grid.first-column-unstyled thead tr th:first-of-type{
    background-color: white;
}
.abena-v2-grid.first-column-unstyled thead tr th:nth-child(2){
    border-bottom-left-radius: var(--abena-v2-default-border-radius);
    border-top-left-radius: var(--abena-v2-default-border-radius);
}
.abena-v2-grid.first-column-unstyled tbody tr, .abena-v2-grid.first-column-unstyled tbody tr td:first-of-type{
    border-bottom: none !important;
}

.abena-v2-grid .tag {
    display: inline-flex;
    width: fit-content;
    align-items: center;
}

/*======================================  END OF GRID =================================*/

/*======================================  ABENA V2 SELECTED PANEL =================================*/

.abena-v2-selected-panel {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font: var(--Gilroy-Medium);
    box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
    border-radius: 1rem;
    z-index: 99999 !important;
    background-color: var(--grid-header-bg) !important;
    border: none;
}

.abena-v2-selected-panel .k-window-content {
    display: flex;
    align-items: center;
    overflow-y: hidden;
}

.abena-v2-selected-panel .panel-content {
    display: flex;
    flex-direction: row;
    margin-top: 0.3125rem;
    gap: 1.25rem;
    align-items: center;
}

.abena-v2-selected-panel .panel-content .selected-count {
    justify-content: flex-start;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    font-family: Gilroy-Bold;
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.abena-v2-selected-panel .panel-content .selected-count .k-svg-icon {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
}

.abena-v2-selected-panel .panel-content .selected-count .k-svg-icon:active {
    box-shadow: none;
    filter: brightness(1.2);
    scale: 0.98;
}

.abena-v2-selected-panel .panel-content .selected-count > div:nth-child(1) {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 2.8125rem;
    height: 2.8125rem;
    border-radius: 100%;
    background-color: var(--abena-v2-primary);
    color: white;
}


.abena-v2-selected-panel .panel-content .commands {
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
    align-items: center;
    justify-content: flex-end;
}

.abena-v2-selected-panel .action-button {
    min-width: 3.5rem;
    height: 3.5rem;
    background: var(--grid-header-bg);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
    border-radius: var(--abena-v2-default-border-radius);
    margin-top: -0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.abena-v2-selected-panel .action-button.disabled {
    cursor: not-allowed;
}

.abena-v2-selected-panel .action-button:active {
    box-shadow: none;
    filter: brightness(1.2);
    scale: 0.98;
}

.abena-v2-selected-panel .action-button .k-svg-icon {
    width: 1.75rem;
    height: 1.75rem;
}

.abena-v2-selected-panel .action-button .action-button-text {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: #000000;
}

body:has(.abena-v2-global-dialog) .abena-v2-selected-panel {
    display: none !important;
}

/*====================================== END OF ABENA V2 SELECTED PANEL =================================*/

/*======================================  TEXTBOX =================================*/
.search-with-icon {
    position: relative;
}

.search-with-icon > span {
    border-radius: var(--abena-v2-default-border-radius);
    background-color: var(--grid-header-bg);
    border: 0.5px solid rgba(139, 139, 139, 0.33) !important;
}

.search-with-icon i {
    position: absolute;
    left: 0.8125rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--abena-v2-placeholder-color);
}

.search-with-icon input {
    padding-left: 3.4375rem !important;
    color: var(--abena-v2-placeholder-color);
    padding-top: 0.5rem !important;
}

.search-with-icon input::placeholder {
    color: var(--abena-v2-placeholder-color);
}

.abena-v2-text-box input, .abena-v2-text-box .k-input {
    height: var(--abena-v2-default-element-height) !important;
}

.abena-v2-grid .abena-v2-text-box {
    background-color: var(--grid-header-bg) !important;
}

.abena-v2-grid .abena-v2-text-box, .abena-v2-grid .abena-v2-text-box input, .abena-v2-grid .abena-v2-combo-box, .abena-v2-grid .abena-v2-combo-box .k-dropdownlist {
    height: 2.1875rem !important;
}

.abena-v2-grid .abena-v2-text-box input{
    text-overflow: unset !important;
}

.abena-v2-grid .units-combo-box .k-dropdownlist,
.abena-v2-grid .units-combo-box .k-input-inner,
.abena-v2-grid .units-combo-box .k-button{
    background-color: var(--grid-header-bg) !important;
    color: var(--black) !important;
}

.abena-v2-grid .units-combo-box .k-dropdownlist {
    border: 0.5px solid rgba(139, 139, 139, 0.33) !important;
}
.abena-v2-grid .units-combo-box .k-button-icon:before {
    color: var(--black) !important;
}

.abena-v2-grid .units-combo-box.samples-request-unit .k-rounded-md {
    border-radius: 0.625rem !important;
}

.abena-v2-grid .units-combo-box.samples-request-unit .k-input-inner {
    padding-left: 0.125rem;
}

.abena-v2-grid .units-combo-box.confirm-picking-unit .k-dropdownlist,
.abena-v2-grid .units-combo-box.confirm-picking-unit .k-input-inner,
.abena-v2-grid .units-combo-box.confirm-picking-unit .k-button {
    background-color: white !important;
    color: var(--black) !important;
}

.abena-v2-combo-box.units-combo-box.samples-request-unit .k-picker {
    padding-left: 0;
}

.abena-v2-combo-box.units-combo-box.samples-request-unit .k-dropdownlist {
    box-shadow: none;
}

.abena-v2-combo-box.units-combo-box.samples-request-unit .k-dropdownlist .k-input-inner {
    text-align: left;
    text-transform: unset;
    font-size: 0.875rem;
    letter-spacing: var(--abena-v2-letter-spacing);
    font-family: 'Gilroy-Medium' !important;
    padding-top: 0.5rem;
    padding-left: 0;
    padding-right: 0;
}

.abena-v2-grid .abena-v2-text-box.confirm-picking-quantity {
    background-color: white !important;
}

.abena-v2-grid .abena-v2-text-box.samples-request-quantity .k-input-inner,
.abena-v2-grid .abena-v2-text-box.confirm-picking-quantity .k-input-inner {
    text-align: center;
    padding-top: 0.5rem;
    padding-left: 0;
    padding-right: 0;
}

/* managing overflow caused by the left/righ 'cover' of the line between rows */
.abena-v2-grid .k-grid-content > div > div {
    padding-bottom: 3px;
}

.abena-v2-action-with-bg .k-button-icon {
    background: #F0F0FF;
    border-radius: 5px;
}

.abena-v2-grid tbody td,
.abena-v2-grid tbody td input {
    font-size: 0.875rem;
    line-height: 0.9375rem;
}

/*======================================  END OF TEXTBOX =================================*/

/*======================================  CHECKBOX =================================*/
.abena-v2-checkbox .k-checkbox:not(:checked), .abena-v2-grid .k-checkbox:not(:checked) {
    background: #FFFFFF;
    box-shadow: inset 0 1px 1.9px rgba(49, 55, 116, 0.5);
    border-radius: 0.3125rem;
    border: none;
}

.abena-v2-form-section input[type="checkbox"]:disabled {
    background-color: #707070 !important;
}

/*======================================  END OF CHECKBOX =================================*/
/*======================================  PAGE TITLE =================================*/
.abena-v2-page-title {
    font-family: Gilroy-Bold;
    font-size: 2.5rem !important;
}

/*====================================== END OF PAGE TITLE =================================*/

/*====================================== TELERIK EDITOR =================================*/
.abena-v2-editor,
.abena-v2-editor-disabled{
    border: none;
}
.abena-v2-editor .k-toolbar {
    background-color: unset;
    border: none;
    justify-content: center;
    padding: 0.5rem 0;
}
.abena-v2-editor .k-editor-content,
.abena-v2-editor-disabled.k-editor-content{
    border: 0.5px solid rgba(139, 139, 139, 0.33) !important;
    border-radius: 0.3125rem;
}

.abena-v2-editor-disabled.k-editor-content {
    padding-left: 8px;
    padding-top: 4px;
    cursor: default;
    opacity: 0.65;
    filter: grayscale(0.1);
    box-shadow: none;
    overflow: auto;
}

/*====================================== END OF TELERIK EDITOR =================================*/


/*====================================== TELERIK TOOLTIP =================================*/

.abena-v2-mutliselect-tooltip{
    z-index: 100000 !important;
}

/*====================================== END OF TELERIK TOOLTIP =================================*/

/*======================================  DATE RANGE PICKER =================================*/

.abena-v2-daterange-picker .k-daterange-picker .k-dateinput, .k-daterangepicker .k-dateinput {
    width: 100%;
}

.abena-v2-daterange-labels {
    display: flex;
    gap: 0.5rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.abena-v2-daterange-labels > div {
    display: flex;
    flex-direction: column;
    width: 10em;
}

.abena-v2-text-box .k-numerictextbox,
.abena-v2-text-box .k-textbox,
.abena-v2-text-box.k-numerictextbox,
.abena-v2-text-box .k-datepicker,
.abena-v2-text-box.k-textbox {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.125rem;
    padding-right: 0.125rem;
    height: var(--abena-v2-default-element-height);
    border-color: rgba(139, 139, 139, 0.33) !important;
    box-shadow: none !important;
    border-radius: var(--abena-v2-default-border-radius);
    font-size: 1rem;
    font-family: Gilroy-Medium;
    font-weight: 400;
}

.abena-v2-text-box .k-input-spinner {
    display: none;
}

.abena-v2-text-box .k-datepicker button {
    width: 0 !important;
    display: none;
}

.abena-v2-text-box.right-aligned input {
    text-align: right;
}

/*====================================== END OF DATE RANGE PICKER =================================*/

/*======================================  TEXT PANEL =================================*/
.abena-v2-text-panel {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    height: var(--samples-default-element-height);
    border-radius: var(--samples-default-border-radius);
    background-color: var(--grid-header-bg);
    border: 0.5px solid rgba(139, 139, 139, 0.33) !important;
    font-size: 1rem;
    font-family: Gilroy-Medium;
    font-weight: 400;
    white-space: break-spaces;
}

.primary-circle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    background-color: var(--samples-primary);
    color: white;
    cursor: pointer;
}

/*====================================== END OF TEXT PANEL =================================*/


/*====================================== FORM SECTION =================================*/

.abena-v2-form-section {
    background-color: var(--form-section-bg);
    border-radius: 0.625rem;
    padding-left: 2.65rem;
    padding-right: 2.65rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.abena-v2-form-section-large {
    background-color: var(--form-section-bg);
    border-radius: 0.625rem;
    padding-left: 2.65rem !important;
    padding-right: 2.65rem !important;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.abena-v2-form-section-dark {
    background-color: #F0F0FF;
    border-radius: 0.625rem;
    padding-left: 2.65rem !important;
    padding-right: 2.65rem !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

.account-request-comment {
    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;
}

/*====================================== END OF FORM SECTION =================================*/


/*====================================== UPLOAD CONTAINER =================================*/

.abena-v2-upload-container {
    border: 2px dashed #ccc;
    border-radius: 12px;
    background-color: var(--form-section-bg);
    width: 11.5rem;
    height: 11.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    text-align: center;
    padding: 20px;
}

.abena-v2-upload-container-uploaded {
    border-radius: 10px;
    border: 1px solid rgba(119, 119, 166, 0.50);
    background: #F0F0FF;
    box-shadow: 0px 2px 8px 0px rgba(119, 119, 166, 0.25);
    width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    text-align: center;
    padding: 20px;
}

.news-details-modal .abena-v2-upload-container-uploaded {
    width: 11.5rem;
    height: 11.5rem;
}
.news-details-modal .abena-v2-upload-container-uploaded img{
    max-width: 11rem !important;
    max-height: 11rem !important;
}

.abena-v2-upload-container-uploaded:has(.image-uploader-square-preview){
    padding: 1rem 0.75rem !important;
}

.abena-v2-upload-container-uploaded:has(.image-uploader-square-preview) > div {
    width: 100%;
}


.abena-v2-upload-container-uploaded .image-uploader-square-preview {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    border-radius: var(--abena-v2-default-border-radius);
}

.abena-v2-upload-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--abena-v2-primary);
}

.abena-v2-upload-icon {
    width: 3rem;
    height: 3rem;
    max-height: 3rem !important;
    color: var(--abena-v2-primary);
    background: none;
    border: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 2.5rem;
    margin-bottom: 1rem;

    &.upload-icon {
        background-image: url("/Images/abenamd/abenamd_upload_icon.svg");
    }
}

.abena-v2-upload-text-primary {
    color: var(--abena-v2-primary);
    font-family: Gilroy-Medium;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 0; 
    letter-spacing: 0.3px;
}

.abena-v2-upload-input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

.abena-v2-uploaded-icon-button {
    width: 5rem;
    height: 5rem;
    max-height: 5rem !important;
    color: var(--abena-v2-primary);
    background: none;
    border: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;

    &.eye-icon {
        background-image: url("/Images/abenamd/abenamd_upload_see.svg");
    }
}

.abena-v2-file-clear-button {
    background: none;
    border: none;
    cursor: pointer;
}

/*====================================== END OF UPLOAD CONTAINER =================================*/


/*====================================== SWITCH =================================*/

.abena-v2-switch-light-purple.k-switch-on .k-switch-track {
    border-color: var(--abs-light-purple) !important;
    background-color: var(--abs-light-purple) !important;
}

.abena-v2-switch-light-purple.k-disabled .k-switch-track {
    border-color: var(--abena-v2-secondary) !important;
    background-color: var(--abena-v2-secondary) !important;
}

.abena-v2-switch-active.k-switch-on .k-switch-track {
    border-color: var(--abena-v2-success) !important;
    background-color: var(--abena-v2-success) !important;
}

.abena-v2-switch-active.k-switch .k-switch-thumb {
    border-color: white !important;
    background-color: white !important;
}

.abena-v2-switch-active.k-switch-off .k-switch-track {
    border-color: var(--abena-v2-danger) !important;
    background-color: var(--abena-v2-danger) !important;
}

/*====================================== END OF SWITCH=================================*/


/*====================================== TEXT INPUT =================================*/

.abena-v2-text-input .abs-text-box-buttons .k-button{
    background-color: transparent;
    border-color: transparent;
}

.abena-v2-text-input .abs-text-box-buttons .k-button .k-button-text span {
    color: var(--abena-v2-primary) !important;
}

.abena-v2-text-input .abs-text-box-buttons .k-button:hover:not(.k-button-clear) .k-button-text span {
    color: var(--abs-light-purple) !important;
}

/*====================================== END OF TEXT INPUT =================================*/


/*====================================== NUMERIC INPUT =================================*/

.abena-v2-numeric-input .abs-numeric-box-buttons .k-button{
    background-color: transparent;
    border-color: transparent;
}

.abena-v2-numeric-input .abs-numeric-box-buttons .k-button .k-button-text span {
    color: var(--abena-v2-primary) !important;
}

.abena-v2-numeric-input .abs-numeric-box-buttons .k-button:hover:not(.k-button-clear) .k-button-text span {
    color: var(--abs-light-purple) !important;
}

/*====================================== END OF NUMERIC INPUT =================================*/


/*====================================== TEXT AREA =================================*/

.abena-v2-text-area .abs-text-area-buttons .k-button{
    background-color: transparent;
    border-color: transparent;
}

.abena-v2-text-area .abs-text-area-buttons .k-button .k-button-text span {
    color: var(--abena-v2-primary) !important;
}

.abena-v2-text-area .abs-text-area-buttons .k-button:hover:not(.k-button-clear) .k-button-text span {
    color: var(--abs-light-purple) !important;
}

.abena-v2-text-area.dashed-border .k-textarea.k-input{
    border-radius: 0.625rem;
    border: 1px dashed rgba(139, 139, 139, 0.50);
}

/*====================================== END OF TEXT AREA =================================*/

/*====================================== COMBO BOX =================================*/
.combobox-with-icon {
    position: relative;
}

.combobox-with-icon > span {
    border-radius: var(--abena-v2-default-border-radius);
}

.combobox-with-icon i {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--abena-v2-placeholder-color);
}

.combobox-with-icon input {
    padding-left: 3rem !important;
    color: inherit;
    padding-top: 0.5rem !important;
}

.combobox-with-icon input::placeholder {
    color: var(--abena-v2-placeholder-color);
}

/*====================================== END OF COMBO BOX =================================*/


/*====================================== UNDERLINE ANCHOR TEXT =================================*/


.abena-v2-anchor-underline {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    color: var(--abena-v2-primary);
    font-family: Gilroy-Medium;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.abena-v2-anchor-underline:hover {
    opacity: 0.8;
}

/*====================================== END OF UNDERLINE ANCHOR TEXT =================================*/


/*======================================  ACTION BUTTON =================================*/
.abena-v2-btn {
    box-shadow: 0 0.25rem 0.5rem rgba(49, 55, 116, 0.2);
    border-radius: 0.3125rem;

    font-family: var(--abena-v2-font-primary);
    font-weight: 400;
    font-size: 0.625rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    cursor: pointer;

}

.abena-v2-btn.disabled {
    cursor: default;
    opacity: 0.5;
    pointer-events: none;
}

.abena-v2-btn:active {
    box-shadow: none;
    filter: brightness(1.2);
    scale: 0.98;
}

.abena-v2-btn-primary {
    background-color: var(--abena-v2-primary);
}

.abena-v2-btn-secondary {
    background-color: var(--abena-v2-secondary);
}

.abena-v2-btn-light-purple {
    background-color: var(--abs-light-purple);
}

.abena-v2-btn-danger {
    background-color: var(--abena-v2-danger);
}

.abena-v2-btn-success {
    background-color: var(--abena-v2-success);
}
.abena-v2-btn-success {
    background-color: var(--abena-v2-success);
}

.abena-v2-btn-dark {
    background-color: var(--abena-v2-dark);
}
/*====================================== END OF ACTION BUTTON =================================*/


.abena-v2-copy-icon{
    width: 1.25rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/Images/copy-icon.svg");
}

.abena-v2-rounded-div {
    border-radius: var(--abena-v2-default-border-radius) !important;
}

.abena-v2-rounded-border {
    border-radius: var(--abena-v2-default-border-radius);
    border: 1px solid var(--abena-v2-border-default-color);
}

/*======================================  TAB STRIP =================================*/

.abena-v2-tab-content .k-tabstrip-items-wrapper {
    background: unset !important;
    border-bottom: 1px solid rgb(218, 218, 231);
    transition: border-bottom-color 300ms ease-out;
    -webkit-transition : border-bottom-color 300ms ease-out;
    -moz-transition : border-bottom-color 300ms ease-out;
    -o-transition : border-bottom-color 300ms ease-out;
    transition : border-bottom-color 300ms ease-out;
}

.abena-v2-tab-content .k-tabstrip-items-wrapper .k-active {
    background: unset !important;
    border-color: transparent !important;
    border-bottom: 3px solid var(--primary) !important;
    -webkit-transition : border-bottom-color 300ms ease-out;
    -moz-transition : border-bottom-color 300ms ease-out;
    -o-transition : border-bottom-color 300ms ease-out;
    transition : border-bottom-color 300ms ease-out;
}

.abena-v2-tab-content .k-tabstrip-items-wrapper .k-active .k-link-text {
    font-family: Gilroy-Bold;
}

.abena-v2-tab-content .k-tabstrip-items-wrapper .k-tabstrip-item:hover {
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.abena-v2-tab-content .k-tabstrip-items-wrapper .k-tabstrip-item {
    background: unset !important;
    font-weight: 500;
    color: var(--primary);
    text-align: center;
    padding: 0.75rem 1.25rem;
}

.abena-v2-tab-content .k-tabstrip-content {
    border: none !important;
}

.abena-v2-tab-content .k-tabstrip-items {
    justify-content: space-around;
    margin-bottom: -1px;
}
/*====================================== END OF TAB STRIP =================================*/