.RadUpload.ruDisabled .ruButton .FieldExtractor {
    opacity: 0.5;
}
.ImageControl {
    float: unset;
}
.RadUpload .ruStyled .ruFileInput{
    left: 0;
}
/*.ImageControl .ruButton.ruBrowse {
    margin-left: 0 !important;
    min-width: 37px !important;
}*/
.cnFieldType .setButtonEnable, .cnFieldType .setButtonEnableMultiUploadSimplegrid, .cnFieldType .FileUploadEnable {
    background-position-x: 34px;
    background-position-y: 8px;
}
.cn-field-file-medium .FileUploadEnable, .cn-field-file-large .FileUploadEnable, .setButtonEnable,
.cn-field-file-medium .setButtonDisable, .cn-field-file-large .setButtonDisable, .setButtonDisable,
.cn-field-file-medium .FileUploadDisable, .cn-field-file-large .FileUploadDisable, .FileUploadDisable,
.cn-field-file-inpopup-medium .FileUploadEnable, .cn-field-file-inpopup-large .FileUploadEnable,
.cn-field-file-inpopup-medium .setButtonDisable, .cn-field-file-inpopup-large .setButtonDisable,
.cn-field-file-inpopup-medium .FileUploadDisable, .cn-field-file-inpopup-large .FileUploadDisable,
.RadAsyncUpload.cn-field-image-medium input.ruFileInput[type='file'], .RadAsyncUpload.cn-field-image-large input.ruFileInput[type='file'],
.RadAsyncUpload.cn-field-file-medium input.ruFileInput[type='file'], .RadAsyncUpload.cn-field-file-large input.ruFileInput[type='file'],
.RadAsyncUpload.cn-field-file-inpopup-medium input.ruFileInput[type='file'], .RadAsyncUpload.cn-field-file-inpopup-large input.ruFileInput[type='file'],
.RadAsyncUpload.cn-uploadfile-medium input.ruFileInput[type='file'], .RadAsyncUpload.cn-uploadfile-large input.ruFileInput[type='file'],
.cn-field-image-medium .ImageControlEnable, .cn-field-image-large .ImageControlEnable,
.cn-field-image-medium .ImageControlDisable, .cn-field-image-large .ImageControlDisable {
    background-position: 65% 50% !important;
    max-width: unset;
}
.cn-field-image-medium .ImageControlEnable, .cn-field-image-large .ImageControlEnable,
.cn-field-image-medium .ImageControlDisable, .cn-field-image-large .ImageControlDisable {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}
.RadForm_CnMaterial .canvas_iconqrcode {
    background-position-x: 34px;
    background-position-y: 8px;
}
.RadUpload.ruDisabled .ruButton:before {
    opacity: 0.5;
}
.RadUpload.ruDisabled .ruButton {
    opacity: unset !important;
    background-color: var(--bg-color-ctrl-disable) !important;
    color: var(--color-ctrl-disable) !important;
    border-color: var(--border-color-ctrl-disable) !important;
}
.RadUpload .ruFileLI .ruButton {
    font-size: var(--font-size) !important;
    vertical-align: unset !important;
    padding: 6px 0;
    top: -1px;
    position: relative;
}
.RadForm_CnMaterial .cn-file-disbaled:before {
    opacity: 0.5;
}
.RadForm_CnMaterial .cn-file-disbaled .FileUploadDisable {
    opacity: 0.5;
}
.RadForm_CnMaterial .cn-file-disbaled .setButtonDisable {
    opacity: 0.5;
}
.RadUpload .ruFileLI .ruButton {
    font-size: var(--font-size) !important;
}
.RadForm_CnMaterial .cn-file-disbaled {
    background-color: var(--bg-color-ctrl-disable) !important;
    color: var(--color-ctrl-disable) !important;
    border-color: var(--border-color-ctrl-disable) !important;
}
.RadForm_CnMaterial .field-has_required {
    color: var(--color-main-error) !important;
}
html .RadUpload_CnMaterial {
    color: var(--color-ctrl-default);
    display: inline-block;
    border-color: var(--border-color-ctrl-default);
    /*box-shadow: var(--box-shadow-button-main);*/
    border-radius: 4px;
}
    html .RadUpload_CnMaterial .ruRemove {
        color: var(--color-main-default);
    }

html .RadUpload_CnMaterial .ruFileLI .ruFileWrap {
    padding: 6px 0;
}

html .RadUpload_CnMaterial .ruFileLI .ruButton:hover {
        color: var(--color-main-default);
}

