/* Box shadow*/
.dxbl-checkbox {
    --dxbl-checkbox-unchecked-focus-shadow-color: none !important;
}

.dxbl-text-edit {
    --dxbl-text-edit-focus-shadow-color: var(--border-border-color-50) !important;
    --dxbl-text-edit-focus-shadow-spread: 1px !important;
    --dxbl-text-edit-focus-shadow-blur: 3px !important;
}

/* Start DxDateEdit */
.dw-date-edit {
    height: 32px !important;
    border: 1px solid var(--neutral-3) !important;
}
    .dw-date-edit input {
        padding: 8px !important;
        font-size: 10.24px !important;
        width: 80px !important;
        background-color: var(--light-2) !important;
    }
    .dw-date-edit .dxbl-btn-group-right .dxbl-btn {
            border-left: 1px solid var(--neutral-3) !important;
            background-color: var(--light-1) !important;
        }
        .dw-date-edit .dxbl-btn-group-right .dxbl-btn:hover {
            background-color: var(--light-3) !important;
        }
/* End DxDateEdit */

/* Start DxCheckBox Switch */
.dw-switch {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}
    .dw-switch .dxbl-checkbox-check-element {
        background: var(--Brand-Brand-Primary) !important;
        margin: 0 !important;
        height: 17px !important;
        width: 32px !important;
    }
    .dw-switch .dxbl-checkbox-check-element input {
        cursor: pointer !important;
    }
    .dw-switch label {
        color: var(--text-text_tertiary) !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        padding: 0 !important;
        cursor: pointer !important;
    }
    
    .dw-switch.dxbl-checkbox-switch.dxbl-checkbox-unchecked .dxbl-checkbox-check-element {
        background-color: var(--button-bt_secondary) !important;
        opacity: 1 !important;
    }
    .dw-switch.dxbl-checkbox-switch .dxbl-checkbox-check-element::before {
        width: 14px !important;
        height: 14px !important;
    }
        .dw-switch.dxbl-disabled {
            opacity: 1 !important;
        }
        .dw-switch.dxbl-disabled .dxbl-checkbox-check-element input {
            cursor: auto !important;
        }
        .dw-switch.dxbl-disabled label {
            cursor: auto !important;
        }

        .dxbl-checkbox.dxbl-checkbox-switch:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-unchecked:not(.dxbl-disabled):not(:disabled):hover .dxbl-checkbox-check-element {
            background-color: var(--button-bt_secondary_ac) !important;
            opacity: 1 !important;
        }

        .dxbl-checkbox.dxbl-disabled {
            opacity: 0.5 !important;
        }

        .dw-switch {
            --dxbl-checkbox-checked-focus-shadow-color: var(--border-border-color-50) !important;
            --dxbl-checkbox-unchecked-focus-shadow-color: var(--border-border-color-50) !important;
        }
/* End DxCheckBox Switch */


/* Start DWRadioGroup */
.dw-radio-group .dxbl-text {
    color: var(--text-text_tertiary);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    cursor: pointer;
}

.dw-radio-group .dxbl-disabled .dxbl-text,
.dw-radio-group .dxbl-disabled input {
    cursor: default;
}

.dw-radio-group input {
    cursor: pointer;
}

.dw-radio-group .dxbl-checkbox {
    --dxbl-checkbox-radio-checked-border-color: var(--icons-icons_color) !important;
    --dxbl-checkbox-radio-check-bg: var(--icons-icons_color) !important;
    --dxbl-checkbox-radio-checked-hover-bg: var(--button-bt_primary_ac) !important;
    --dxbl-checkbox-checked-focus-shadow-color: var(--border-border-color-50) !important;
    --dxbl-checkbox-unchecked-focus-shadow-color: var(--border-border-color-50) !important;
    --dxbl-checkbox-radio-unchecked-border-color: var(--button-bt_secondary) !important;
    --dxbl-checkbox-radio-unchecked-hover-border-color: var(--button-bt_secondary_ac) !important;
}

/* End DWRadioGroup */


/* Start DWInputTextArea */
.dw-input-text-area {
    min-width: 320px !important;
    max-width: 680px !important;
}
.dw-input-text-area dxbl-memo-editor {
    width: 100% !important;
    border-radius: 4px !important;
    border: 1px solid var(--border-border_light) !important;
    background: var(--neutrals-White) !important;
}
.dw-input-text-area dxbl-memo-editor textarea {
    padding: 6px !important;
    width: 100% !important;
    height: 100% !important;
    font-size: 16px !important;
    color: var(--text-text_tertiary) !important;
    line-height: 20px !important;
}

    .dw-input-text-area:focus-visible {
        outline: 1px solid var(--border-border_dark) !important;
    }
/* End DWInputTextArea */