.gls-modal {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px;
}

.dropdown:not(:has(.ant-btn)) {
    display: none;
}

.hide-title .ant-modal-header {
    display: none;
}

.ant-tag-email {
    font-size: 1em;
    font-weight: bold;
    cursor: grab;
}

    .ant-tag-email .ant-tag {
        margin-right: 0px !important;
        margin-left: 2px !important;
    }

.form-item-invalid {
    border-left: solid 1px #ff4d4f;
    padding-left: 0px;
}

.ant-form-item-label > label {
    color: black;
    font-size: 12.5px;
}


.e-headercelldiv {
    color: #455a64;
}

.e-gridheader-b {
    color: #455a64;
}

.e-grid .e-gridheader {
    border-bottom-color: #000;
}

.e-focused {
    box-shadow: 0 0 0 !important;
}

.e-gridheader-b {
    border-top: 1px solid #000;
}

.ant-modal-wrap:has(.ant-modal-max) {
    margin-top: 0;
}

.ant-modal-wrap {
    margin-top: 25px;
    z-index: 1100 !important;
}

   .ant-modal-wrap:has(.ant-modal-max) > .ant-modal > .ant-modal-content > .ant-modal-body {
      max-height: 90vh !important;
   }

   .ant-modal-wrap > .ant-modal > .ant-modal-content > .ant-modal-body {
      max-height: 80vh !important;
   }

.ant-modal-mask {
    z-index: 1100 !important;
}

.ant-notification {
    z-index: 1200;
}

.ant-tabs {
    color: rgba(0, 0, 0, 0.65);
}

.ant-select-lg {
    font-size: 14px;
}

.ant-input-lg {
    padding: 8.4px 11px;
    font-size: 14px;
}

.ant-input-affix-wrapper-lg {
    padding: 7.5px 11px;
    font-size: 14px;
}

.ant-picker-large {
    padding: 7.5px 11px;
    font-size: 14px;
    margin-top: 1px;
    height: 41px;
}

    .ant-picker-large .ant-picker-input > input {
        font-size: 14px;
        padding-top: 1.1px;
        padding-bottom: 1.1px;
    }

.input-border .ant-tag {
    font-size: 14px;
    padding: 3px 5px;
    border-radius: 4px;
    margin-top: 2px;
}

.e-grid .e-icons {
    display: none;
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
    min-height: 41px;
    margin-top: 1px;
    align-items: center;
}

.ant-segmented-item-selected {
    box-shadow: none;
    color: #1890ff;
}

.ant-segmented-thumb {
    box-shadow: none;
}

.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-radius: 4px;
}

.ant-picker, .ant-input {
    border-radius: 4px;
}

.ant-input-group-addon {
    background-color: inherit;
    border-radius: 4px;
}

.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ant-input-affix-wrapper {
    border-radius: 4px;
}

.ant-input-affix-wrapper-lg {
    margin-top: 2px;
}

.gls-btn-icon {
    font-size: 18px !important;
}

.large-checkbox .ant-checkbox-inner {
    width: 20px !important;
    height: 20px !important;
}

.large-checkbox .ant-checkbox-input:checked + .ant-checkbox-inner::after {
    margin-left: 1px !important;
    margin-top: -1px !important;
}


/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.baseView {
    display: flex;
    width: 160px;
}

    .baseView .e-upload {
        border: 0;
    }

    .baseView .e-btn {
        border: 1px solid transparent !important;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015) !important;
        border-radius: 2px !important;
        color: rgba(0, 0, 0, 0.85) !important;
        border-color: #d9d9d9 !important;
        background: #fff !important;
        width: 120px;
    }

    .baseView :global .ant-legacy-form-item .ant-legacy-form-item-control-wrapper {
        width: 100%;
    }

    .baseView .left {
        min-width: 224px;
        max-width: 448px;
    }

    .baseView .right__b__1 {
        flex: 1;
        padding-left: 5px;
    }

        .baseView .right__b__1 .avatar_title {
            height: 22px;
            margin-bottom: 8px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 22px;
        }

        .baseView .right__b__1 .avatar {
            margin-bottom: 12px;
            overflow: hidden;
            border-radius: 10px;
        }

            .baseView .right__b__1 .avatar img {
                width: 144px;
                height: 144px;
            }

        .baseView .right__b__1 .button_view {
            width: 144px;
            text-align: center;
        }