html .RadUpload_CnMaterial .ruFileLI .ruFileProgressWrap {
    background: var(--border-color-ctrl);
    margin-top: 6px;
}

html .RadUpload_CnMaterial .ruFileLI .ruFileProgress {
        border-color: var(--color21);
        background: var(--color21);
}
.RadUpload .ruFileLI .ruButton.ruCancel {
    color: var(--color-main-default) !important;
}
.RadUpload .ruFileLI .ruButton.ruRemove:before {
    color: var(--color-main-error) !important;
    margin-right: 6px !important;
    top: 1px;
    position: relative;
}
html .RadUpload_CnMaterial .ruUploadSuccess .radIcon:before {
    background-color: var(--bg-color-ctrl_upload-true);
    top: 3px;
}

html .RadUpload_CnMaterial .ruUploading .radIcon:before {
    background-color: var(--bg-color-ctrl_upload-inprogress);
    top: 3px;
}

html .RadUpload_CnMaterial .ruUploadCancelled .radIcon:before,
html .RadUpload_CnMaterial .ruUploadFailure .radIcon:before {
    background-color: var(--color-main-error);
    top: 3px;
}

html .RadUpload_CnMaterial .ruSelectWrap .ruFileWrap {
    padding: 0px 0px;
    border-radius: 4px;
    /*box-shadow: var(--box-shadow-button);*/
}

html .RadUpload_CnMaterial .ruSelectWrap .ruFakeInput {
    display: none !important;
}

html .RadUpload_CnMaterial .ruSelectWrap .ruBrowse,
html .RadUpload_CnMaterial.cnPrimaryButton .ruSelectWrap .ruBrowse {
    /*border-color: var(--border-color-ctrl-focus);*/
    color: var(--color-main-default);
    background-color: var(--bg-color-main);
    padding: 8px 14px;
    /*border: 0;*/
    border-radius: 2px;
    box-shadow: var(--box-shadow-button-main);
    transition: 0.2s all;
}

.MDURAsyncUplPdfSplitter.RadUpload_CnMaterial .ruSelectWrap .ruBrowse {
    display:flex;
}
    /*html .RadUpload_CnMaterial .ruSelectWrap .ruBrowse,
html .RadUpload_CnMaterial.cnPrimaryButton .ruSelectWrap .ruBrowse {
    background-color: var(--bg-color-main);
}*/
    html .cn-panel-buttons .nomargin .RadUpload_CnMaterial.MailExtractorAsynUpload {
        border-color: var(--border-color-ctrl);
        box-shadow: var(--box-shadow-button-main);
        border-radius: 4px;
    }

    html .cn-panel-buttons .nomargin .RadUpload_CnMaterial.MailExtractorAsynUpload:has(li.ruUploadFailure),
    html .cn-panel-buttons .nomargin .RadUpload_CnMaterial.MailExtractorAsynUpload:has(li.ruUploadSuccess),
    html .cn-panel-buttons .nomargin .RadUpload_CnMaterial.MailExtractorAsynUpload:has(li.ruUploading) {
        box-shadow: none;
    }


html .RadUpload_CnMaterial.cnSecondaryButton .ruSelectWrap .ruBrowse {
    border-color: var(--color-main_text-light);
    color: var(--color-main-default);
    background-color: var(--bg-color-main);
    padding: 8px 14px;
    border: 0;
    border-radius: 2px;
    box-shadow: var(--box-shadow-button-main);
    /*text-transform: uppercase;*/
    transition: 0.2s all;
}

