UNPKG

@syncfusion/ej2-inputs

Version:

A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users.

1,023 lines (1,011 loc) 44.8 kB
/* stylelint-disable property-no-vendor-prefix */ @-webkit-keyframes material-spinner-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes material-spinner-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fabric-spinner-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .e-upload .e-upload-files .e-file-remove-btn.e-icons::before { content: "\e745"; } .e-upload .e-upload-files .e-icons.e-file-pause-btn::before { content: "\e757"; } .e-upload .e-upload-files .e-icons.e-file-reload-btn::before { content: "\e716"; } .e-upload .e-upload-files .e-icons.e-file-play-btn::before { content: "\e72d"; } .e-upload .e-upload-files .e-file-delete-btn.e-icons::before { content: "\e773"; } .e-upload .e-upload-files .e-file-abort-btn.e-icons::before { content: "\e742"; } .e-upload .e-upload-files .e-icons.e-msie::before { position: relative; right: 10px; } .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before { right: 12px; } .e-upload { width: 100%; } .e-upload.e-control-wrapper { font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont"; } .e-upload .e-hidden-file-input { border: 0; height: 0; margin: 0; outline: none; padding: 0; text-indent: 0; visibility: hidden; width: 0; } .e-upload .e-file-select-wrap { padding: 16px 0 16px 16px; } .e-upload .e-file-select-wrap .e-file-select, .e-upload .e-file-select-wrap .e-file-select .e-uploader { display: inline-block; width: 0; } .e-upload .e-file-select-wrap .e-file-select .e-uploader { opacity: 0; } .e-upload .e-file-select-wrap .e-file-drop { font-family: inherit; font-size: 14px; margin-left: 14px; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list { min-height: 35px; padding-bottom: 20px; padding-top: 16px; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container { top: 0; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input { display: none; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { line-height: 1.5; padding-top: 4px; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error { color: #dc3545; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: #6c757d; display: block; font-size: 12px; line-height: 1.5; padding-bottom: 0; padding-top: 4px; position: relative; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid { color: #dc3545; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status { color: #dc3545; } .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons { -webkit-box-sizing: border-box; box-sizing: border-box; top: 48px; } .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: #6c757d; cursor: not-allowed; opacity: 0.4; pointer-events: none; } .e-upload .e-upload-files { list-style-type: none; margin: 0; padding: 0; } .e-upload .e-upload-files .e-upload-file-list { font-family: inherit; font-size: 14px; height: 100%; line-height: normal; min-height: 92px; position: relative; } .e-upload .e-upload-files .e-upload-file-list .e-file-container { display: block; height: 100%; margin-left: 12px; margin-right: 90px; min-height: 35px; position: relative; top: 0; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { float: left; font-family: inherit; font-size: 14px; max-width: 75%; overflow: hidden; padding-top: 16px; position: relative; text-overflow: ellipsis; top: 0; white-space: nowrap; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name::before { content: attr(data-tail); float: right; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { display: block; font-family: inherit; font-size: 14px; padding-top: 16px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-hidden { visibility: hidden; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { display: block; font-size: 12px; padding: 6px 0; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { display: block; font-family: inherit; font-size: 12px; padding-bottom: 16px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-progress, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information.e-upload-progress { display: none; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { display: block; height: 10px; padding-bottom: 11px; padding-top: 6px; position: absolute; width: 95%; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap { border-radius: 2px; display: block; height: 4px; width: 100%; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar { border-radius: 1px; display: inherit; height: 4px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { float: right; font-family: inherit; font-size: 12px; position: relative; right: 0; top: -33px; } .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; height: 32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 16px; margin-top: -22px; padding: 0; position: absolute; right: 0; top: 50%; vertical-align: middle; width: 32px; } .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-abort-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-pause-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-play-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-reload-btn.e-icons.e-upload-progress { cursor: default; } .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: #6c757d; cursor: not-allowed; opacity: 0.4; pointer-events: none; } .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons { padding: 18px 13px 18px 23px; } .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons { right: 36px; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover, .e-upload .e-upload-files .e-clear-icon-focus { background-color: #e9ecef; border-color: transparent; border-radius: 4px; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus { border-radius: 4px; } .e-upload .e-upload-files .e-file-delete-btn.e-icons { font-size: 14px; opacity: 1; } .e-upload .e-upload-files .e-file-abort-btn.e-icons { font-size: 14px; opacity: 1; } .e-upload .e-file-select-wrap .e-btn, .e-upload .e-upload-actions .e-btn { font-family: inherit; } .e-upload .e-upload-actions { position: relative; text-align: right; } .e-upload .e-upload-actions .e-file-upload-btn { margin: 16px 16px 16px 0; } .e-upload .e-upload-actions .e-file-clear-btn { margin: 16px 6px 16px 16px; } .e-upload.e-rtl .e-file-select-wrap { padding: 16px 12px 16px 0; } .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn { margin-right: 0; } .e-upload.e-rtl .e-file-select-wrap .e-file-drop { margin-left: 60px; margin-right: 14px; position: relative; } .e-upload.e-rtl .e-upload-actions { text-align: left; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container { height: 100%; margin-left: 60px; margin-right: 11px; position: relative; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-rtl-container { direction: ltr; float: right; width: 100%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-type { float: right; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-name { float: right; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-size { direction: ltr; float: right; position: relative; text-align: right; width: 100%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { float: right; position: initial; top: 23px; width: 86%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { float: left; right: 0; top: -32px; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons { left: 0; margin-left: 11px; margin-right: 11px; right: auto; top: 50%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons { left: 36px; right: auto; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons { left: 36px; } .e-upload.e-disabled .e-file-drop { color: #6c757d; } .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: #6c757d; } .e-upload .e-content-placeholder.e-upload.e-placeholder-upload { background-size: 400px 65px; min-height: 65px; } .e-small .e-upload .e-file-select-wrap { padding: 12px 0 12px 12px; } .e-small .e-upload .e-file-select-wrap .e-file-drop { font-size: 13px; margin-left: 10px; } .e-small .e-upload .e-upload-files .e-upload-file-list { min-height: 79px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { font-size: 12px; padding-top: 12px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { font-size: 12px; padding: 6px 0; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { font-size: 12px; padding-top: 12px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { padding-bottom: 12px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { padding-bottom: 2px; padding-top: 2px; } .e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons { font-size: 10px; height: 24px; padding: 12px; width: 24px; } .e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: #6c757d; cursor: not-allowed; opacity: 0.4; pointer-events: none; } .e-small .e-upload.e-rtl .e-file-select-wrap { padding: 12px 12px 12px 0; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list { min-height: 35px; padding-bottom: 12px; padding-top: 8px; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container { top: 0; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input { display: none; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { line-height: 1.5; padding-top: 4px; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error { color: #dc3545; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: #6c757d; display: block; font-size: 12px; line-height: 1.5; padding-bottom: 0; padding-top: 4px; position: relative; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid { color: #dc3545; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status { color: #dc3545; } .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons { -webkit-box-sizing: border-box; box-sizing: border-box; top: 43px; } .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: #6c757d; cursor: not-allowed; opacity: 0.4; pointer-events: none; } .e-upload { border: 1px solid rgba(0, 0, 0, 0.15); } .e-upload .e-file-drop { color: #212529; vertical-align: middle; } .e-upload .e-upload-files { border-top: 1px solid #e9ecef; } .e-upload .e-upload-files .e-upload-file-list { border-bottom: 1px solid #e9ecef; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { color: #212529; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { color: #212529; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { color: #6c757d; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: #212529; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-success { color: #28a745; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-fails { color: #dc3545; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-validation-fails { color: #dc3545; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap { background-color: #dee2e6; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress { background: #007bff; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-success { background: #28a745; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-failed { background: #dc3545; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-bar-text { color: #212529; } .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons { color: rgba(0, 0, 0, 0.5); } .e-upload .e-upload-files .e-file-remove-btn.e-icons:hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:hover { color: #212529; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus { background-color: #e9ecef; border-color: transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .e-bigger .e-upload { width: 100%; } .e-bigger .e-upload .e-file-select-wrap { padding: 20px 0 20px 20px; } .e-bigger .e-upload .e-file-select-wrap .e-file-drop { font-size: 16px; margin-left: 16px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list { font-size: 15px; line-height: normal; min-height: 108px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container { margin-left: 15px; top: 0; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { font-size: 15px; padding-top: 20px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { font-size: 14px; padding: 8px 0; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { font-size: 15px; padding-top: 20px; top: initial; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { font-size: 14px; padding-bottom: 20px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { height: 5px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap { height: 6px; width: 95%; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar { height: 90%; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { font-size: 12px; right: 16px; top: -36px; } .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; height: 36px; margin: 20px; margin-top: -24px; padding: 0; top: 50%; width: 36px; } .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: #6c757d; cursor: not-allowed; opacity: 0.4; pointer-events: none; } .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons { padding: 20px 17px 20px 26px; } .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons { right: 45px; } .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons { font-size: 16px; } .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons { font-size: 16px; } .e-bigger .e-upload .e-upload-actions .e-btn { margin-left: 15px; } .e-bigger .e-upload .e-upload-actions .e-file-upload-btn { margin: 20px 20px 20px 0; } .e-bigger .e-upload .e-upload-actions .e-file-clear-btn { margin: 20px 8px 20px 20px; } .e-bigger .e-upload.e-rtl .e-file-select-wrap { padding: 20px 15px 20px 0; } .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn { margin-right: 0; } .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-file-drop { margin-right: 16px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container { margin-left: 60px; margin-right: 15px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-information { top: 30px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { left: 16px; right: initial; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons { -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; margin-left: 15px; margin-right: 15px; padding: 0; top: 50%; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons.e-disabled { color: #6c757d; cursor: not-allowed; opacity: 0.4; pointer-events: none; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-msie.e-icons { padding: 20px 17px 20px 26px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons { left: 41px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list { min-height: 35px; padding-bottom: 20px; padding-top: 16px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container { top: 0; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input { display: none; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { line-height: 1.5; padding-top: 4px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error { color: #dc3545; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: #6c757d; display: block; font-size: 14px; line-height: 1.5; padding-bottom: 0; padding-top: 4px; position: relative; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid { color: #dc3545; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status { color: #dc3545; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons { -webkit-box-sizing: border-box; box-sizing: border-box; top: 50px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: #6c757d; cursor: not-allowed; opacity: 0.4; pointer-events: none; } .e-bigger.e-small .e-upload { width: 100%; } .e-bigger.e-small .e-upload.e-control-wrapper { font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont"; } .e-bigger.e-small .e-upload .e-hidden-file-input { border: 0; height: 0; margin: 0; outline: none; padding: 0; text-indent: 0; visibility: hidden; width: 0; } .e-bigger.e-small .e-upload .e-file-select-wrap { padding: 16px 0 16px 16px; } .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select, .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select .e-uploader { display: inline-block; width: 0; } .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select .e-uploader { opacity: 0; } .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-drop { font-family: inherit; font-size: 14px; margin-left: 14px; } .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list { min-height: 35px; padding-bottom: 20px; padding-top: 16px; } .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container { top: 0; } .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input { display: none; } .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { line-height: 1.5; padding-top: 4px; } .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error { color: #dc3545; } .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: #6c757d; display: block; font-size: 12px; line-height: 1.5; padding-bottom: 0; padding-top: 4px; position: relative; } .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid { color: #dc3545; } .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status { color: #dc3545; } .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons { -webkit-box-sizing: border-box; box-sizing: border-box; top: 48px; } .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: #6c757d; cursor: not-allowed; opacity: 0.4; pointer-events: none; } .e-bigger.e-small .e-upload .e-upload-files { list-style-type: none; margin: 0; padding: 0; } .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list { font-family: inherit; font-size: 14px; height: 100%; line-height: normal; min-height: 92px; position: relative; } .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container { display: block; height: 100%; margin-left: 12px; margin-right: 90px; min-height: 35px; position: relative; top: 0; } .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { float: left; font-family: inherit; font-size: 14px; max-width: 75%; overflow: hidden; padding-top: 16px; position: relative; text-overflow: ellipsis; top: 0; white-space: nowrap; } .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name::before { content: attr(data-tail); float: right; } .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { display: block; font-family: inherit; font-size: 14px; padding-top: 16px; } .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-hidden { visibility: hidden; } .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { display: block; font-size: 12px; padding: 6px 0; } .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { display: block; font-family: inherit; font-size: 12px; padding-bottom: 16px; } .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information.e-upload-progress { display: none; } .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { display: block; height: 10px; padding-bottom: 11px; padding-top: 6px; position: absolute; width: 95%; } .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap { border-radius: 2px; display: block; height: 4px; width: 100%; } .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar { border-radius: 1px; display: inherit; height: 4px; } .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { float: right; font-family: inherit; font-size: 12px; position: relative; right: 0; top: -33px; } .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; height: 32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 16px; margin-top: -22px; padding: 0; position: absolute; right: 0; top: 50%; vertical-align: middle; width: 32px; } .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons.e-upload-progress { cursor: default; } .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: #6c757d; cursor: not-allowed; opacity: 0.4; pointer-events: none; } .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons { padding: 18px 13px 18px 23px; } .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons { right: 36px; } .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover, .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus { background-color: #e9ecef; border-color: transparent; border-radius: 4px; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus { border-radius: 4px; } .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons { font-size: 14px; opacity: 1; } .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons { font-size: 14px; opacity: 1; } .e-bigger.e-small .e-upload .e-file-select-wrap .e-btn, .e-bigger.e-small .e-upload .e-upload-actions .e-btn { font-family: inherit; } .e-bigger.e-small .e-upload .e-upload-actions { position: relative; text-align: right; } .e-bigger.e-small .e-upload .e-upload-actions .e-file-upload-btn { margin: 16px 16px 16px 0; } .e-bigger.e-small .e-upload .e-upload-actions .e-file-clear-btn { margin: 16px 6px 16px 16px; } .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap { padding: 16px 12px 16px 0; } .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn { margin-right: 0; } .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap .e-file-drop { margin-left: 60px; margin-right: 14px; position: relative; } .e-bigger.e-small .e-upload.e-rtl .e-upload-actions { text-align: left; } .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container { height: 100%; margin-left: 60px; margin-right: 11px; position: relative; } .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-rtl-container { direction: ltr; float: right; width: 100%; } .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-type { float: right; } .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-name { float: right; } .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-size { direction: ltr; float: right; position: relative; text-align: right; width: 100%; } .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { float: right; position: initial; top: 23px; width: 86%; } .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { float: left; right: 0; top: -32px; } .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons { left: 0; margin-left: 11px; margin-right: 11px; right: auto; top: 50%; } .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons { left: 36px; right: auto; } .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons { left: 36px; } .e-bigger.e-small .e-upload.e-disabled .e-file-drop { color: #6c757d; } .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: #6c757d; } .e-bigger.e-small .e-upload .e-content-placeholder.e-upload.e-placeholder-upload { background-size: 400px 65px; min-height: 65px; } .e-bigger.e-small .e-upload .e-bigger .e-content-placeholder.e-upload.e-placeholder-upload, .e-bigger.e-small .e-upload .e-bigger.e-content-placeholder.e-upload.e-placeholder-upload { background-size: 400px 80px; min-height: 80px; }