/*! * froala_editor v4.1.1 (https://www.froala.com/wysiwyg-editor) * License https://froala.com/wysiwyg-editor/terms/ * Copyright 2014-2023 Froala Labs */ .fr-clearfix::after { clear: both; display: block; content: ""; height: 0; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .fr-popup .fr-file-upload-layer { border: dashed 2px #bdbdbd; padding: 25px 0; margin: 20px; position: relative; font-size: 14px; letter-spacing: 1px; line-height: 140%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .fr-popup .fr-file-upload-layer:hover { background: #ebebeb; } .fr-popup .fr-file-upload-layer.fr-drop { background: #ebebeb; border-color: #0098f7; } .fr-popup .fr-file-upload-layer .fr-form { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2147483640; overflow: hidden; margin: 0 !important; padding: 0 !important; width: 100% !important; } .fr-popup .fr-file-upload-layer .fr-form input { cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; width: 500%; height: 100%; margin: 0; font-size: 400px; } .fr-popup .fr-file-progress-bar-layer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fr-popup .fr-file-progress-bar-layer > h3 { font-size: 16px; margin: 10px 0; font-weight: normal; } .fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons { display: none; } .fr-popup .fr-file-progress-bar-layer > div.fr-loader { background: #b3e0fd; height: 10px; width: 100%; margin-top: 20px; overflow: hidden; position: relative; } .fr-popup .fr-file-progress-bar-layer > div.fr-loader span { display: block; height: 100%; width: 0%; background: #0098f7; -webkit-transition: width 0.2s ease 0s; -moz-transition: width 0.2s ease 0s; -ms-transition: width 0.2s ease 0s; -o-transition: width 0.2s ease 0s; } .fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span { width: 30% !important; position: absolute; top: 0; -webkit-animation: loading 2s linear infinite; -moz-animation: loading 2s linear infinite; -o-animation: loading 2s linear infinite; animation: loading 2s linear infinite; } .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader { display: none; } .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons { display: block; } @keyframes loading { from { left: -25%; } to { left: 100%; } } @-webkit-keyframes loading { from { left: -25%; } to { left: 100%; } } @-moz-keyframes loading { from { left: -25%; } to { left: 100%; } } @-o-keyframes loading { from { left: -25%; } to { left: 100%; } } @keyframes loading { from { left: -25%; } to { left: 100%; } }