html .RadUpload_CnMaterial.cnFieldType .ruSelectWrap .ruBrowse,
html .RadUpload_CnMaterial.ImageControl .ruSelectWrap .ruBrowse {
    border-color: var(--border-color-ctrl-default);
    color: var(--color-ctrl-defaut);
    background-color: var(--bg-color-ctrl-default);
    padding: 8px 14px;
    /*border: 0;*/
    border-radius: 4px;
    box-shadow: unset;
    /*text-transform: uppercase;*/
    transition: 0.2s all;
}
html .RadUpload_CnMaterial.ImageControl.cn-field-image-medium .ruSelectWrap .ruBrowse,
html .RadUpload_CnMaterial.cnFieldType.cn-field-file-medium .ruSelectWrap .ruBrowse,
html .RadUpload_CnMaterial.cnFieldType.cn-field-file-inpopup-medium .ruSelectWrap .ruBrowse,
html .RadUpload_CnMaterial.cnFieldType.cn-uploadfile-medium .ruSelectWrap .ruBrowse,
html .RadUpload_CnMaterial.cnFieldType.cn-field-mailextractor-medium .ruSelectWrap .ruBrowse {
    width: var(--dropzonesize-width170);
    height: var(--dropzonesize-height-medium);
    position: relative;
    padding: unset !important;
}
html .RadUpload_CnMaterial.cnFieldType.cn-field-document-medium .ruSelectWrap .ruBrowse {
    height: var(--dropzonesize-height-medium);
    align-content: center;
    min-width: calc(var(--dropzonesize-width170) - 9px) !important;
    padding: 0px 9px;
}
html .RadUpload_CnMaterial.ImageControl.cn-field-image-large .ruSelectWrap .ruBrowse,
html .RadUpload_CnMaterial.cnFieldType.cn-field-file-large .ruSelectWrap .ruBrowse,
html .RadUpload_CnMaterial.cnFieldType.cn-field-file-inpopup-large .ruSelectWrap .ruBrowse,
html .RadUpload_CnMaterial.cnFieldType.cn-uploadfile-large .ruSelectWrap .ruBrowse,
html .RadUpload_CnMaterial.cnFieldType.cn-field-mailextractor-large .ruSelectWrap .ruBrowse {
    width: var(--dropzonesize-width170);
    height: var(--dropzonesize-height-large);
    position: relative;
    padding: unset !important;
}
html .RadUpload_CnMaterial.cnFieldType.cn-field-document-large .ruSelectWrap .ruBrowse {
    height: var(--dropzonesize-height-large);
    align-content: center;
    min-width: calc(var(--dropzonesize-width170) - 9px) !important;
    padding: 0px 9px;
}
html .RadUpload.RadUpload_CnMaterial.ImageControl.cn-image-medium .ruSelectWrap .ruBrowse {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 32px);
    height: calc(100% - 19px) !important;
}

.RadUpload .ruBrowse {
    height: var(--line-height);
}

html .RadUpload_CnMaterial .ruSelectWrap .ruButtonHover,
html .RadUpload_CnMaterial.cnPrimaryButton .ruSelectWrap .ruButtonHover {
    border-color: var(--border-color-pri-hover);
    color: var(--color-pri-hover);
    background-color: var(--bg-color-pri-hover);
}

html .RadUpload_CnMaterial.cnSecondaryButton .ruSelectWrap .ruButtonHover {
    border-color: var(--border-color-sec-hover);
    color: var(--color-sec-hover);
    background-color: var(--bg-color-sec-hover);
}

html .RadUpload_CnMaterial.cnFieldType .ruSelectWrap .ruButtonHover,
html .RadUpload_CnMaterial.ImageControl .ruSelectWrap .ruButtonHover {
    border-color: var(--border-color-ctrl-hover);
    color: var(--color-ctrl-default);
    background-color: var(--bg-color-ctrl-hover);
}

html .RadUpload_CnMaterial .ruSelectWrap .ruFocused,
html .RadUpload_CnMaterial.cnPrimaryButton .ruSelectWrap .ruFocused {
    border-color: var(--border-color-pri-hover) !important;
    color: var(--color-pri-hover) !important;
    background-color: var(--bg-color-pri-hover) !important;
    background-image: none !important;
    box-shadow: var(--box-shadow-button-main) !important;
}

html .RadUpload_CnMaterial.cnSecondaryButton .ruSelectWrap .ruFocused {
    border-color: var(--border-color-sec-hover) !important;
    color: var(--color-sec-hover) !important;
    background-color: var(--bg-color-sec-hover) !important;
    background-image: none !important;
    box-shadow: var(--box-shadow-button-main) !important;
}

html .RadUpload_CnMaterial.cnFieldType .ruSelectWrap .ruFocused,
html .RadUpload_CnMaterial.ImageControl .ruSelectWrap .ruFocused {
    border-color: var(--border-color-ctrl-hover) !important;
    color: var(--color-ctrl-hover) !important;
    background-color: var(--bg-color-ctrl-hover) !important;
    background-image: none !important;
    /*box-shadow: var(--box-shadow-button) !important;*/
}

html .RadUpload_CnMaterial .ruDropZone {
    border-color: var(--border-color-ctrl-hover);
    color: var(--color-ctrl-hover);
    background-color: var(--bg-color-ctrl-hover);
    border: 0;
 /*   box-shadow: var(--box-shadow-button);*/
}
.cn-process-wrap{
    width:600px;
    height:400px;
    margin-left:10px;
    margin-top:10px;
}