.selected-row {
    background-color: #e8f2fa;
}

.gls-content {
    background-color: white;
    padding: 0.2rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.fix-min-height {
    min-height: 80vh;
}

.ant-select-selection-item {
    display: flex !important;
}

.gls-tag-default {
    color: rgba(0, 0, 0, 0.85);
}

.gls-tag-primary {
    color: #1890ff;
    background: #e6f7ff;
    border-color: #91d5ff;
}

.gls-tag-success {
    color: #52c41a;
    background: #f6ffed;
    border-color: #b7eb8f;
}

.gls-tag-warning {
    color: #faad14;
    background: #fffbe6;
    border-color: #ffe58f;
}

.gls-tag-error {
    color: #ff4d4f;
    background: #fff2f0;
    border-color: #ffccc7;
}

.gls-tag-magenta {
    color: #c41d7f;
    background: #fff0f6;
    border-color: #ffadd2;
}

.gls-tag-pink {
    color: #c41d7f;
    background: #fff0f6;
    border-color: #ffadd2;
}

.gls-tag-volcano {
    color: #d4380d;
    background: #fff2e8;
    border-color: #ffbb96;
}

.gls-tag-orange {
    color: #d46b08;
    background: #fff7e6;
    border-color: #ffd591;
}

.gls-tag-green {
    color: #389e0d;
    background: #f6ffed;
    border-color: #b7eb8f;
}

.gls-tag-cyan {
    color: #08979c;
    background: #e6fffb;
    border-color: #87e8de;
}

.gls-tag-blue {
    color: #096dd9;
    background: #e6f7ff;
    border-color: #91d5ff;
}

.gls-tag-lime {
    color: #7cb305;
    background: #fcffe6;
    border-color: #eaff8f;
}

.gls-tag-geekblue {
    color: #1d39c4;
    background: #f0f5ff;
    border-color: #adc6ff;
}

.gls-tag-purple {
    color: #531dab;
    background: #f9f0ff;
    border-color: #d3adf7;
}

.gls-tag-yellow {
    color: #d4b106;
    background: #feffe6;
    border-color: #fffb8f;
}

.gls-tag-gold {
    color: #d48806;
    background: #fffbe6;
    border-color: #ffe58f;
}

.border-bottom {
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0px;
}

    .border-bottom:hover {
        border-bottom: 1px solid #1890ff;
    }

.ant-segmented-item-label {
    padding-bottom: 1px;
}

.ant-back-top {
    right: 5px;
    bottom: 5px;
    z-index: 1000;
}

.ant-back-top-inner {
    width: 35px;
    opacity: 0.4;
}

    .ant-back-top-inner:hover {
        opacity: 0.9;
    }

.ant-modal-content {
    border-radius: 4px;
}

.ant-modal-header {
    border-radius: 4px 4px 0 0;
}

.pointer-cursor {
    cursor: pointer;
}

.table-only-title {
    margin-top: 10px !important;
    display: inline-block !important;
}

.inline-table-header {
    color: #1C2023 !important;
    letter-spacing: -1.5px;
    font-family: Raleway-Light, Arial, sans-serif;
    vertical-align: middle;
    font-size: 21px !important;
}

.preferences-divider {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: lightgray;
}

.ant-switch {
    margin-right: 5px;
}

.limitcharactor {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 6.5em;
    white-space: normal;
    text-align: left;
}

.ant-input-number {
    border-radius: 4px;
    width: 100%;
    font-size: 14px !important;
}

.ant-input-number-disabled {
    background-color: white;
    color: #000000;
}

.segmented-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.segmented-inner-container {
    display: flex;
    align-items: center;
}

.enum-select .ant-select-selector {
    padding-top: 8px !important;
}

.gls-select-dropdown {
    padding-left: 10px
}

.circular-image {
    border-radius: 50%;
}

.ant-modal-confirm-body-wrapper {
    margin: 15px;
}

.ant-modal-confirm-content {
    color: rgb(0,0,0, .65) !important;
}

.ant-modal-confirm-btns button {
    border-radius: 4px;
}

span.ant-input-group-addon:has(> i:empty) {
    display: none !important;
}

.ant-input-group > .ant-input.ant-input-lg + .ant-input-group-addon:not(:has(> i)) {
    border-left: none !important;
}

.ant-input-group-addon:last-child {
    padding: 0 5px !important;
    background-color: #f9f9f9 !important;
}

.ant-input-group > .ant-input:last-child {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.ant-input-group > .ant-input {
   border-top-left-radius: 4px !important;
   border-bottom-left-radius: 4px !important;
}

.ant-spin-nested-loading {
   width: 100%;
}


/* RTL Modal Fixes */
[dir="rtl"] .ant-modal-wrap {
    direction: rtl;
}

[dir="rtl"] .ant-modal {
    direction: rtl;
}

[dir="rtl"] .ant-modal-header {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .ant-modal-body {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .ant-modal-footer {
    direction: rtl;
    text-align: right;
}

    [dir="rtl"] .ant-modal-footer .ant-btn {
        margin-left: 0;
        margin-right: 8px;
    }

        [dir="rtl"] .ant-modal-footer .ant-btn:last-child {
            margin-right: 0;
        }

[dir="rtl"] .ant-modal-close {
    right: auto;
    left: 8px;
}

[dir="rtl"] .gls-modal {
    direction: rtl;
}

[dir="rtl"] .ant-grid-row {
    direction: rtl;
}

[dir="rtl"] .ant-space {
    direction: rtl;
}

[dir="rtl"] .ant-space-item {
    margin-left: 5px; /* fix GLSDatePicker*/
    margin-right: 8px;
}

    [dir="rtl"] .ant-space-item:last-child {
        margin-right: 0;
    }

/* Additional RTL fixes for GLSModal specific elements */
[dir="rtl"] .ant-grid-col {
    direction: rtl;
}

[dir="rtl"] .ant-modal-header .ant-modal-title {
    text-align: right;
}

[dir="rtl"] .gls-modal .ant-form-item-label {
    text-align: right;
}

[dir="rtl"] .gls-modal .ant-form-item-control {
    text-align: right;
}

/* Fix for print button positioning in RTL */
[dir="rtl"] .ant-modal-header .ant-grid-col[style*="margin-right"] {
    margin-right: 0 !important;
    margin-left: 100px !important;
}

/* RTL fixes for modal buttons spacing */
[dir="rtl"] .ant-btn + .ant-btn {
    margin-left: 0;
    margin-right: 8px;
}

/* RTL fixes for Switch component in modals */
[dir="rtl"] .ant-switch {
    margin-right: 0;
    margin-left: 5px;
}

/* RTL fixes for preferences divider */
[dir="rtl"] .preferences-divider {
    border-right-style: none;
    border-right-width: 0;
    border-right-color: transparent;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: lightgray;
}

/* RTL fixes for text alignment in character limit elements */
[dir="rtl"] .limitcharactor {
    text-align: right;
}

[dir="rtl"] .ant-modal-footer {
    direction: rtl;
    text-align: left;
    justify-content: flex-start;
}

[dir="rtl"] .ant-modal-header .ant-modal-max-btn {
    right: auto;
}

[dir="rtl"] .ant-modal-header > button.ant-modal-close {
    left: 26px;
}

[dir="rtl"] .ant-modal-header > button:not(.ant-modal-close) {
    left: 74px;
}

/* RTL fixes for GLSDatePicker navigation arrows */
[dir="rtl"] .ant-picker-header-prev-btn,
[dir="rtl"] .ant-picker-header-super-prev-btn {
    transform: scaleX(-1);
}

[dir="rtl"] .ant-picker-header-next-btn,
[dir="rtl"] .ant-picker-header-super-next-btn {
    transform: scaleX(-1);
}

/* RTL fix for GLSFormItem help icon */
[dir="rtl"] .bi-question-circle {
    transform: scaleX(-1);
    display: inline-block;
}
/* RTL fixes for TransferInput (ListBox) toolbar arrow icons */
[dir="rtl"] .e-listbox-tool .e-btn-icon.e-moveto,
[dir="rtl"] .e-listbox-tool .e-btn-icon.e-movefrom,
[dir="rtl"] .e-listbox-tool .e-btn-icon.e-moveallto,
[dir="rtl"] .e-listbox-tool .e-btn-icon.e-moveallfrom {
    transform: scaleX(-1);
}