@charset "UTF-8"; @font-face { font-family:officefont; src:url(/National_Library/oe_/https://sl.office-converter.com/2021/font/l) format("woff2"), url(/National_Library/oe_/https://sl.office-converter.com/2021/font/d) format("woff"), url(/National_Library/oe_/https://sl.office-converter.com/2021/font/a) format("opentype"); font-weight:400; font-style:normal } @font-face { font-family:officefont; src:url(/National_Library/oe_/https://sl.office-converter.com/2021/font/ll) format("woff2"), url(/National_Library/oe_/https://sl.office-converter.com/2021/font/dd) format("woff"), url(/National_Library/oe_/https://sl.office-converter.com/2021/font/aa) format("opentype"); font-weight:700; font-style:normal } @font-face { font-family:officefont; src:url(/National_Library/oe_/https://sl.office-converter.com/2021/font/lll) format("woff2"), url(/National_Library/oe_/https://sl.office-converter.com/2021/font/ddd) format("woff"), url(/National_Library/oe_/https://sl.office-converter.com/2021/font/aaa) format("opentype"); font-weight:300; font-style:normal } body { font-weight: 300; font-family: officefont,sans-serif; font-size: 14px; line-height: normal; background-color: #fff; margin: 0; max-width: 100%; margin-top: -5px; color: #555; } html body { height: 100%; } * { padding: 0; margin: 0; box-sizing: border-box; } .onlineuploader-input .onlineuploader-input-button, .onlineuploader-input .onlineuploader-input-caption, .onlineuploader-items .onlineuploader-item .onlineuploader-action i, .onlineuploader-items .onlineuploader-item .onlineuploader-progressbar .bar, .onlineuploader-items .onlineuploader-item .progress-bar2 .onlineuploader-progressbar .bar, .onlineuploader-items .onlineuploader-item span.onlineuploader-action-popup, .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button, .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button.button-success, .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-tools li a i, .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-tools li a span { -webkit-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01); -o-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01); transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01); } .onlineuploader-items .onlineuploader-item, .onlineuploader-items .onlineuploader-item .onlineuploader-action, .onlineuploader-items .onlineuploader-item .onlineuploader-item-icon, .onlineuploader-items .onlineuploader-item .onlineuploader-item-image canvas, .onlineuploader-items .onlineuploader-item .onlineuploader-item-image img, .onlineuploader-popup, .onlineuploader-popup .onlineuploader-popup-node { -webkit-animation: onlineuploaderFadeIn 0.9s ease; animation: onlineuploaderFadeIn 0.9s ease; } .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button, .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button.button-success { display: inline-block; margin: 0; padding: 14px 22px; border: none; border-radius: 30px; outline: 0; font-weight: 700; cursor: pointer; vertical-align: middle; text-decoration: none; } .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button { background: #e6ebf4; color: #90a0bc; } .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button:hover { background: #edf1f7; transform: translate3d(0, -1px, 0); } .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button:active { background: #dfe5f1; transform: translate3d(0, 1px, 0); } .onlineuploader-input .onlineuploader-input-button, .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button.button-success { background: #9658fe; background: -moz-linear-gradient(-45deg, #3a8ffe 0, #9658fe 100%); background: -webkit-linear-gradient(-45deg, #3a8ffe 0, #9658fe 100%); background: linear-gradient(135deg, #3a8ffe 0, #9658fe 100%); background-size: 140% auto; background-position: center; color: #fff; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08); } .onlineuploader-input .onlineuploader-input-button:hover, .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button.button-success:hover { box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); transform: translate3d(0, -2px, 0); } .onlineuploader-input .onlineuploader-input-button:active, .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button.button-success:active { box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15); } .onlineuploader-input .onlineuploader-input-caption .onlineuploader-pending-loader, .onlineuploader-items .onlineuploader-item .onlineuploader-item-image.onlineuploader-loading:after, .onlineuploader-items .onlineuploader-item.upload-pending .onlineuploader-action-remove:after, .onlineuploader-popup.loading:after { content: ""; position: absolute; min-width: 24px; min-height: 24px; max-width: 48px; max-height: 48px; background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=) center no-repeat; background-size: contain; } .onlineuploader-input .onlineuploader-input-button { padding: 3px 8px; border-radius: 40px; cursor: pointer; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302), 0 1px 3px 1px rgba(60, 64, 67, 0.149); -webkit-font-smoothing: antialiased; font-family: officefont,sans-serif; font-size: 0.875rem; letter-spacing: 0.25px; -webkit-align-items: center; align-items: center; background-color: #fff; background-image: none; color: #3c4043; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-weight: 400; height: 52px; min-width: 200px; padding: 0px 14px 0 10px; text-transform: none; vertical-align: middle; background: #fff url(/National_Library/oe_/https://sl.office-converter.com/2021/svg/add.svg) 220px center no-repeat; background-size: 32px; background-position: left; background-position-x: 20px; background-position-y: 10px; } .onlineuploader-input .onlineuploader-input-button p { margin: 0 auto 0px 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 260px; text-align: center; width: 260px; font-size: 26px; font-weight: 300; } .onlineuploader-items .onlineuploader-item .onlineuploader-item-icon i, .onlineuploader-items .onlineuploader-item .onlineuploader-item-image canvas, .onlineuploader-items .onlineuploader-item .onlineuploader-item-image img, .onlineuploader-items .onlineuploader-item .onlineuploader-item-image.onlineuploader-loading:after, .onlineuploader-popup .onlineuploader-cropper .onlineuploader-cropper-area .area-move, .onlineuploader-popup .onlineuploader-cropper .onlineuploader-cropper-area .point:after, .onlineuploader-popup .onlineuploader-popup-move:after, .onlineuploader-popup.loading:after { left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .onlineuploader-items .onlineuploader-item .onlineuploader-action, .onlineuploader-items .onlineuploader-item .progress-bar2 span { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .onlineuploader-input .onlineuploader-input-button, .onlineuploader-items .onlineuploader-item .onlineuploader-item-icon, .onlineuploader-items .onlineuploader-item .progress-bar2 .onlineuploader-progressbar, .onlineuploader-popup .onlineuploader-cropper, .onlineuploader-popup .onlineuploader-cropper *, .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button, .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-button.button-success, .onlineuploader-popup .onlineuploader-popup-content .onlineuploader-popup-tools li a, .onlineuploader-popup .onlineuploader-popup-move, .onlineuploader-popup .onlineuploader-popup-node .onlineuploader-popup-file-icon { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .onlineuploader, .onlineuploader *, .onlineuploader :after, .onlineuploader :before, .onlineuploader-popup, .onlineuploader-popup *, .onlineuploader-popup :after, .onlineuploader-popup :before { box-sizing: border-box; } .onlineuploader { display: block; width: 100%; line-height: normal; } .onlineuploader-input-inner { margin: auto; } .onlineuploader-input { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; min-height: 109px; background-color: #009e54; background-image: linear-gradient( 45deg, rgba(0, 0, 0, 0.06) 25%, transparent 0 ), linear-gradient(-45deg, rgba(0, 0, 0, 0.06) 25%, transparent 0), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.06) 0), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.06) 0); background-size: 24px 24px; background-position: 0 0, 0 12px, 12px -12px, -12px 0; border-radius: 5px 5px 0px 0px; } .onlineuploader-input .onlineuploader-input-caption { position: relative; display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: start; align-self: flex-start; padding: 13px 16px; margin-right: 16px; background: #fff; border: 1px solid #ebeef1; border-radius: 30px; color: #789bec; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.01); font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .onlineuploader-focused .onlineuploader-input .onlineuploader-input-caption { border-color: #789bec; } .onlineuploader-input .onlineuploader-input-caption .onlineuploader-pending-loader { position: relative; display: inline-block; vertical-align: middle; min-height: 22px; margin-right: 6px; } .onlineuploader-input .onlineuploader-main-icon { color: #789bec; } .onlineuploader-input .onlineuploader-main-icon:after { content: "\e900"; } .onlineuploader-input.onlineuploader-dragging { background-image: linear-gradient( 135deg ,rgb(0,162,69) 0%,rgb(3,130,62) 100%) !important; box-shadow: 0 2px 5px 0 #939393; background-size: auto; border: 2px dashed #fff; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input.onlineuploader-dragging .moreaddfile { display: none; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input.onlineuploader-dragging { border-radius: 5px !important; max-width: 600px; margin: 0 auto 20px; } .onlineuploader-input.onlineuploader-dragging .onlineuploader-input-inner { vertical-align: middle; background: #0000 url(/National_Library/oe_/https://sl.office-converter.com/2021/svg/addfile.svg) 32px center no-repeat; background-size: 60px; background-position: left; width: 60px; height: 60px; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input.onlineuploader-dragging .onlineuploader-input-inner:hover { box-shadow:none !important; } .onlineuploader-input.onlineuploader-dragging .onlineuploader-input-inner button { display: none; } .onlineuploader-input.onlineuploader-dragging .onlineuploader-input-caption { border-color: transparent; } .onlineuploader-input.onlineuploader-dragging .onlineuploader-input-button { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } .onlineuploader-disabled .onlineuploader-input { opacity: 0.7; cursor: default; pointer-events: none !important; } .onlineuploader-items .onlineuploader-items-list { display: block; margin: 0px; padding: 0; list-style: none; } .onlineuploader-items .onlineuploader-item { position: relative; margin: 0; padding: 12px 16px 10px 22px; border-bottom: 1px solid #ebeef1; animation-duration: 0.6s; } .onlineuploader-items .onlineuploader-item:last-child { border-bottom: 0; margin-bottom: -16px; } .onlineuploader-items .onlineuploader-item.upload-failed { background: rgba(254, 84, 111, 0.06); border-bottom: 1px solid #fb0606; } .onlineuploader-items .onlineuploader-item.upload-pending .onlineuploader-action-remove:after { position: absolute; left: -8px; top: -8px; width: 36px; height: 36px; } .onlineuploader-items .onlineuploader-item .columns { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; } .onlineuploader-items .onlineuploader-item .column-thumbnail { position: relative; width: 28px; height: 28px; margin-top: 4px; } .onlineuploader-items .onlineuploader-item .column-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 16px; padding-right: 16px; color: #555; overflow: hidden; } .onlineuploader-items .onlineuploader-item .column-title a { display: inline-block; width: 100%; height: 100%; color: #555; text-decoration: none; } .onlineuploader-items .onlineuploader-item .column-title div { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 400; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) !important; } .onlineuploader-items .onlineuploader-item .column-title span { font-size: 12px; color: #979fb8; opacity: 0.7; font-weight: 300; } .onlineuploader-items .onlineuploader-item .column-title ss { position: absolute; top: -8px; color: #00944f; padding: 0px 2px 0px; border-radius: 2px; font-size: 10px; border: 1px solid #00944f; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.23); } .onlineuploader-items .onlineuploader-item .column-title ss::after { content: ''; display: inline-block; width: 0; height: 0; position: absolute; left: 0; bottom: -6px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 10px solid #00944f; -webkit-transform: rotate3d(0,0,1,45deg); -ms-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); z-index: -1; } .onlineuploader-items .onlineuploader-item .column-actions { margin: 0 16px; } .onlineuploader-items .onlineuploader-item .onlineuploader-item-image { position: relative; width: 100%; height: 100%; border-radius: 3px; background: #fff; overflow: hidden; } .onlineuploader-items .onlineuploader-item .onlineuploader-item-image.onlineuploader-loading:after { content: ""; width: 50%; height: 50%; } .onlineuploader-items .onlineuploader-item .onlineuploader-item-image canvas, .onlineuploader-items .onlineuploader-item .onlineuploader-item-image img { position: absolute; max-width: none; max-height: 100%; } .onlineuploader-items .onlineuploader-item .onlineuploader-item-icon { position: relative; width: 100%; height: 100%; text-align: center; color: #fff; font-size: 11px; border-radius: 3px; cursor: default; background-color: #ddd; background-position: center; background-repeat: no-repeat; background-size: 16px; } .onlineuploader button, .onlineuploader-popup button { display: inline-block; padding: 0; margin: 0; margin-left: 0px; border: 0; font: inherit; background: 0 0; box-shadow: none; } .onlineuploader-items .onlineuploader-item .onlineuploader-item-icon.is-bright-color { color: #888; } .onlineuploader-items .onlineuploader-item .onlineuploader-item-icon i { position: absolute; display: block; width: auto; font-style: normal; overflow: hidden; white-space: nowrap; min-width: 14px; text-align: center; line-height: 14px; padding: 6px; font-size: 16px; left: 14px; top: 14px; text-transform: capitalize; color: #ffffff !important; font-weight: 500; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.11) !important; } .onlineuploader-items .onlineuploader-item span.onlineuploader-action-popup { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3px; background-image: linear-gradient(135deg,rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.37) 100%); box-shadow: 0 2px 5px 0 rgba(147, 147, 147, 0.64); } .onlineuploader-items .onlineuploader-item span.onlineuploader-action-popup:hover { opacity: 1; } .onlineuploader-items .onlineuploader-item span.onlineuploader-action-popup:active { background: rgba(43, 56, 71, 0.4); } .onlineuploader-items .onlineuploader-item .onlineuploader-action { position: relative; display: inline-block; color: #c0c6d2; cursor: pointer; vertical-align: top; border-radius: 50px; } .convertformat format { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12) !important; } .onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-download { width: auto; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) !important; border-radius: 2px !important; fill: #fff; background-color: #00944f !important; padding: 10px 16px 8px; color: #fff; text-decoration: none; height: auto; margin-right: 30px; font-weight: 700; min-width: 126px; text-align: center; box-shadow: 0 2px 5px 0 rgba(147, 147, 147, 0.64); } .onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-download span { margin-left: 10px; } .onlineuploader-action.onlineuploader-action-remove { margin-right: 2px !important; } .onlineuploader-items .onlineuploader-item .onlineuploader-action + .onlineuploader-action { margin-left: 32px; -webkit-transition: all 140ms ease; transition: all 140ms ease; } .onlineuploader-items .onlineuploader-item .onlineuploader-action:hover { color: #789bec; } .onlineuploader-items .onlineuploader-item .column-actions .onlineuploader-action-remove { padding: 10px; width: 40px; height: 40px; } .onlineuploader-items .onlineuploader-item .column-actions .onlineuploader-action-remove:hover { background-color: #e6ebe6; } .onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-download:hover { background-color: #333 !important; color: #fff; box-shadow: 0 1rem 2.5rem 0 rgba(39, 48, 54, 0.25); -webkit-transform: translateY(-1.22rem); -moz-transform: translateY(-1.22rem); -ms-transform: translateY(-1.22rem); transform: translateY(-1.22rem); } .onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-finish { padding: 1px 4px; border: 1px solid #178238; border-radius: 2px; color: #178238; font-size: 10px; vertical-align: middle; margin-left: 25px; cursor: default; text-align: center; text-transform: capitalize; min-width: 46px; font-weight: 400; width: auto; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important; margin-bottom: 12px; } .onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-info { padding: 1px 4px; color: #999; font-size: 15px; vertical-align: middle; cursor: default; text-align: center; min-width: 46px; font-weight: 300; width: auto; height: 35px; } .onlineuploader-items .upload-successful .onlineuploader-action.onlineuploader-action-info { text-transform: uppercase; } .onlineuploader-items .onlineuploader-item .onlineuploader-action:active { color: #668ee9; } .onlineuploader-items .onlineuploader-item.file-has-popup span.onlineuploader-action-popup { display: block; } .onlineuploader-items .onlineuploader-item .onlineuploader-progressbar { position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; border-radius: 6px; overflow: hidden; } .onlineuploader-items .onlineuploader-item .onlineuploader-progressbar .bar { position: absolute; left: 0; top: 0; width: 0%; height: 100%; border-radius: 6px; background: #789bec; } .onlineuploader-items .onlineuploader-item .progress-bar2 .onlineuploader-progressbar { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .onlineuploader-items .onlineuploader-item .progress-bar2 .onlineuploader-progressbar .bar { position: absolute; left: 0; top: 0; width: 0%; height: 100%; border-radius: 0; background: #00ff0a12; } .barbar { width: 1px; height: 100%; right: 0px; position: absolute; background-color: #00944f; box-shadow: 0 2px 9px 0 #9fdcb9; } .onlineuploader-items .onlineuploader-item .progress-bar2 span { position: absolute; right: 16px; color: rgba(151, 159, 184, 0.16); font-size: 48px; } .onlineuploader-items .onlineuploader-sorter-placeholder { background: rgba(0, 0, 0, 0.03); margin: 0; padding: 0; -webkit-animation: none; animation: none; } .file-type-image .onlineuploader-item-icon { background-color: #49c9a7 !important; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjMwMTU4MDI3MDc2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjcyNDYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTY0OS4wODI1NiAzNjUuNzkyYTEwMy45MzYgMTAzLjkzNiAwIDAgMS0xMDQtMTAzLjU4NGMwLTU3LjE4NCA0Ni41OTItMTAzLjU4NCAxMDQtMTAzLjU4NHMxMDQgNDYuNCAxMDQgMTAzLjU4NGExMDQgMTA0IDAgMCAxLTEwNCAxMDMuNjE2eiBtMC0xNTcuNzkyYy0zMC4wMTYgMC01NC40IDI0LjE5Mi01NC40IDU0LjIwOGE1NC40IDU0LjQgMCAwIDAgMTA4LjggMGMwLTMwLjAxNi0yNC4zODQtNTQuMjA4LTU0LjQtNTQuMjA4ek0xMDE3LjA4MjU2IDc2My4wMDhsLTE5Ni0xOTUuMmEyNS42IDI1LjYgMCAwIDAtMzUuNTg0IDBMNjY1Ljg4MjU2IDY4Ni44MTZjLTAuMTkyIDAuMTkyLTAuMzg0IDAuNjA4LTAuOCAwLjhsLTI3NS42MTYtMjc0LjU5MmEyNC4xNiAyNC4xNiAwIDAgMC0xOC4wMTYtNy4yYy02LjQgMC0xMi45OTIgMi40LTE4LjAxNiA3LjJMNy40MTg1NiA3NTcuNjMyYTI0LjU0NCAyNC41NDQgMCAwIDAgMCAzNS4wMDhjOS43OTIgOS42IDI1LjQwOCA5LjYgMzUuMiAwbDMyOC44LTMyNy42MTYgMzkyIDM5MC40YzkuNzkyIDkuNiAyNS40MDggOS42IDM1LjIgMGEyNC41NDQgMjQuNTQ0IDAgMCAwIDAtMzUuMDA4bC05OC40LTk4LjAxNmMwLjE5Mi0wLjE5MiAwLjYwOC0wLjM4NCAwLjgtMC44bDEwMi4yMDgtMTAxLjc5MiAxNzguNTkyIDE3OC4wMTZjOS42IDkuNiAyNS40MDggOS42IDM1LjIgMCA5LjYtOS40MDggOS42LTI0Ljk5MiAwLTM0Ljc4NHoiIHAtaWQ9IjcyNDciIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guNzc4MTA2OS4wLmkxIiBjbGFzcz0ic2VsZWN0ZWQiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4="); } .file-type-image .onlineuploader-item-icon i { visibility: hidden; color: #fff; } .file-type-aac .onlineuploader-item-icon, .file-type-ac3 .onlineuploader-item-icon, .file-type-aiff .onlineuploader-item-icon, .file-type-flac .onlineuploader-item-icon, .file-type-m4a .onlineuploader-item-icon, .file-type-mp3 .onlineuploader-item-icon, .file-type-wav .onlineuploader-item-icon, .file-type-wma .onlineuploader-item-icon, .file-type-ogg .onlineuploader-item-icon, .file-type-opus .onlineuploader-item-icon, .file-type-mmf .onlineuploader-item-icon, .file-type-audio .onlineuploader-item-icon { background-color: #fca32a !important; background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTk0NyA2NzktLjMtMTIyYzAtMjQwLTE5NS4yLTQzNS4yLTQzNS4yLTQzNS4ycy00MzUuMiAxOTUuMi00MzUuMiA0MzUuMWwtLjYgMTM1LjZjMCAuNy0uMiAxLjMtLjIgMnY2MC42YzAgNjIuNCA1MC44IDExMy4yIDExMy4yIDExMy4yczExMy4yLTUwLjggMTEzLjItMTEzLjJ2LTYwLjZjMC02Mi40LTUwLjgtMTEzLjItMTEzLjItMTEzLjItMjUuMyAwLTQ4LjQgOC42LTY3LjIgMjIuNmwuMi00N2MwLTIxNC45IDE3NC45LTM4OS44IDM4OS44LTM4OS44czM4OS44IDE3NC45IDM4OS44IDM4OS45bC4xIDQ4LjdjLTE4LTEzLjMtMzkuOC0yMS42LTYzLjQtMjIuMy0zMC41LTEuMS01OC45IDkuOS04MSAzMC42cy0zNC44IDQ4LjctMzUuOCA3OC45bC0yIDYwLjZjLTIgNjIuNCA0Ny4xIDExNC43IDEwOS41IDExNi43IDEuMiAwIDIuNC4xIDMuNi4xIDU5LjggMCAxMTAuOS00OCAxMTQuNi0xMDkuMmwtLjItNjEuM2MuMi03LjEtLjEtMTMuNy4zLTIwLjh6bS03NTguMy01Mi4zYzM3LjQgMCA2Ny44IDMwLjQgNjcuOCA2Ny44djYwLjZjMCAzNy40LTMwLjQgNjcuOC02Ny44IDY3LjhzLTY3LjgtMzAuNC02Ny44LTY3Ljh2LTU1LjNjMC0uMy4yLS42LjItLjl2LTYuNWMxLjEtMzYuMyAzMC45LTY1LjcgNjcuNi02NS43em02NDEuNiAxOTguMmMtMzcuNC0xLjItNjYuOC0zMi42LTY1LjYtNjkuOWwyLTYwLjZjMS4yLTM2LjYgMzEuNC02NS42IDY3LjctNjUuNmgyLjJjMzEuNiAxIDU3LjkgMjQuNCA2NSA1NC4zbC4xIDU0LjljMCAxIC40IDEuOC42IDIuN2wtLjYgMTguMmMtMi4zIDM3LjYtMzQuNyA2Ny4xLTcxLjQgNjZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); } .file-type-aac .onlineuploader-item-icon i, .file-type-ac3 .onlineuploader-item-icon i, .file-type-aiff .onlineuploader-item-icon i, .file-type-flac .onlineuploader-item-icon i, .file-type-m4a .onlineuploader-item-icon i, .file-type-mp3 .onlineuploader-item-icon i, .file-type-wav .onlineuploader-item-icon i, .file-type-wma .onlineuploader-item-icon i, .file-type-ogg .onlineuploader-item-icon i, .file-type-opus .onlineuploader-item-icon i, .file-type-mmf .onlineuploader-item-icon i, .file-type-audio .onlineuploader-item-icon i { visibility: hidden; color: #fff; } .file-type-video .onlineuploader-item-icon { background-color: #ce3a3a !important; background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE3OS43OTYgMzY5LjE3MWMtMTAuNzYyIDAtMTkuNDg5IDguNzI1LTE5LjQ4OSAxOS40ODcgMCAxMC43NjYgOC43MjcgMTkuNDg5IDE5LjQ4OSAxOS40ODkgMTAuNzY0IDAgMTkuNDg5LTguNzIzIDE5LjQ4OS0xOS40ODkgMC0xMC43NjItOC43MjYtMTkuNDg3LTE5LjQ4OS0xOS40ODd6bTc2OS4xOC01Ny4xMDZhMTkuNDA5IDE5LjQwOSAwIDAgMCAtMTkuODg4Ljc0M2wtMjIzLjA5MiAxNDcuMzY1di0xMTAuNDkzYzAtNDMuMDUzLTM0LjkwNC03Ny45NTMtNzcuOTU1LTc3Ljk1M2gtNDg3LjIyM2MtNDMuMDUzIDAtNzcuOTUzIDM0LjkwMS03Ny45NTMgNzcuOTUzdjM4OS43NzZjMCA0My4wNTUgMzQuOTAxIDc3Ljk1NSA3Ny45NTMgNzcuOTU1aDQ4Ny4yMjJjNDMuMDUxIDAgNzcuOTU1LTM0LjkwMSA3Ny45NTUtNzcuOTU1di05My45M2wyMjIuOTQgMTQ5LjU5YTE5LjQ1NCAxOS40NTQgMCAwIDAgMTkuOTY0Ljg3NyAxOS40NyAxOS40NyAwIDAgMCAxMC4yMzktMTcuMTV2LTQ0OS42NjlhMTkuNDczIDE5LjQ3MyAwIDAgMCAtMTAuMTYyLTE3LjEwOXptLTI4MS45NiAxODAuNjg4YTE5LjU0NyAxOS41NDcgMCAwIDAgLS40IDMuOTAzdjExMi4wNjNjMCAxLjMyMS4xNCAyLjYyNC40IDMuODk0djEyNi44NDVjMCAyMS41MjctMTcuNDUyIDM4Ljk4LTM4Ljk3NiAzOC45OGgtNDg3LjIyMmMtMjEuNTI1IDAtMzguOTc4LTE3LjQ1Mi0zOC45NzgtMzguOTh2LTM4OS43NzhjMC0yMS41MjUgMTcuNDUyLTM4Ljk3OCAzOC45NzgtMzguOTc4aDQ4Ny4yMjJjMjEuNTIzIDAgMzguOTc2IDE3LjQ1MiAzOC45NzYgMzguOTc4em0yNTMuMTQ2IDI0OS45MjktMjE0LjE2Ni0xNDQuMjAydi05MS40NzFsMjE0LjE2Ni0xNDIuMDU1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); } .file-type-video .onlineuploader-item-icon i { visibility: hidden; color: #fff; } .file-ext-z .onlineuploader-item-icon, .file-ext-lzo .onlineuploader-item-icon, .file-ext-gz .onlineuploader-item-icon, .file-ext-bz2 .onlineuploader-item-icon, .file-ext-7z .onlineuploader-item-icon, .file-ext-rar .onlineuploader-item-icon, .file-ext-zip .onlineuploader-item-icon { background-color: #ffb233 !important; background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwMjEuNCAxMTEuOXYtNTUuMWgtODQ4LjhjLTkzLjkgMC0xNzAgNzYuMS0xNzAgMTcwIDAgNTkuNyAzMC44IDExMi4yIDc3LjMgMTQyLjUtNDYuNSAzMC4zLTc3LjMgODIuOC03Ny4zIDE0Mi41IDAgNTkuOCAzMC45IDExMi40IDc3LjYgMTQyLjctNDYuNyAzMC4zLTc3LjYgODIuOS03Ny42IDE0Mi43IDAgOTMuOSA3Ni4xIDE3MCAxNzAgMTcwaDg0OC44di01NS4xYy0yOC42LTEuNC01NS40LTEzLjEtNzUuOC0zMy41LTIxLjctMjEuNy0zMy43LTUwLjYtMzMuNy04MS4zczEyLTU5LjYgMzMuNy04MS4zYzIwLjQtMjAuNCA0Ny4xLTMyLjIgNzUuOC0zMy41di01NS44Yy0yOC42LTEuNC01NS40LTEzLjEtNzUuOC0zMy41LTIxLjctMjEuNy0zMy43LTUwLjYtMzMuNy04MS4zczEyLTU5LjYgMzMuNy04MS4zYzIwLjQtMjAuNCA0Ny4xLTMyLjIgNzUuOC0zMy41di01NS4yYy0yOC42LTEuNC01NS40LTEzLjEtNzUuOC0zMy41LTIxLjctMjEuNy0zMy43LTUwLjYtMzMuNy04MS4zczEyLTU5LjYgMzMuNy04MS4zYzIwLjQtMjAuNyA0Ny4yLTMyLjUgNzUuOC0zMy45em0tMTE5LjYgODAwLjNoLTcyOS4yYy0zMC43IDAtNTkuNi0xMi04MS4zLTMzLjdzLTMzLjctNTAuNi0zMy43LTgxLjMgMTItNTkuNiAzMy43LTgxLjMgNTAuNi0zMy43IDgxLjMtMzMuN2g3MjkuMWMtMjcuOCAzMC4zLTQ0LjggNzAuNi00NC44IDExNXMxNyA4NC44IDQ0LjkgMTE1em0wLTI4NS40aC03MjkuMmMtMzAuNyAwLTU5LjYtMTItODEuMy0zMy43cy0zMy43LTUwLjYtMzMuNy04MS4zIDEyLTU5LjYgMzMuNy04MS4zIDUwLjYtMzMuNyA4MS4zLTMzLjdoNzI5LjFjLTI3LjggMzAuMy00NC44IDcwLjYtNDQuOCAxMTUgMCA0NC4zIDE3IDg0LjcgNDQuOSAxMTV6bS03MjkuMi0yODVjLTMwLjcgMC01OS42LTEyLTgxLjMtMzMuN3MtMzMuNy01MC42LTMzLjctODEuMyAxMi01OS42IDMzLjctODEuMyA1MC42LTMzLjcgODEuMy0zMy43aDcyOS4xYy0yNy44IDMwLjMtNDQuOCA3MC42LTQ0LjggMTE1czE3IDg0LjcgNDQuOCAxMTV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); } .file-ext-z .onlineuploader-item-icon i, .file-ext-lzo .onlineuploader-item-icon i, .file-ext-gz .onlineuploader-item-icon i, .file-ext-bz2 .onlineuploader-item-icon i, .file-ext-7z .onlineuploader-item-icon i, .file-ext-rar .onlineuploader-item-icon i, .file-ext-zip .onlineuploader-item-icon i { visibility: hidden; color: #fff; } .file-ext-pdf .onlineuploader-item-icon { background-color: #ef5450 !important; background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwMTIuODE4ODkzIDY0MC41MTJjLTE2LjM4NC0yMi4wMTYtNDguNjQtMzQuODE2LTk2LjI1Ni0zOC40LTExMi42NC04LjE5Mi0yMDEuNzI4IDE1LjM2LTIxMC40MzIgMTcuNDA4LTEwLjI0LTUuNjMyLTE1MC41MjgtODkuMDg4LTIyMC42NzItMjgxLjA4OCAzLjA3Mi03LjY4IDM0LjMwNC04Ni41MjggMTcuNDA4LTE4OC45MjhsLTEuNTM2LTkuNzI4LTEuNTM2IDkuNzI4Yy04LjcwNCA0Ny4xMDQtMjMuNTUyIDExNy43Ni0zMi43NjggMTMyLjA5Ni00LjA5Ni0xNi44OTYtMjQuMDY0LTk0LjIwOC0yOC4xNi0xNjEuMjgtMy41ODQtNDkuNjY0IDcuMTY4LTk1Ljc0NCAyMi4wMTYtOTguMzA0IDYuMTQ0LTEuMDI0IDExLjc3NiAxLjUzNiAxNy40MDggNi42NTYgMTkuOTY4IDE5Ljk2OCAzMC43MiA3Ny4zMTIgMjcuMTM2IDk3LjI4bC0xLjUzNiA3LjE2OCA0LjA5Ni01LjYzMmMuNTEyLS41MTIgMTEuNzc2LTE2Ljg5NiAxMS43NzYtNTkuOTA0IDAtMjMuNTUyLTE5LjQ1Ni02MC45MjgtNzIuMTkyLTYwLjkyOC0xNy45MiAwLTMwLjcyIDUuMTItMzkuOTM2IDE1Ljg3Mi0xNi44OTYgMTkuNDU2LTIyLjAxNiA1Ny4zNDQtMTQuMzM2IDExNi4yMjQgMTMuMzEyIDEwNi40OTYgNDQuMDMyIDIyMC4xNiA0Ni41OTIgMjI5LjM3Ni05LjcyOCAyMi4wMTYtMjgzLjEzNiA2MTcuOTg0LTM5NS43NzYgNjE3Ljk4NC0xLjUzNiAwLTMuMDcyIDAtNC42MDgtLjUxMi01LjYzMi03MC42NTYgMTczLjA1Ni0yMDcuODcyIDE3NS4xMDQtMjA5LjQwOGw3LjY4LTUuNjMyLTkuMjE2IDMuMDcyYy0xLjUzNi41MTItMTI5LjAyNCAzOS45MzYtMjA1LjgyNCAxNzIuMDMyLTQuNjA4IDcuNjgtMTEuMjY0IDIzLjA0LTQuMDk2IDM3Ljg4OCA3LjY4IDE1Ljg3MiAyOS4xODQgMjUuNiA2NCAyOS42OTZoMy4wNzJjNDMuNTIgMCAxNDQuODk2LTg5LjYgMjMyLjQ0OC0yNjUuNzI4IDEzLjMxMi00LjA5NiAyMTQuMDE2LTcwLjY1NiAzNzguODgtODguMDY0IDE0LjMzNiA3LjY4IDIyOC4zNTIgMTE5LjgwOCAzMDcuNzEyIDc5Ljg3MiAxNS44NzItOC4xOTIgMjUuMDg4LTIxLjUwNCAyOC4xNi00MC40NDhsMS4wMjQtNS4xMi0zLjU4NCAzLjU4NGMtLjUxMi41MTItNTIuNzM2IDQ5LjE1Mi0yNTAuODgtNTAuNjg4IDMxLjIzMi00LjA5NiAxODguOTI4LTIwLjQ4IDI1Ni41MTIgMzUuODRsMi4wNDggMS41MzYuNTEyLTMuMDcyYy41MTItMS4wMjQgNC42MDgtMjAuNDgtMTAuMjQtNDAuNDQ4em0tMzc1LjgwOC04LjE5MmMtMjkuMTg0IDQuNjA4LTIxNC41MjggMzYuODY0LTMxOS40ODggODUuNTA0IDE4LjQzMi0zNC4zMDQgMTI2LjQ2NC0yMzIuOTYgMTQyLjg0OC0yOTYuOTYgMTAuNzUyIDIyLjUyOCA2MC45MjggMTIwLjgzMiAxNzYuNjQgMjExLjQ1NnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4="); } .file-ext-pdf .onlineuploader-item-icon i { visibility: hidden; color: #fff; } .file-ext-html .onlineuploader-item-icon { background-color: #1890ff !important; background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgd2lkdGg9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNzMuNiA1NDcuMmMtNi40LTYuNC05LjYtMTYtOS42LTI1LjZzMy4yLTE2IDkuNi0yMi40bDIyNC0yMzAuNGMxMi44LTEyLjggMzItMTIuOCA0NC44IDBzMTIuOCAzNS4yIDAgNDQuOGwtMjAxLjYgMjA4IDIwMS42IDIwOGMxMi44IDEyLjggMTIuOCAzMiAwIDQ0LjhzLTMyIDEyLjgtNDQuOCAwem00ODMuMi0zNTUuMmMzLjItMTYgMjIuNC0yOC44IDM4LjQtMjIuNCAxNiAzLjIgMjguOCAyMi40IDIyLjQgMzguNGwtMTY2LjQgNjQwYy0zLjIgMTYtMTkuMiAyNS42LTM1LjIgMjIuNHMtMjguOC0yMi40LTIyLjQtMzguNHptMzkzLjYgMzU1LjItMjI0IDIzMC40Yy0xMi44IDEyLjgtMzIgMTIuOC00NC44IDBzLTEyLjgtMzIgMC00NC44bDIwMS42LTIwOC0yMDEuNi0yMDhjLTEyLjgtMTIuOC0xMi44LTMyIDAtNDQuOHMzMi0xMi44IDQ0LjggMGwyMjQgMjMwLjRjNi40IDYuNCA5LjYgMTYgOS42IDIyLjRzLTMuMiAxNi05LjYgMjIuNHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJtNzMuNiA1NDcuMmMtNi40LTYuNC05LjYtMTYtOS42LTI1LjZzMy4yLTE2IDkuNi0yMi40bDIyNC0yMzAuNGMxMi44LTEyLjggMzItMTIuOCA0NC44IDBzMTIuOCAzNS4yIDAgNDQuOGwtMjAxLjYgMjA4IDIwMS42IDIwOGMxMi44IDEyLjggMTIuOCAzMiAwIDQ0LjhzLTMyIDEyLjgtNDQuOCAwem00ODMuMi0zNTUuMmMzLjItMTYgMjIuNC0yOC44IDM4LjQtMjIuNCAxNiAzLjIgMjguOCAyMi40IDIyLjQgMzguNGwtMTY2LjQgNjQwYy0zLjIgMTYtMTkuMiAyNS42LTM1LjIgMjIuNHMtMjguOC0yMi40LTIyLjQtMzguNHptMzkzLjYgMzU1LjItMjI0IDIzMC40Yy0xMi44IDEyLjgtMzIgMTIuOC00NC44IDBzLTEyLjgtMzIgMC00NC44bDIwMS42LTIwOC0yMDEuNi0yMDhjLTEyLjgtMTIuOC0xMi44LTMyIDAtNDQuOHMzMi0xMi44IDQ0LjggMGwyMjQgMjMwLjRjNi40IDYuNCA5LjYgMTYgOS42IDIyLjRzLTMuMiAxNi05LjYgMjIuNHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4="); } .file-ext-doc .onlineuploader-item-icon, .file-ext-docx .onlineuploader-item-icon, .file-ext-rtf .onlineuploader-item-icon { background-color: #2695f9 !important; background-image: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE5LjggNC43Yy4yLS44IDEtMS4zIDEuOC0xLjFzMS4yIDEgMSAxLjhsLS4xLjMtNC4yIDE0LjVjLS4yLjgtLjkgMS4zLTEuNyAxLjNzLTEuNS0uNS0xLjctMS4zbC0yLjgtMTAuNmgtLjFsLTIuNyAxMC42Yy0uMi44LS45IDEuMy0xLjcgMS4zcy0xLjUtLjUtMS44LTEuM2wtNC4yLTE0LjVjLS4xLS44LjQtMS43IDEuMS0xLjguOC0uMiAxLjUuMyAxLjcgMS4xbC4zIDEuMyAyLjggMTEuNWguMWwzLjEtMTEuOXYtLjFjLjItLjYuNy0xIDEuMy0xIC42IDAgMS4yLjQgMS4zIDF2LjFsMy4xIDExLjloLjFsMy0xMi4xeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); } .file-type-no .onlineuploader-item-icon i { color: #fff; } .file-ext-html .onlineuploader-item-icon i, .file-ext-doc .onlineuploader-item-icon i, .file-ext-docx .onlineuploader-item-icon i, .file-ext-rtf .onlineuploader-item-icon i { visibility: hidden; color: #fff; } .file-ext-xls .onlineuploader-item-icon, .file-ext-xlsx .onlineuploader-item-icon { background-color: #2fc06e !important; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjMwMTk1MjQyOTcxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI5NTUzIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik02MDguODk2IDU1NS4xNzg2NjdsMjExLjk2OCAyMTEuOTY4YTM3Ljk3MzMzMyAzNy45NzMzMzMgMCAwIDEtNTMuNzE3MzMzIDUzLjc2bC0yMTEuMTE0NjY3LTIxMS4xNTczMzQgNTIuODY0LTU0LjU3MDY2NnogbTIxMS45NjgtMzUyLjA0MjY2N2EzNy45NzMzMzMgMzcuOTczMzMzIDAgMCAxIDAgNTMuNzE3MzMzbC0yNTAuODM3MzMzIDI1MC44MzczMzR2LTAuMDQyNjY3bC01Ny44MTMzMzQgNTguMjgyNjY3LTAuMjEzMzMzLTAuMjEzMzM0LTI1NS4xNDY2NjcgMjU1LjE0NjY2N2EzNy45NzMzMzMgMzcuOTczMzMzIDAgMCAxLTUzLjc2LTUzLjcxNzMzM0w0NTguMzI1MzMzIDUxMmwtMjU1LjE0NjY2Ni0yNTUuMTQ2NjY3QTM3Ljk3MzMzMyAzNy45NzMzMzMgMCAxIDEgMjU2Ljg1MzMzMyAyMDMuMDkzMzMzTDUxMiA0NTguMzI1MzMzbDI1NS4xNDY2NjctMjU1LjE0NjY2NmEzNy45NzMzMzMgMzcuOTczMzMzIDAgMCAxIDUzLjc2IDB6IiBwLWlkPSIyOTU1NCIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC43NzgxMDY5LjAuaTIxIiBjbGFzcz0ic2VsZWN0ZWQiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4="); } .file-ext-xls .onlineuploader-item-icon i, .file-ext-xlsx .onlineuploader-item-icon i { visibility: hidden; color: #fff; } .file-ext-pps .onlineuploader-item-icon, .file-ext-ppsx .onlineuploader-item-icon, .file-ext-ppt .onlineuploader-item-icon, .file-ext-pptx .onlineuploader-item-icon { background-color: #e64a19 !important; background-image: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0ibTExLjEgMi4zYy01LjggMC0xMC41IDQuOC0xMC41IDEwLjdzNC43IDEwLjcgMTAuNSAxMC43IDEwLjUtNC44IDEwLjUtMTAuN2gtMTAuNXoiIG9wYWNpdHk9Ii40Ii8+PHBhdGggZD0ibTEyLjcuNnYxMC43aDEwLjVjMC01LjktNC43LTEwLjctMTAuNS0xMC43eiIvPjwvZz48L3N2Zz4="); } .file-ext-pps .onlineuploader-item-icon i, .file-ext-ppsx .onlineuploader-item-icon i, .file-ext-ppt .onlineuploader-item-icon i, .file-ext-pptx .onlineuploader-item-icon i { visibility: hidden; color: #fff; } .file-ext-psd .onlineuploader-item-icon { background-color: #3172eb !important; background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIwMi4zMSA4NDcuOTNoLTg2Ljk3di02NjYuODhoMTg1LjYyYzcwLjgxIDAgMTIwLjcxIDcuMjIgMTQ5LjcgMjEuNjZzNTAuODggMzUuNjQgNjUuNjYgNjMuNTljMTQuNzggMjcuOTYgMjIuMTcgNjAuMzkgMjIuMTcgOTcuMjggMCA2Mi41Ni0yMS4yNCAxMTUuMDQtNjMuNyAxNTcuNDQtNDIuNDcgNDIuNC0xMDUuODMgNjMuNTktMTkwLjA3IDYzLjU5aC04Mi40MXptMC0zMjkuNjZoNTguMzZjNzYuNjYgMCAxMjcuMTgtMTQuOCAxNTEuNTUtNDQuNHMzNi41Ni02NS4wNSAzNi41Ni0xMDYuMzZjMC0zNS43OS05Ljc5LTY0LjY1LTI5LjM1LTg2LjU2cy01OC40MS0zMi44Ny0xMTYuNTQtMzIuODdoLTEwMC41OHptMzM3LjAzIDIwMy4xNmg3OS43NXYxLjcyYzAgMjAuNjIgNy45MSAzNy43NiAyMy43MiA1MS4zOSAxNS44MSAxMy42NCA0Mi4zOSAyMC40NSA3OS43NSAyMC40NSAzMyAwIDU5Ljc1LTguMDIgODAuMjctMjQuMDggMjAuNTEtMTYuMDUgMzAuNzctMzQuOTggMzAuNzctNTYuNzcgMC0yOS41OC0yMC4wNi01MC41Ny02MC4xNi02Mi45NmwtNDAuOTEtMTIuMzgtMjcuMTYtOC42LTU1LjM1LTE3LjJjLTYzLjI1LTIzLjE3LTk0Ljg4LTYxLjctOTQuODgtMTE1LjU5IDAtMzcuODQgMTUuMy03MS4xIDQ1Ljg5LTk5Ljc3czc2LjE0LTQzIDEzNi42NC00M2M1OS41OCAwIDEwMS45OCAxMi4yNiAxMjcuMTkgMzYuNzhzMzcuODEgNTEuNjggMzcuODEgODEuNDd2MS43MmgtODAuNDR2LTEuNzNjMC0xNi4xNS04LjA4LTI4LjgzLTI0LjIzLTM4LjA1cy0zNy42NC0xMy44NC02NC40NS0xMy44NGMtMzIuMDkgMC01Ni42NyA2LjY1LTczLjczIDE5Ljk1LTE3LjA3IDEzLjMtMjUuNjEgMjkuNy0yNS42MSA0OS4xOSAwIDE0LjkxIDUuNSAyNy4wMSAxNi41IDM2LjI5IDExIDkuMjkgMjkuNTYgMTcuNzIgNTUuNjkgMjUuMjlsMzguNSAxMC42NyAyOC4xOSA4LjI1YzM4Ljk2IDExLjAxIDYzLjE5IDE4LjggNzIuNyAyMy4zOXMxOS4xOSAxMC41NSAyOS4wNSAxNy44OWMxMy41MiAxMC4zMiAyMy40OSAyMi43NiAyOS45MSAzNy4zMiA2LjQxIDE0LjU3IDkuNjIgMzEuNTkgOS42MiA1MS4wOSAwIDQ1LjQxLTE2LjI3IDgzLjYtNDguODEgMTE0LjU1LTMyLjU0IDMwLjk2LTc5Ljk4IDQ2LjQ0LTE0Mi4zMSA0Ni40NC0zOS42NSAwLTcyLjQ4LTUuODctOTguNDgtMTcuNjEtMjYuMDEtMTEuNzQtNDYuNzUtMjcuOTUtNjIuMjItNDguNjQtMTUuNDctMjAuNjgtMjMuMi00NC42Ni0yMy4yLTcxLjk0di0xLjY5eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); } .file-ext-psd .onlineuploader-item-icon i { visibility: hidden; color: #fff; } .file-ext-ai .onlineuploader-item-icon { background-color: #ff834c !important; background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTgwMCAxMjhhMzIgMzIgMCAwIDEgMzIgMzJ2NzA0YTMyIDMyIDAgMSAxIC02NCAwdi03MDRhMzIgMzIgMCAwIDEgMzItMzJ6bS00MDYuMzM2IDE3LjI4YTMyIDMyIDAgMCAxIDI5LjEyIDIyLjA4bDIxNy41MzYgNjY5LjUwNGEzMiAzMiAwIDAgMSAtNjAuODY0IDE5Ljg0bC03NC4zNjgtMjI4Ljg2NGEzMiAzMiAwIDAgMSAtMjUuMDg4IDEyLjE2aC0xOTJhMzEuODcyIDMxLjg3MiAwIDAgMSAtMTcuMjgtNS4wNTZsLTcxLjkzNiAyMjEuNjk2YTMyIDMyIDAgMSAxIC02MC44NjQtMTkuNzc2bDIxNy41MzYtNjY5LjUwNGEzMiAzMiAwIDAgMSAzMy42NjQtMjEuOTUyem0tNC41NDQgMTI1LjQ0LTk5LjI2NCAzMDUuMjhoMTkwLjE0NGEzMiAzMiAwIDAgMSA4LjcwNCAxLjIxNnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4="); } .file-ext-ai .onlineuploader-item-icon i { visibility: hidden; color: #fff; } .file-ext-txt .onlineuploader-item-icon { background-color: #8bc63f !important; background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgd2lkdGg9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMCAxMzYuNTMzMzMzaDYxNC40djY4LjI2NjY2N2gtNjE0LjR6bTAgMzA3LjJoOTU1LjczMzMzM3Y2OC4yNjY2NjdoLTk1NS43MzMzMzN6bTAgMzA3LjJoOTU1LjczMzMzM3Y2OC4yNjY2NjdoLTk1NS43MzMzMzN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); } .file-ext-epub .onlineuploader-item-icon { background-color: #a0a398 !important; background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgd2lkdGg9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOTI4LjcyNTMzMyA0ODQuMzA5MzMzYTM0Ljk4NjY2NyAzNC45ODY2NjcgMCAwIDAgLTUxLjU4NCAwbC0xNTQuODggMTYzLjY2OTMzNC0xODEuMDM0NjY2IDE5MS4wMTg2NjZhNzAuMDU4NjY3IDcwLjA1ODY2NyAwIDAgMSAtMTAzLjEyNTMzNCAwbC0yNTguMDQ4LTI3Mi44MTA2NjZhNzkuOTU3MzMzIDc5Ljk1NzMzMyAwIDAgMSAwLTEwOC45NzA2NjdsMjU4LjA0OC0yNzIuNjRhNzAuMDU4NjY3IDcwLjA1ODY2NyAwIDAgMSAxMDMuMTI1MzM0IDBsMTE4LjA1ODY2NiAxMjQuNzU3MzMzLTI0NS40MTg2NjYgMjU4Ljk4NjY2N2EyMC4zNTIgMjAuMzUyIDAgMCAwIDAgMjcuMzA2NjY3bDI1Ljg5ODY2NiAyNy4zOTJjNy4yNTMzMzMgNy40MjQgMTguNjAyNjY3IDcuNDI0IDI1Ljg1NiAwbDI4NC4xNi0yOTkuNzc2YTIwLjM1MiAyMC4zNTIgMCAwIDAgMC0yNy4zNDkzMzRsLTI1Ljg5ODY2Ni0yNy4zNDkzMzMtMS44MzQ2NjctMS43NDkzMzMtMTI5LjI4LTEzNi41MzMzMzRhMTQxLjAxMzMzMyAxNDEuMDEzMzMzIDAgMCAwIC0yMDYuNDY0IDBsLTI1OC4yNjEzMzMgMjcyLjY0Yy01Ni45NiA2MC4xNi01Ni45NiAxNTcuOTUyIDAgMjE4LjExMmwyNTguMDQ4IDI3Mi42NGExNDEuMDEzMzMzIDE0MS4wMTMzMzMgMCAwIDAgMjA2LjUwNjY2NiAwbDI1OC4wNDgtMjcyLjY0IDc3LjQ0LTgxLjU3ODY2NmE0MC40MDUzMzMgNDAuNDA1MzMzIDAgMCAwIDAtNTQuNDg1MzM0bC42NC0uNjgyNjY2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); } .file-ext-epub .onlineuploader-item-icon i, .file-ext-txt .onlineuploader-item-icon i { visibility: hidden !important; color: #fff; } .file-ext-css .onlineuploader-item-icon { background-color: #26a69a92 !important; } .file-ext-css .onlineuploader-item-icon i { color: #fff !important; } .file-ext-html .onlineuploader-item-icon i { color: #fff !important; } .file-ext-mp3 .onlineuploader-item-icon { background-color: #00944f !important; background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTUxMiAxNDMuMzZjMTc4LjgxMDg4IDAgMzI0LjE5ODQgMTQzLjIzNzEyIDMyNy42MTg1NiAzMjEuMjI4OGwuMDYxNDQgNi40NTEydjQ5LjQ3OTY4YTEwMi40IDEwMi40IDAgMCAxIDE0My4zNiA5My44ODAzMnYxNjMuODRhMTAyLjQgMTAyLjQgMCAwIDEgLTIwNC44IDB2LTMwNy4yYzAtMTQ3LjA0NjQtMTE5LjE5MzYtMjY2LjI0LTI2Ni4yNC0yNjYuMjQtMTQ0LjkzNjk2IDAtMjYyLjgxOTg0IDExNS44MTQ0LTI2Ni4xNTgwOCAyNTkuOTUyNjRsLS4wODE5MiA2LjI4NzM2djMwNy4yYTEwMi40IDEwMi40IDAgMCAxIC0yMDQuOCAwdi0xNjMuODRhMTAyLjQgMTAyLjQgMCAwIDEgMTQzLjM2LTkzLjg4MDMydi00OS40Nzk2OGMwLTE4MC45ODE3NiAxNDYuNjk4MjQtMzI3LjY4IDMyNy42OC0zMjcuNjh6bTguNjAxNiAzNTguNTAyNC44MTkyIDIuNjgyODggNDEuMjQ2NzIgMTY1LjEwOTc2IDI0LjI0ODMyLTQ4LjUzNzZhMzAuNzIgMzAuNzIgMCAwIDEgMjQuNTk2NDgtMTYuODU1MDRsMi44ODc2OC0uMTAyNGg4MS45MmEzMC43MiAzMC43MiAwIDAgMSAyLjk0OTEyIDYxLjI5NjY0bC0yLjk0OTEyLjE0MzM2LTYyLjkzNTA0LS4wMjA0OC01Mi44NzkzNiAxMDUuOTIyNTZjLTEyLjMwODQ4IDI0LjYzNzQ0LTQ3LjgwMDMyIDIxLjY0NzM2LTU2LjQ2MzM2LTMuNDgxNmwtLjgxOTItMi43ODUyOC00NC42MjU5Mi0xNzguNDYyNzItNDMuNTIgNjUuMTY3MzZhMzAuNzIgMzAuNzIgMCAwIDEgLTIyLjQ4NzA0IDEzLjUxNjhsLTMuMDcyLjE0MzM2aC04MS44MzgwOGEzMC43MiAzMC43MiAwIDAgMSAtMi45NDkxMi02MS4yOTY2NGwyLjk0OTEyLS4xNDMzNiA2NS40MzM2LS4wMjA0OCA3Mi45NDk3Ni0xMDkuMTc4ODhjMTQuMjc0NTYtMjEuMzgxMTIgNDYuNDY5MTItMTYuNjI5NzYgNTQuNTM4MjQgNi45MjIyNHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4="); } .file-ext-mp3 .onlineuploader-item-icon i { visibility: hidden; color: #fff; } .onlineuploader-ready.onlineuploader-action-start { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); min-width: auto; position: relative; display: inline-block; height: 20px; cursor: pointer; padding: 1px 4px; border: 1px solid #178238; border-radius: 2px; color: #178238; vertical-align: middle; margin-right: 30px; text-align: center; text-transform: capitalize; } @-webkit-keyframes onlineuploaderFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes onlineuploaderFadeIn { from { opacity: 0; } to { opacity: 1; } } .NoFiles { -webkit-animation: onlineuploaderFadeIn 0.9s ease; animation: onlineuploaderFadeIn 0.9s ease; } @-webkit-keyframes onlineuploaderFadeOut { from { opacity: 0; } to { opacity: 1; } } @keyframes onlineuploaderFadeOut { from { opacity: 0; } to { opacity: 1; } } [class*="hint--"] { position: relative; display: inline-block; } [class*="hint--"]:after, [class*="hint--"]:before { position: absolute; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } .onlineuploader-action-start { display: none !important; } [class*="hint--"]:hover:after, [class*="hint--"]:hover:before { visibility: visible; opacity: 1; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } [class*="hint--"]:before { content: ""; position: absolute; background: 0 0; border: 6px solid transparent; z-index: 1000001; } [class*="hint--"]:after { background: #333; color: #fff; padding: 10px 20px; font-size: 14px; font-family: officefont,sans-serif; line-height: 20px; white-space: nowrap; text-shadow: 0 1px 0 #333; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33); border-radius: 4px; font-weight: 400; } [class*="hint--"][aria-label]:after { content: attr(aria-label); } [class*="hint--"][data-hint]:after { content: attr(data-hint); } [aria-label=""]:after, [aria-label=""]:before, [data-hint=""]:after, [data-hint=""]:before { display: none !important; } .hint--top-left:before, .hint--top-right:before, .hint--top:before { border-top-color: #333; } .hint--bottom-left:before, .hint--bottom-right:before, .hint--bottom:before { border-bottom-color: #333; } .hint--top:after, .hint--top:before { bottom: 100%; left: 50%; } .hint--top:before { margin-bottom: -11px; left: calc(50% - 6px); } .hint--top:after { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .hint--top:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--top:hover:after { -webkit-transform: translateX(-50%) translateY(-8px); -moz-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } .hint--bottom:after, .hint--bottom:before { top: 100%; left: 50%; } .hint--bottom:before { margin-top: -11px; left: calc(50% - 6px); } .hint--bottom:after { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .hint--bottom:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--bottom:hover:after { -webkit-transform: translateX(-50%) translateY(8px); -moz-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } .hint--right:before { border-right-color: #333; margin-left: -11px; margin-bottom: -6px; } .hint--right:after { margin-bottom: -19px; } .hint--right:after, .hint--right:before { left: 90%; bottom: 50%; } .hint--right:hover:after, .hint--right:hover:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } .at4-jumboshare .at4-count-container { min-width:80px!important; border-right:1px solid #dbdbdb!important } .at4-jumboshare .at4-count { line-height:10px!important; font-size:15px!important; color:#222!important } .at4-jumboshare .at4-title { color:#222!important } .at-svc-facebook, .at-svc-twitter, .at-svc-pinterest_share, .at-svc-email, .at-svc-compact, .at-svc-print, .at-svc-wechat, .at-svc-tencentqq, .at-svc-sinaweibo { background-color:transparent!important } .at-svc-facebook svg { fill:#3b5998!important } .at-svc-twitter svg { fill:#1da1f2!important } .at-svc-pinterest_share svg { fill:#cb2027!important } .at-svc-compact svg { fill:#ff6550!important } .at-svc-wechat svg { fill:#2dc100!important } .at-svc-tencentqq svg { fill:#000!important } .at-svc-sinaweibo svg { fill:#e6162d!important } .at-svc-print svg { fill:#738a8d!important } .at-svc-email svg { fill:#848484!important } .at4-jumboshare .at4-share-container { padding-left:10px!important } .showshare { display: flex; min-height: 46px; padding: 0; margin-bottom: 15px; margin-top: 40px; } .at-icon { width: 24px !important; height: 24px !important; } #at15s .at-icon { width: 1pc !important; height: 1pc !important; } .hint--left:before { border-left-color: #333; margin-right: -11px; margin-bottom: -6px; } .hint--left:after { margin-bottom: -19px; } .hint--left:after, .hint--left:before { right: 96%; bottom: 50%; } .hint--left:hover:after, .hint--left:hover:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } .hint--top-left:after, .hint--top-left:before { bottom: 100%; left: 50%; } .hint--top-left:before { margin-bottom: -11px; left: calc(50% - 6px); } .hint--top-left:after { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); margin-left: 12px; } .hint--top-left:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-left:hover:after { -webkit-transform: translateX(-100%) translateY(-8px); -moz-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } .hint--top-right:after, .hint--top-right:before { bottom: 100%; left: 50%; } .hint--top-right:before { margin-bottom: -11px; left: calc(50% - 6px); } .hint--top-right:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); margin-left: -12px; } .hint--top-right:hover:after, .hint--top-right:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--bottom-left:after, .hint--bottom-left:before { top: 100%; left: 50%; } .hint--bottom-left:before { margin-top: -11px; left: calc(50% - 6px); } .hint--bottom-left:after { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); margin-left: 12px; } .hint--bottom-left:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--bottom-left:hover:after { -webkit-transform: translateX(-100%) translateY(8px); -moz-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .hint--bottom-right:after, .hint--bottom-right:before { top: 100%; left: 50%; } .hint--bottom-right:before { margin-top: -11px; left: calc(50% - 6px); } .hint--bottom-right:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); margin-left: -12px; } .hint--bottom-right:hover:after, .hint--bottom-right:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--large:after, .hint--medium:after, .hint--small:after { white-space: normal; line-height: 1.4em; word-wrap: break-word; } .hint--small:after { width: 80px; } .hint--medium:after { width: 150px; } .hint--large:after { width: 300px; } .hint--error:after { background-color: #b34e4d; text-shadow: 0 -1px 0 #592726; } .hint--error.hint--top-left:before, .hint--error.hint--top-right:before, .hint--error.hint--top:before { border-top-color: #b34e4d; } .hint--error.hint--bottom-left:before, .hint--error.hint--bottom-right:before, .hint--error.hint--bottom:before { border-bottom-color: #b34e4d; } .hint--error.hint--left:before { border-left-color: #b34e4d; } .hint--error.hint--right:before { border-right-color: #b34e4d; } .hint--warning:after { background-color: #c09854; text-shadow: 0 -1px 0 #6c5328; } .hint--warning.hint--top-left:before, .hint--warning.hint--top-right:before, .hint--warning.hint--top:before { border-top-color: #c09854; } .hint--warning.hint--bottom-left:before, .hint--warning.hint--bottom-right:before, .hint--warning.hint--bottom:before { border-bottom-color: #c09854; } .hint--warning.hint--left:before { border-left-color: #c09854; } .hint--warning.hint--right:before { border-right-color: #c09854; } .hint--info:after { background-color: #3986ac; text-shadow: 0 -1px 0 #1a3c4d; } .hint--info.hint--top-left:before, .hint--info.hint--top-right:before, .hint--info.hint--top:before { border-top-color: #3986ac; } .hint--info.hint--bottom-left:before, .hint--info.hint--bottom-right:before, .hint--info.hint--bottom:before { border-bottom-color: #3986ac; } .hint--info.hint--left:before { border-left-color: #3986ac; } .hint--info.hint--right:before { border-right-color: #3986ac; } .hint--success:after { background-color: #458746; text-shadow: 0 -1px 0 #1a321a; } .hint--success.hint--top-left:before, .hint--success.hint--top-right:before, .hint--success.hint--top:before { border-top-color: #458746; } .hint--success.hint--bottom-left:before, .hint--success.hint--bottom-right:before, .hint--success.hint--bottom:before { border-bottom-color: #458746; } .hint--success.hint--left:before { border-left-color: #458746; } .hint--success.hint--right:before { border-right-color: #458746; } .hint--always:after, .hint--always:before { opacity: 1; visibility: visible; } .hint--always.hint--top:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top:after { -webkit-transform: translateX(-50%) translateY(-8px); -moz-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } .hint--always.hint--top-left:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top-left:after { -webkit-transform: translateX(-100%) translateY(-8px); -moz-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } .hint--always.hint--top-right:after, .hint--always.hint--top-right:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--bottom:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom:after { -webkit-transform: translateX(-50%) translateY(8px); -moz-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } .hint--always.hint--bottom-left:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom-left:after { -webkit-transform: translateX(-100%) translateY(8px); -moz-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .hint--always.hint--bottom-right:after, .hint--always.hint--bottom-right:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--left:after, .hint--always.hint--left:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } .hint--always.hint--right:after, .hint--always.hint--right:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } .hint--rounded:after { border-radius: 4px; } .hint--no-animate:after, .hint--no-animate:before { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } .hint--bounce:after, .hint--bounce:before { -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); } .onlineuploader { margin: 0 auto; } .onlineuploader-error { vertical-align: middle; margin: auto; display: none; width: 100%; opacity: 0; background-image: url('/National_Library/oe_/https://sl.office-converter.com/2021/svg/regbg.svg'); background-repeat: no-repeat; background-size: 1460px 190px; } .addcenter { display: block; text-align: center; height: 190px !important; color: #fff; -webkit-animation: scale-in-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; margin-bottom: 30px; } .addcenterout { display: block; text-align: center; height: 170px !important; color: #fff; -webkit-animation: scale-out-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-out-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; margin-bottom: 30px; } .closecenterout { display: none; text-align: center; height: 0px !important; color: #fff; -webkit-animation: scale-out-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-out-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; margin-bottom: 30px; } .additem { -webkit-animation: scale-in-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; animation: scale-in-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; } .onlineuploader-error h3 { margin: 0px; padding-top: 30px; font-size: 1.6em; line-height: 1.35; font-weight: 400; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.19) !important; } .onlineuploader-error h5 { margin: 0px; padding-top: 5px; font-weight: 300; font-size: 18px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.27) !important; } .maxbuttom { border-radius: 40px !important; padding: 0 60px !important; border: 2px solid #fff !important; color: #fff !important; height: 40px !important; font-size: 18px !important; font-weight: 400 !important; border: 2px solid #fff !important; min-width: 200px; margin-top: 20px !important; cursor: pointer; } .file-title { -webkit-box-shadow: none !important; box-shadow: none !important; text-align: center !important; } .file-title h1 { text-align: center !important; font-weight: 200 !important; font-size: 56px; margin: 20px 0px 0px; font-family: "Roboto", sans-serif; } @-webkit-keyframes scale-out-bottom { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 1; } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } } @keyframes scale-out-bottom { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 1; } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } } @-webkit-keyframes scale-in-bottom { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 1; } } @keyframes scale-in-bottom { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 1; } } .onlineuploader-error-close { position: absolute; right: 0px !important; margin: 10px 22px !important; color: #fff !important; fill: #fff !important; border-radius: 50px; padding: 10px !important; cursor: pointer; z-index: 111; border: 2px solid #fff0 !important; } .onlineuploader-error-close:hover { background-color: rgba(255, 255, 255, 0.249); border: 2px solid #ffffff29 !important; } .onlineuploader-error-button { position: absolute; left: 0px !important; padding: 4px 20px !important; margin: 10px !important; font-weight: 700 !important; border-radius: 3px; color: #fff !important; background-color: #fdfdfd2e !important; } .itemclose { -webkit-animation: scale-out-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; animation: scale-out-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; } @-webkit-keyframes scale-out-top { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 1; } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } } @keyframes scale-out-top { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 1; } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } } @-webkit-keyframes scale-in-top { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 1; } } @keyframes scale-in-top { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 1; } } .onlineuploader { max-width: 1460px; -webkit-box-shadow: 0 18px 100px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 18px 100px 4px rgba(0, 0, 0, 0.15); border-radius: 5px; } .f-24 { width: 24px; height: 24px; vertical-align: middle; padding: 0 2px 2px; margin-top: 6px; } .f-icolist { width: 17px; height: 17px; vertical-align: middle; padding: 0 2px 2px; } .f-ico24px { width: 24px; height: 24px; vertical-align: middle; padding: 0px; } .f-ico18 { width: 18px; height: 18px; vertical-align: middle; padding: 0px; } .f-ico24 { width: 20px; height: 20px; vertical-align: top; padding: 0px; } .f-ico24buy { width: 20px; height: 20px; vertical-align: top; padding: 0px; margin-right: 10px; } .f-ico30 { width: 30px; height: 30px; vertical-align: top; padding: 0px; } .f-formatlist { width: 17px; height: 17px; vertical-align: middle; padding: 0; position: absolute; right: 10px; margin-top: 2.5px; } .onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-null { width: auto; color: #fff; text-decoration: none; margin-right: 30px; min-width: 120px; font-weight: 700; } .selectreg { display: inline-block; right: 1%; position: fixed; padding: 0px 8px; cursor: pointer; width: 80px; height: 30px; border-radius: 20px; transition-duration: .3s; transition-property: background-color; margin-top: 5px; } .f-pay { width: 68px; height: 30px; padding: 0px; } .selectreg:hover { background-color: #a1a1a15a; } .onlineuploader-action-format span { padding: 6px 12px; border: 1px solid #00944f !important; cursor: pointer; vertical-align: middle; border-radius: 3px; margin-left: 10px; font-size: 16px; color: #00944f; min-width: 100px; display: inline-block; fill: #00944f; background-color: #00944f0a; } .onlineuploader-action-format span:hover, .onlineuploader-action-format span:focus { -webkit-box-shadow: 0 0 0 0.2em #1e1e1e; -moz-box-shadow: 0 0 0 0.2em #1e1e1e; box-shadow: 0 0 0 0.2em #1e1e1e; color: rgb(255, 255, 255); fill: rgb(255, 255, 255); border: 1px solid #1e1e1e !important; background-color: #1e1e1e; } .onlineuploader-action-format span svg { -webkit-transition: .3s all; transition: .3s all; } .onlineuploader-action-format span:hover svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .UploadDIV { margin-top: 60px; } .OnlineConvertUpload { max-width: 300px; width: 300px; border: none; box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7); border-radius: 50px; background-color: #00944f; color: #fff; padding: 6px 0; line-height: 44px; cursor: pointer; font-size: 28px; font-weight: 100; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 6px 20px; font-weight: 300; -webkit-animation: PDFConvert 5s cubic-bezier(0.66, 0, 0, 1) infinite; animation: PDFConvert 5s cubic-bezier(0.66, 0, 0, 1) infinite; -webkit-animation-delay: 2s; animation-delay: 2s; text-align: center; margin: auto; } .OnlineConvertUpload:hover { -webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none; } .UploadNO .OnlineConvertUpload { background-color: #00944f24; -webkit-animation: none; animation: none; } .OnlineConvertUpload:hover { -webkit-animation: scale-out-click 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; animation: scale-out-click 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important; } @-webkit-keyframes scale-out-click { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 1; } 100% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0.95; } } @keyframes scale-out-click { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 1; } 100% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0.95; } } @-webkit-keyframes PDFConvert { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 148, 79, 0.6); box-shadow: 0 0 0 0 rgba(0, 148, 79, 0.6); } 40% { -webkit-box-shadow: 0 0 0 60px transparent; box-shadow: 0 0 0 60px transparent; } 50% { -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } to { -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } } @keyframes PDFConvert { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 148, 79, 0.6); box-shadow: 0 0 0 0 rgba(0, 148, 79, 0.6); } 40% { -webkit-box-shadow: 0 0 0 60px transparent; box-shadow: 0 0 0 60px transparent; } 50% { -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } to { -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } } .onlineuploader-action-format img { width: 24px; height: 24px; margin-top: 6px; } .onlineuploader-action-format format { margin-right: 22px; text-transform: uppercase; font-weight: 400; } .SelectFormat span { background-color: #1e1e1e; color: #fff; fill: #fff; border: 1px solid #1e1e1e !important; } .onlineuploader-action-format.SelectFormat span:hover, .onlineuploader-action-format.SelectFormat span:focus { color: #fff; fill: #fff; } .close .f-icolist { color: #fff; fill: #fff; } .search_format { padding: 4px 10px; width: 310px !important; border-bottom: 1px solid rgba(238, 238, 238, 0.11); margin: 4px 10px; } .form-input { width: 265px; background-color: transparent; border-width: 0; padding: 6px 12px; outline: 0; margin: 2px 0px 6px; color: #fff; } nav { position: relative; overflow: hidden; margin: 0 auto; margin-top: 5px; height: 373px; } nav ul { margin: 0 8px; padding: 0; display: inline-block; max-width: 120px; } nav li { word-spacing: 0; width: 80px; list-style: none; margin: 0 auto; padding: 15px 4px; border: 1px solid rgba(0, 0, 0, 0.1); border-right: none; border-bottom: none; font-size: 13px; letter-spacing: 0.5px; color: #9f9f9f; cursor: pointer; font-weight: 300; border-bottom: 1px solid hsla(0, 0%, 100%, 0.1); } nav li:last-child { border-bottom: none; } nav li span { position: absolute; left: 80px; font-weight: bold; display: none; } nav li:hover span { display: inline-block; position: absolute; fill: #fff; left: 80px; } nav > div { position: absolute; top: 0; width: 100%; height: calc(100% - 45px); left: 0px; padding: 5px 10px; font-family: officefont,sans-serif; word-spacing: 3px; z-index: 11; background-color: #1e1e1e; display: none; overflow-y: auto; } .upload-popover-select nav li > div { display: none; position: absolute; top: 0; right: 0; width: 265px; left: 95px; height: calc(100% - 10px); padding: 5px; background-color: #1e1e1e; letter-spacing: 1px; z-index: 10; overflow-y: auto; cursor: default; } nav li > div { display: none; position: absolute; top: 0; right: 0; width: 265px; left: 95px; height: calc(100% - 45px); padding: 5px; background-color: #1e1e1e; letter-spacing: 1px; z-index: 10; overflow-y: auto; cursor: default; } nav div button { font-size: 12px; padding: 12px 6px; background-color: #303030; border-width: 0px; color: #fff; border-radius: 3px; min-width: 71px; text-transform: uppercase; margin: 3px 2px; cursor: pointer; } nav div a { font-size: 13px; padding: 12px 6px; background-color: #303030; border-width: 0px; color: #fff; border-radius: 3px; min-width: 40px; text-transform: uppercase; margin: 3px 4px; cursor: pointer; display: inline-block; text-align: center; } nav div.allformat button { display: none; padding: 12px 1px; min-width: 72px; } nav div button:hover { background-color: #282727; } nav div button:focus { background-color: #5bb75b; -webkit-box-shadow: 0 0 0 0.2em rgba(91, 183, 91, 0.24); -moz-box-shadow: 0 0 0 0.2em rgba(91, 183, 91, 0.24); box-shadow: 0 0 0 0.2em rgba(91, 183, 91, 0.24); } nav li:hover > div { display: block; } nav li:hover { color: #fff; } nav li:focus > div { display: block; } nav li.active > div { display: block; } nav li.active > span { display: inline-block; fill: #fff; } nav li.active { color: #fff; } nav li b { text-transform: capitalize; font-weight: 400; } nav div button.active { background-color: #5bb75b; -webkit-box-shadow: 0 0 0 0.2em rgba(91, 183, 91, 0.24); -moz-box-shadow: 0 0 0 0.2em rgba(91, 183, 91, 0.24); box-shadow: 0 0 0 0.2em rgba(91, 183, 91, 0.24); } .onlineuploader-item:hover { background-color: #f1f9f191; } .dropgoogle { min-height: 64px; background-color: #fff; font-weight: 200; border-bottom: 1px solid #ebeef1; } .clickdropbox:hover, .clickgoogle:hover, .clickurlcss:hover { cursor: pointer; padding: 2px 8px 4px; border: 2px solid #dc3c00 !important; border-radius: 20px; fill: #dc3c00; color: #dc3c00; } .googletext { text-align: center; color: #555; display: block; width: 100%; padding-top: 20px; } .clickdropbox, .clickgoogle, .clickurlcss { cursor: pointer; padding: 2px 8px 4px; border: 2px solid #fff !important; border-radius: 20px; fill: #555; font-weight: 300; } .onlineuploader.onlineuploader-theme-dragdrop .onlineuploader-input-drop { display: none; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-drop { display: block; } .unconvert { background-color: #8f8f8f !important; color: #ddd !important; -webkit-animation: none !important; animation: none !important; } .addcenter .maxbuttom { -webkit-transition: all 140ms ease; background-color: #fff; transition: all 140ms ease; color: #05723d !important; } .addcenter .maxbuttom:hover { background-image: linear-gradient( 135deg ,rgb(255 255 255) 0%,rgb(255 255 255) 100%); box-shadow: 0 2px 5px 0 rgb(251 66 97 / 51%); color: #00944f !important; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } @-webkit-keyframes shake-top { 0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } 10% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 20%, 40%, 60% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } 30%, 50%, 70% { -webkit-transform: rotate(4deg); transform: rotate(4deg); } 80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 90% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } } @keyframes shake-top { 0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } 10% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 20%, 40%, 60% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } 30%, 50%, 70% { -webkit-transform: rotate(4deg); transform: rotate(4deg); } 80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 90% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } } .onlineuploader-input-inner span { display: none; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles { -webkit-box-shadow: none; box-shadow: none; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .dropgoogle { border-bottom-width: 0px; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input { background-image: none; background-color: #fff; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-button { background-color: #259229; height: 72px; border-radius: 3px 0px 0px 3px; color: #fff; -webkit-box-shadow: none; box-shadow: none; border: 0px solid #fff !important; min-width: 360px; padding-left: 0px; -webkit-transition: 0.3s cubic-bezier(0.17, 0.67, 0, 1.01); -o-transition: 0.3s cubic-bezier(0.17, 0.67, 0, 1.01); transition: 0.3s cubic-bezier(0.17, 0.67, 0, 1.01); background: transparent url(/National_Library/oe_/https://sl.office-converter.com/2021/svg/adds.svg) 220px center no-repeat; background-size: 24px; background-position: right; background-position-x: calc(100% - 20px); } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-button:before { background-image: none; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-button:hover { transform: translate3d(0, 0px, 0); background-color: #26792a !important; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner span:hover { background-color: #26792a !important; opacity: 1 !important; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner span:last-child { border-radius: 0px 3px 3px 0px; opacity: 0.6; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner { background-color: #2b932f; border-radius: 3px; -webkit-box-shadow: 0 4px 22px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 4px 22px 0 rgba(0,0,0,.1); box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.1); } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-dragging .onlineuploader-input-inner { background-color: transparent; border-radius: 3px; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner:hover { -webkit-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.24); box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.24); } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner .f-ico24 { color: #fff; fill: #fff; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner span:hover .f-ico24 { fill: #fff; } .hint-left { cursor: pointer; } .share-win { font-family: officefont,sans-serif; font-size: 15px; line-height: 24px; font-weight: 400; position: fixed; z-index: 9000; right: 30px; bottom: 30px; width: auto; min-width: 340px; padding: 30px; background-color: #fff; box-shadow: 0 4px 22px 0 rgba(0,0,0,.1); color: #333; border-radius: 6px } .share-win>svg { float: left; margin: 0 15px 0 0 } .share-win>svg+div { overflow: hidden; padding: 3px; display: table } .share-win h5 { padding: 0; margin: -6px 0 12px; font-size: 16px; line-height: 28px; font-weight: 400; letter-spacing: -.2px; color: inherit } .share-win p { margin: 0 -10px; white-space: nowrap } @media(max-width: 600px) { .share-win { bottom:55px; width: calc(100% - 20px); left: 0; padding: 20px 0 15px 20px; right: 0; border-radius: 0; display: none } .closeshare { right: 20px } } .lang-win, .share-win { font-family: officefont,sans-serif; font-size: 15px; line-height: 24px; font-weight: 400; position: fixed; z-index: 9000; right: 30px; bottom: 60px; width: auto; min-width: 340px; padding: 30px; background-color: #fff; box-shadow: 0 4px 22px 0 rgba(0,0,0,.1); color: #333; border-radius: 6px } .lang-win { left: 30px; right: auto; } .lang-win>img, .share-win>img { float: left; margin: 0 15px 0 0; width: 60px; } .lang-win>img+div, .share-win>img+div { overflow: hidden; padding: 3px; display: table; min-width: 260px; } .lang-win h5, .share-win h5 { padding: 0; margin: -6px 0 12px; font-size: 16px; line-height: 28px; font-weight: 400; letter-spacing: -.2px; color: inherit } .lang-win p, .share-win p { margin: 0 -10px; white-space: nowrap } .selectindex { background-color: #dff1df; } .lang-win a, .share-win a { cursor: pointer; } .lang-win button.but, .share-win button.but { background-color: #00944f; color: #fff; min-width: 100px; } .lang-win button.butno, .share-win button.butno { border: 1px solid #2b932f2b; } .lang-win button, .share-win button { background: #fff; outline: 0; border-radius: 3px; cursor: pointer; border: 0px solid #2b932f2b; padding: 8px 16px; min-width: 60px; font-size: 13px; color: #555; margin: 0 10px 10px 0; transition: all .3s linear; display: inline-block; transition: all .3s linear; } .need-more-help-container .file-type-video .onlineuploader-item-icon { height: 30px; width: 30px; border-radius: 3px; background-repeat: no-repeat; background-position: center; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15); } .needmore .homepage-category-card__view-all-container { display: inline-block; margin: 20px 0px 0px 2.5rem; padding: 0px 14px; min-width: 150px; } .lang-win button.but:hover, .share-win button.but:hover { background-color: #d92221; box-shadow: 0 2px 5px 0 rgb(120 120 120 / 51%); } .lang-win button.butno:hover, .share-win button.butno:hover { background-color: #333; color: #fff; box-shadow: 0 2px 5px 0 rgb(120 120 120 / 51%); } @media(max-width: 1200px) { .lang-win, .share-win { bottom:55px; width: calc(100% - 20px); left: 0; padding: 20px 0 15px 20px; right: 0; border-radius: 0; display: none } .closeshare { right: 20px } } .hint-left::after { max-width: 300px; word-wrap: break-word; min-width: 240px; white-space: break-spaces; line-height: 20px; font-size: 14px; text-align: left; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .dropgoogle { display: none; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner span { display: inline-block; height: 72px; vertical-align: middle; padding: 26px 16px; } .onlineuploader-title .columns { padding: 10px; } .onlineuploader-title .column-title { text-align: center; margin: 20px 20px 0px; padding: 20px 0px; display: block; } .onlineuploader-title .column-title h1 { font-weight: 300; margin: 5px 0px; font-size: 52px; } .onlineuploader-title .column-actions { text-align: center; display: block; border-radius: 0px; max-width: 560px; margin: 10px auto; background: #fff url(/National_Library/oe_/https://sl.office-converter.com/2021/svg/find.svg) 8px center no-repeat; background-size: 38px; padding: 4px 5px 2px; background-position-x: 20px; padding: 6px; border-radius: 80px; box-shadow: 0 0px 9px 4px rgba(221, 221, 221, 0.51); } .onlineuploader-title .column-actions .convertformat { font-size: 18px; color: #333; font-weight: 400; } .onlineuploader-title .column-actions .convertformat pp { vertical-align: middle; } .upload-successful .column-title span { display: none; } .upload-successful .column-title div { margin-top: 9px; } .convertcenter { display: block; text-align: center; color: #333; -webkit-animation: scale-in-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: scale-in-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; -webkit-box-shadow:none; box-shadow: none; } .SelectFormFormat { background-image: linear-gradient(135deg,rgb(251,93,95) 0%,rgb(244, 68, 71) 100%); box-shadow: 0 2px 5px 0 rgba(251,66,97,.51); } .SelectToFormat { background-image: linear-gradient(135deg,rgb(0,162,69) 0%,rgb(3,130,62) 100%); box-shadow: 0 2px 5px 0 #9fdcb9; } .f-selectformat { width: 17px; height: 30px; vertical-align: middle; padding: 0; position: absolute; right: 6px; margin-top: 3px; fill: #FFF; border-radius: 6px; -webkit-transition: .3s all; transition: .3s all; } .SelectFormFormat:hover, .SelectToFormat:hover { background-image: linear-gradient(135deg,rgb(231, 53, 44) 0%,rgb(231, 53, 44) 100%); box-shadow: 0 2px 5px 0 rgba(196, 131, 131, 0.51); } .SelectToFormat:hover { background-image: linear-gradient(135deg,rgb(49, 106, 74) 0%,rgb(1, 85, 40) 100%); box-shadow: 0 2px 5px 0 #9fdcb9; } .SelectFormFormat:hover .f-selectformat, .SelectToFormat:hover .f-selectformat { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .convertformat cto { margin: 0px; } .f-toformat { width: 46px; height: 24px; vertical-align: middle; padding: 0; } .onlineuploader-title .column-actions .convertformat span { padding: 1px 26px 1px 2px; cursor: pointer; vertical-align: middle; border-radius: 3px; margin: 5px; color: #FFF; min-width: 100px; height: 36px; line-height: 36px; font-weight: 500; font-size: 18px; } .onlineuploader-title .column-actions .convertformat span.AddFromFormat { background-color: #1e1e1e; color: #fff; -webkit-box-shadow: 0 0 0 0.2em rgba(74, 74, 74, 0.11); -moz-box-shadow: 0 0 0 0.2em rgba(74, 74, 74, 0.11); box-shadow: 0 0 0 0.2em rgba(74, 74, 74, 0.11); } .onlineuploader-title .column-actions .convertformat span.AddFromFormat svg, .onlineuploader-title .column-actions .convertformat span.AddToFormat svg { fill: #fff; } .onlineuploader-title .column-actions .convertformat span.AddToFormat { background-color: #1e1e1e; color: #fff; -webkit-box-shadow: 0 0 0 0.2em rgba(74, 74, 74, 0.11); -moz-box-shadow: 0 0 0 0.2em rgba(74, 74, 74, 0.11); box-shadow: 0 0 0 0.2em rgba(74, 74, 74, 0.11); } .SelectToFormat, .SelectFormFormat { text-transform: uppercase; } .onlineuploader-title .column-title p { font-weight: 300; line-height: 1.5; font-size: 18px; } .mainrow { flex-wrap: nowrap; display: flex; max-width: 1960px; margin: 60px auto 0px; } .main-sidebar { flex: 1 1 16.6666%; padding-right: 15px; padding-left: 15px; display: flex; justify-content: center; } .column-ads { max-width: 970px; height: 90px; margin: 20px auto 40px; text-align: center; } .column-ads60 { margin-top: 60px; } .onlineuploader-ads-close { position: absolute; right: 0px !important; margin: 10px 22px !important; color: #fff !important; fill: #999 !important; border-radius: 50px; padding: 10px !important; cursor: pointer; z-index: 111; border: 0px solid #fff !important; background-color: #b5b5b51c; } .adssidebar { position: fixed; width: 300px; height: 900px; top: 220px; background-color: #b5b5b51c; } .min-vh-100 { flex: 0 1 99.6666%; padding-right: 15px; padding-left: 15px; min-height: 95vh; } .upload-userreg .onlineuploader-action-format { opacity: 0.3; } .upload-userreg .onlineuploader-action-null { background-color: #d93c00; color: #fff; box-shadow: 0 2px 5px 0 #d7d7d7c9; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) !important; border-radius: 2px !important; cursor: pointer !important; padding: 0px !important; height: 38px !important; text-align: center; } .upload-userreg .onlineuploader-action-null span { padding-top: 10px; display: inline-block; margin-left: 10px; } .upload-userreg .onlineuploader-action-format span { color: #555; border: 1px solid #a4a4a4 !important; } .upload-userreg .onlineuploader-action-null svg { fill: #fff; vertical-align: middle; margin-top: -4px; } .upload-userreg .onlineuploader-action-finish { border: 1px solid #a4a4a4 !important; color: #555 !important; opacity: 0.3; } .upload-userreg .column-title span { display: none; } .upload-userreg .column-title div { margin-top: 9px; } .upload-userreg .onlineuploader-action-download::after, .upload-userreg .onlineuploader-action-download::before { display: none; } .upload-failed .onlineuploader-action-finish { border: 1px solid #d93d0069 !important; color: #d93c00 !important; display: inline-block !important; } .onlineuploader-items .upload-userreg .onlineuploader-action-retry { color: #fd4802 !important; padding: 4px 16px; border: 1px solid #ff5e5e36; background-color: #fffafa; font-weight: 300; border-radius: 3px; } .f-icon18 { width: 18px; height: 18px; display: inline-block; vertical-align: top; } .onlineuploader-input-button pp { text-align: center; display: none; position: absolute; right: 15px; top: -10px; background: red; color: #fff; border-radius: 17px; padding: 4px; font-size: 14px; box-shadow: 0 4px 6px 0 rgba(60, 64, 67, 0.17), 0 1px 3px 1px rgba(60, 64, 67, 0.24); min-width: 22px; line-height: 14px; } .onlineuploader-input-button pp::before { content: ' '; position: absolute; left: 10px; top: 10px; opacity: .55; width: 0; height: 0; background-color: red; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, .3) inset; z-index: 0; } .onlineuploader-input-button pp.addfile::before { -webkit-animation: ripple .8s ease 0s 1 backwards; animation: ripple .8s ease 0s 1 backwards; } @keyframes ripple { 0% { left: 10px; top: 10px; opacity: 0.95; width: 0; height: 0; } 99% { left: -29px; top: -29px; opacity: 0.1; width: 80px; height: 80px; } 100% { opacity: 0; } } @-webkit-keyframes scroll { 0% { top: 4px; opacity: 1; } 100% { top: 21px; opacity: 0; } } @keyframes scroll { 0% { top: 4px; opacity: 1; } 100% { top: 21px; opacity: 0; } } .onlineuploader-input-drop { text-align: center; } .showshare { margin-bottom: 120px; } .onlineuploader-title .column-title { margin-top: 120px; } .RegUsered .onlineuploader-title .column-title { margin-top: 40px; } .RegUsered .regurl { display: none; } .RegUsered .onlineuploader-theme-dragdrop { margin-top: 40px; } .RegUsered .onlineuploader-title .column-title .user-badge { border-radius:90px; } .RegUsered .onlineuploader.onlineuploader-theme-dragdrop.NoFiles { margin-top: 0px !important; } .NoUsered .ppp { display: none; } @media (max-width: 1768px) { .RegUsered .onlineuploader-theme-dragdrop { margin-top: 30px; } .onlineuploader-title .column-title { margin-top: 20px; } .showshare { margin-bottom: 20px; } .main-sidebar { display: none; } .onlineuploader { max-width:1200px; } .hidden-xs { display: none !important; } .min-vh-100 { max-width: 100%; margin: 0 auto; flex: 0 1 96.6666%; min-height: 70vh; } } .regurl { color: #259229; font-weight: 700; } * { scrollbar-color: #bdc1c6 transparent; } .convertint { text-align: center; line-height: 20px; margin: 0 auto; padding: 5px 5px 5px 20px; } .convertint span { cursor: pointer; color: #333; padding: 3px 0px; border-radius: 30px; font-weight: 500; } @media (max-width: 768px) { .onlineuploader-title .column-title h1 { font-size: 30px; } .onlineuploader-items .onlineuploader-item .column-title ss { top: 18px; left: 106px; } .upload-successful .column-title div { margin-top: 0px; } .upload-successful .column-title span { display: inline-block; } .onlineuploader-title .column-line { max-width: 360px; } .convertint { max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; padding: 0px 5px; line-clamp: 2; -webkit-box-orient: vertical; line-height: 20px; margin-top: 10px; } .hidden-xs { display: none !important; } .convertformat pp { display: none; } .upload-userreg .onlineuploader-action-retry, .upload-failed .onlineuploader-action-format, .upload-failed .onlineuploader-action-finish { display: none !important; } .upload-userreg .onlineuploader-action-format { display: none !important; } .upload-userreg .onlineuploader-action-finish { display: none !important; } .scroll-down { display: none; } .upload-popover-inverse { margin-top: 0px !important; } .onlineuploader-title .column-title p { margin: 0px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; display: none; } .file-title { display: none; } .onlineuploader { border-radius: 0px; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles { margin-top: 20px; } .convertcenter { border-radius: 0px; margin-top: 30px; } .onlineuploader-title .columns { display: block; padding: 0px; } .onlineuploader-title .column-title { flex: 0 0 100%; max-width: 100%; text-align: center; margin: 0px 20px 0px; padding: 0px; } .onlineuploader-title .column-actions { box-shadow: none; border-width: 0px !important; max-width: 360px !important; padding-bottom: 0px; background-position-y: 20px; background-position-x: 0px; } .mainrow { margin: 40px auto 0px; } .onlineuploader-title .column-actions { text-align: center; } .onlineuploader-title .column-actions .convertformat { position: static; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner { margin: 0px auto; height: 72px; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-button { background-position-x: calc(100% - 20px); min-width: 260px; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-button p { margin: 0 auto 0 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 140px; } .hint--top::after { -webkit-transform: translateX(-70%); -moz-transform: translateX(-70%); transform: translateX(-70%); } .hint--top:hover::after { -webkit-transform: translateX(-70%) translateY(-8px); -moz-transform: translateX(-70%) translateY(-8px); transform: translateX(-70%) translateY(-8px); } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles .onlineuploader-input-inner span { padding: 26px 15px; } .onlineuploader.onlineuploader-theme-dragdrop { margin-top: 0px !important; } .RegUsered .onlineuploader.onlineuploader-theme-dragdrop { margin-top: 30px !important; } .onlineuploader.onlineuploader-theme-dragdrop.NoFiles { margin-top: 40px !important; } .onlineuploader-error h5 { display: none; } .addcenter { height: 190px !important; } .onlineuploader-error-close { color: #fff !important; fill: #fff !important; cursor: pointer; background-color: rgba(255, 237, 237, 0.04) !important; } .onlineuploader-error h3 { color: #fff !important; font-weight: 200; } .onlineuploader-error-button { font-weight: 700 !important; border-radius: 0px; color: #fff !important; } .maxbuttom { border: 2px solid #fe2232 !important; color: #fff !important; background-color: #f9f9f9 !important; margin-top: 20px !important; cursor: pointer; } .file-title h1 { font-size: 30px; } .onlineuploader-error { -webkit-box-shadow: 0 2px 5px 0 rgba(81, 81, 81, 0.51); box-shadow: 0 2px 5px 0 rgba(81, 81, 81, 0.51); background-image: url('/National_Library/oe_/https://sl.office-converter.com/2021/svg/regbg.svg'); background-repeat: no-repeat; background-size: 1460px 190px; } .onlineuploader-error h3 { font-size: 18px; padding: 60px 20px 0px; } .onlineuploader-input, .onlineuploader-items { border-radius: 0px; } .onlineuploader-action-info { display: none !important; } .onlineuploader-action-null, .onlineuploader-action-finish { display: none !important; } .upload-userreg .onlineuploader-action-null { display: inline-block !important; min-width: 60px !important; margin-right: 0px !important; text-align: center !important; } .upload-userreg .onlineuploader-action-null span { display: none !important; } .upload-userreg .onlineuploader-action-null svg { fill: #fff; margin-top: 10px; display: inline-block; } .onlineuploader-action-format { display: inline-block !important; margin-right: 6px !important; } .onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-download { margin-right: 0px; min-width: 60px; } .onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-download svg { display: inline-block; } .onlineuploader-items .onlineuploader-item .onlineuploader-action.onlineuploader-action-download span { display: none; } .onlineuploader-items .onlineuploader-item .onlineuploader-action + .onlineuploader-action { margin-left: 12px; box-shadow: none; } .onlineuploader-items .onlineuploader-item { padding: 15px 0px 10px 12px; } } body::-webkit-scrollbar { display: none; width: 0; height: 0; } .onlineuploader::-webkit-scrollbar { display: none; width: 0; height: 0; } html { touch-action: none; touch-action: pan-y; } .tbk__symbol { margin-bottom: 10px; } .mdui-text-center { text-align: center !important; } .tbk__symbol span { display: inline-block; margin: 0 auto; background-position: center; border-radius: 3px; width: 138px; min-height: 4px; background: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAIoAAAAECAIAAADeXzCbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODFEOUEyMzFBOERFQzcyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQTlDNkVFOEVGQzIxMUUxOUJDNkEyREUzQzEzOUJGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQTlDNkVFN0VGQzIxMUUxOUJDNkEyREUzQzEzOUJGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDZENjQwNjM2MzIwNjgxMTgwODM4RUVFOTdCQkFFREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgxRDlBMjMxQThERUM3MkMiLz4gPC9yZGY6RGVzY3JpcHRpb24%2BIDwvcmRmOlJERj4gPC94OnhtcG1ldGE%2BIDw/eHBhY2tldCBlbmQ9InIiPz6z2rdVAAAAMElEQVR42mJkaP/OQHvwb7Y1A10AY%2B85Oln0OYwOtjAxjIJBDEajZzR6RgG5ACDAAGNHBgAfwwAlAAAAAElFTkSuQmCC") no-repeat right bottom; } .iindex { background-color: #f1f9f1 !important; color: #034e06 !important; } .header { background-color:#fff; width:100%; height:99px; z-index:1041; position:fixed; right:0; left:0; top:0; -webkit-box-sizing:border-box; box-sizing:border-box; border-top:3px solid #4caf50!important; } .office--main { padding:0; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .header__nav { padding:0; margin:0 auto; -ms-flex:0 0 100%; flex:0 0 100%; } .header .brand, .header .office-menu { -ms-flex:0 0 33%; flex:0 0 33%; height:65px; } .header .qrcode a { color:#383e45; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; height:60px; font-size:24px; } .header .qrcode a:hover { color:#4caf50; } .mobileshow { display:none!important; } .page-content-reghit .NoFiles .user-badge { display:none; } .page-content-reghit.RegUsered .NoFiles .user-badge { display:none; } .page-content-reghit.RegUsered .NoFiles .ppp { display:none; } .page-content-reghit.NoUsered .user-badge { display:none; } .clicktrue { display: none !important; } .clickremove { display: none; z-index: 11; position: absolute; right: 6px; cursor: pointer; box-shadow: 0 0px 5px 0 rgba(23, 23, 23, 0.31); border-radius: 50px; top: 4px; } .clickremove:hover { background-color: #4caf50; } .clickremove:hover svg { fill:#fff; } @media (max-width:840px) { .clickremove { display: inline-block; } .needmore .homepage-category-card__view-all-container { display: block; } .header { height:60px; } .header .header__nav { -ms-flex-order:-3; order:-3; -ms-flex:0 0 70px; flex:0 0 70px; margin:0; height:60px; display: inline-block !important; } .header .brand { -ms-flex-order:2; order:2; flex:0 0 0%; } .header .brand .office__icon { margin-left: 0px !important; } .header .office-menu { -ms-flex-order:3; order:3; flex:0 0 70px; } .header .qrcode { display:none; } .mobileshow { display:inline-block!important; } .office--main { background-color:#fff; height: 56px; } } @media (min-width:841px) { .header { height:65px; } .office--main { -ms-flex-pack:start; justify-content:flex-start; padding-top:0; } .header .brand { -ms-flex: 0 1 130px; flex: 0 1 130px; margin-right: 14px; -ms-flex-order: -1; order: -1; -ms-flex-pack: start; justify-content: flex-start; margin-left: 0px; } .header .office__icon { width: 200px; } .header .office-menu { -ms-flex-order:-2; order:-2; -ms-flex:0 0 auto; flex:0 0 auto; } .header__nav { width: 332px; order: 1; -ms-flex: 1 1; flex: 1 1; } .header__nav>div { margin:0; } .header__nav .main-menu { border-top:0; } .header .qrcode { -ms-flex-order:3; order:3; -ms-flex:0 0 auto; flex:0 0 auto; } } .brand { line-height:20px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; } .office__icon { width:147px; max-height:100%; } .office__icon img { width:100%; max-width:100%; height:auto; } .office-menu { -ms-flex:0 0 100%; flex:0 0 100%; -ms-flex-pack:end; justify-content:flex-end; } .office-menu, .office-menu .convert-nav { display:-ms-flexbox; display:flex; } .office-menu .convert-nav { list-style:none; padding:0; margin:0; -ms-flex-align:center; align-items:center; } .office-menu .convert__item { margin:0; height:100%; } .office-menu .convert__item a { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; font-size:14px; font-weight:300; line-height:60px; text-decoration:none; height:100%; } .office-menu .convert__item--gray a { font-weight:400; border:none; color:#161616; padding-left:16px; padding-right:16px; border-bottom:1px solid transparent; border-left:1px solid transparent; border-right:1px solid transparent; } .office-menu .convert__item--gray a:hover { border-bottom:1px solid #4caf50; background-color:#fff; } @media (max-width:840px) { .office-menu .convert__item--gray { display:none; } } .office-menu .convert__item--sub { cursor:pointer; font-size:16px; line-height:60px; position:relative; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; } .office-menu .convert__item--sub .divider { border-bottom:1px solid #f1f1f1; } @media (max-width:840px) { .office-menu .convert__item--sub span { display:none; } .office-menu .convert__item--sub:hover>ul { right:0; opacity:1; visibility:visible; height:auto; border:1px solid #ccc; } } .office-menu .convert__item--sub ul { right:0; position:absolute; min-width:240px; height:0; opacity:0; visibility:hidden; top:64px; background:#fff; -webkit-box-shadow:0 2px 10px rgba(0,0,0,.2); box-shadow:0 2px 10px rgba(0,0,0,.2); z-index:9999; } .office-menu .convert__item--sub ul a { padding:0 16px; height:48px; margin:0; background:#fff; font-size:14px; line-height:18px; font-weight:400; color:#161616; position:relative; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .office-menu .convert__item--sub ul a:hover { color:#4caf50; background:#f1f9f1; } .office-menu .convert__item--sub .convert__item--sub:after { content:""; width:8px; height:12px; background:url(/National_Library/oe_/https://sl.office-converter.com/2021/svg/regihtgo.svg) no-repeat 50%; position:absolute; right:12px; color:#161616; -webkit-transition:.3s all; transition:.3s all; } .office-menu .convert__item--sub .convert__item--sub:hover:after { -webkit-transform:rotate(180deg); transform:rotate(180deg); } .office-menu .convert__item--sub .convert__item--sub:after { top:40%; } .office-menu .convert__item--sub .convert__item--sub ul { top:45%; -webkit-transform:translateY(-45%); -ms-transform:translateY(-45%); transform:translateY(-45%); } .office-menu .convert__item--sub .convert__item--sub ul { max-height:72vh; overflow:auto; width:100%; min-width:auto; right:190px; z-index:2; max-width:600px; } @media (min-width:840px) { .office-menu .convert__item--sub .convert__item--sub ul { left:100%!important; z-index:-1; } .office-menu .convert__item--sub:hover>ul { left:0; opacity:1; visibility:visible; height:auto; border:1px solid #ccc; top:61px; border-top:1px solid #4caf50; } } @media (min-width:840px) { .office-menu .convert__item--sub .convert__item--sub ul.lang__menu { left:100%; width:600px; -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap:20px; -moz-column-gap:20px; column-gap:20px; z-index:-1; } } .office-menu .convert__item--sub .convert__item--sub ul.lang__menu a { display:block; height:32px; text-transform:capitalize; } .office-menu .convert__item--sub .convert__item--sub ul a { padding:0 12px; line-height:16px; font-size:14px; display:-ms-flexbox; display:flex; } .office-menu .convert__item--sub .convert__item--sub .lang__menu a { line-height:32px; } .office-menu .lang__current { display:none; } .main-menu { font-size:15px; } @media (min-width:840px) { .main-menu { height:62px; } } @media (max-width:1440px) { .main-menu { font-size:15px; } } @media (max-width:1200px) { .main-menu { font-size:15px; } } @media (max-width:960px) { .main-menu { font-size:15px; } } .main-menu .convert-nav { display:block; height:65px; } .main-menu .convert-nav li { display:inline-block; position:relative; } .main-menu .convert-nav li a, .main-menu .convert-nav li span { font-weight:400; -ms-flex-align:center; align-items:center; padding:20px 10px; text-decoration:none; text-transform:uppercase; color:#161616; cursor:pointer; } .main-menu .convert-nav li a:hover, .main-menu .convert-nav li span:hover { background-color:#fff; color:#034e06; -webkit-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s; -webkit-transition-duration:.4s; -o-transition-duration:.4s; transition-duration:.4s; } @media (max-width:1440px) { .main-menu .convert-nav li a, .main-menu .convert-nav li span { padding:0 12px; } } .main-menu .convert-nav li.convertmenu .nav__icon { display:none; } .main-menu .convert-nav li.convertmenu .ico { margin:4px 0 0; vertical-align:middle; } .main-menu .convert-nav li.convertmenu .convertmenu-menu { display:none; } .main-menu .convert-nav li.convertmenu .menu-full--qrcode { -webkit-animation:scale-in-tr .4s cubic-bezier(.25,.46,.45,.94) both; animation:scale-in-tr .4s cubic-bezier(.25,.46,.45,.94) both; } .main-menu .convert-nav li.convertmenu:hover>ul { display:-ms-flexbox; display:flex; box-shadow:0 .125rem .1875rem 0 rgba(0,0,0,.11); margin-top:-1px; margin-left:-1px; border:1px solid #ccc; -webkit-box-shadow:0 2px 10px rgba(0,0,0,.2); box-shadow:0 2px 10px rgba(0,0,0,.2); border-top:1px solid #4caf50; } .main-menu .convert-nav li ul { height:0; background:#fff; position:fixed; top:65px; -webkit-box-shadow:0 6px 6px #f1f1f1; -moz-box-shadow:0 6px 6px #f1f1f1; box-shadow:0 6px 6px #f1f1f1; text-align:left; max-height:85vh; overflow-x:auto; } .main-menu .convert-nav li ul li { display:block; } .main-menu .convert-nav li ul li a { text-transform:none; line-height:39px; height:40px; margin-bottom:2px; margin-top:1px; display:flex; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .main-menu .convert-nav li ul li a .ico { margin:4px 8px 4px 4px; vertical-align:middle; } .main-menu .convert-nav li ul li a:hover { background:#f1f9f1; border-radius:4px; } .main-menu .convert-nav li:hover ul { height:auto; visibility:visible; opacity:1; z-index:1; } .main-menu .convert-nav li.showclose { display:none; position:fixed!important; top:80px; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; z-index:3001; clear:both; width:40px; height:40px; right:20px; position:fixed; border-radius:50%; color: #035903; background-color: #ebf9eb; } @media (max-width:840px) { .office-menu .convert__item--sub .convert__item--sub ul { max-height:72vh; overflow:auto; width:100%; min-width:auto; right:190px; z-index:2; max-width:180px; } .main-menu { position:relative; border-top:0; } .main-menu .convert-nav { text-align:left; height:60px; } .main-menu .convert-nav>li { display:none; } .main-menu .convert-nav #menuSmall { display:inline-block; height:auto; width:38px; } .main-menu .convert-nav #menuSmall>span { display:none; } .main-menu .convert-nav #menuSmall .nav__icon { display:block; line-height:60px; height:60px; padding:0; } .main-menu .convert-nav #menuSmall ul.menu-full { display:none; } .main-menu .convert-nav #menuSmall:hover>ul.menu-full { display:block; left:0; right:auto; } .main-menu .convert-nav li a { height:60px; } .main-menu .convert-nav li ul { -webkit-transform:none; -ms-transform:none; transform:none; } .ask-community-card__content { flex-direction: block !important; display: block !important; } .ask-community-card__link { position: inherit !important; } .ask-community-card { padding: 10px !important; } } .main-menu .convert-nav li.convertmenu-all:hover { background-color:#fff; } .main-menu .convert-nav li.convertmenu-all .icon12 { -webkit-transition:.3s all; transition:.3s all; } .main-menu .convert-nav li.convertmenu-all:hover .icon12 { -webkit-transform:rotate(180deg); transform:rotate(180deg); } .main-menu .convert-nav li.convertmenu-all:hover .nav__icon { fill:#4caf50; } @media screen and (max-width:840px) { .main-menu .convert-nav li.convertmenu-all:hover+.showclose { display:flex!important; } } .UlT73d { transform: rotate(0deg); } .langli { display:none!important; } @media (max-width:1440px) { .main-menu .convert-nav>li { display:none; } .main-menu .convert-nav #menuSmall .myconvertlist { display:none; } .main-menu .convert-nav #menuSmall .nav__icon { display: inline-block; } .header__nav { display: none; } .qrcode.office-menu { min-width:auto !important; } .langli { display:-ms-flexbox!important; display:flex!important; } } @media (max-width:1240px) { .main-menu .convert-nav>li { display:none; } .main-menu .convert-nav #menuSmall { display: inline-block; } .main-menu .convert-nav li ul.menu-full ul { padding-top:0; } .main-menu .convert-nav li ul.menu-full div { padding:4px 8px; } } .main-menu .convert-nav li.convertmenu-all { position:inherit; border-left:1px solid transparent; border-right:1px solid transparent; } .main-menu .convert-nav li ul.menu-full { font-size:14px; width:100%; height:auto; right:0; padding:12px; -ms-flex-direction:row; flex-direction:row; -ms-flex-pack:center; justify-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap; } .main-menu .convert-nav li ul.menu-full--convert { max-width:800px!important; right:auto; padding:12px 24px 16px; } .main-menu .convert-nav li ul.menu-full--qrcode { width:250px!important; left:auto; padding:15px; right:2px; min-width:250px!important; border:1px solid #ccc!important; -webkit-box-shadow:0 2px 10px rgba(0,0,0,.2)!important; box-shadow:0 2px 10px rgba(0,0,0,.2)!important; -webkit-border-radius:8px; border-radius:8px; } .main-menu .convert-nav li ul.menu-full--convert>li { -ms-flex:1 0 10%!important; flex:1 0 10%!important; } .main-menu .convert-nav li ul.menu-full--converter { right:0; padding:12px 24px 16px; } .main-menu .convert-nav li ul.menu-full--converter>li { -ms-flex:1 0 10%!important; flex:1 0 10%!important; } .main-menu .convert-nav li ul.menu-full div { color:#969696; font-weight:300; font-size:14px; padding:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .main-menu .convert-nav li ul.menu-full>li { -ms-flex:0 0 16%; flex:0 0 16%; margin-left:auto; margin-right:auto; margin-bottom:24px; } @media (max-width:1500px) { .main-menu .convert-nav li ul.menu-full>li a { line-height:18px; } } @media (max-width:1400px) { .main-menu .convert-nav li ul.menu-full>li { -ms-flex:0 0 26%; flex:0 0 26%; } } .main-menu .convert-nav li ul.menu-full ul { display:block; position:relative; top:12px; -webkit-box-shadow:none; box-shadow:none; } .main-menu .convert-nav li ul.menu-full ul li { font-weight:300; } .main-menu .convert-nav li ul.menu-full ul li a { padding:12px; text-transform:capitalize; } @media (max-width:1323px) { .main-menu .convert-nav li ul.menu-full div { padding:8px; } .main-menu .convert-nav li ul.menu-full ul li a { padding:8px; line-height:28px; height:32px; } .main-menu .convert-nav li ul.menu-full>li { margin-bottom:12px; } } .ico { width:20px; height:20px; padding:0; margin:0; border:none; background:transparent url(/National_Library/oe_/https://sl.office-converter.com/2021/svg/tool.svg); display:block; } .office--pdf { background-position:-5px -5px; } .office--video { background-position:-5px -30px; } .office--audio { background-position:-5px -55px; } .office--doc { background-position:-5px -80px; } .office--document { background-position:-5px -80px; } .office--image { background-position:-5px -105px; } .office--font { background-position:-5px -130px; } .office--zip { background-position:-5px -155px; } .office--archive { background-position:-5px -155px; } .office--ocr { background-position:-5px -180px; } .office--ebook { background-position:-5px -205px; } .office--logo{background-position:-59px -55px;} .office--youicons{background-position:-59px -80px;} .office--unit { background-position:-5px -230px; } .office--youtube { background-position:-5px -250px; } .office--pdfword { background-position:-5px -305px; } .office--wordpdf { background-position:-59px -6px; } .office--mp3 { background-position:-30px -5px; } .office--mp4 { background-position:-30px -30px; } .office--epub { background-position:-30px -55px; } .office--more { background-position:-30px -80px; } .office--avi { background-position:-30px -105px; } .office--mov { background-position:-30px -130px; } .office--3gp { background-position:-30px -155px; } .office--word { background-position:-30px -180px; } .office--excel { background-position:-30px -205px; } .office--powerpoint { background-position:-30px -230px; } .office--aac { background-position:-30px -255px; } .office--aiff { background-position:-30px -280px; } .office--ogg { background-position:-30px -305px; } .office--jpg { background-position:-30px -330px; } .office--png { background-position:-30px -355px; } .office--gif { background-position:-30px -380px; } .office--translate { background-position:-30px -430px; } .office--qrocde { background-position:-5px -180px; } .office--downloader { background-position:-5px -205px; } .office--pdfjpg { background-position:-5px -280px; } .office--pdfpowerpoint { background-position:-5px -330px; } .office--pdfexcel { background-position:-5px -355px; } .office--rotate { background-position:-5px -380px; } .office--compress { background-position:-5px -405px; } .office--unlock { background-position:-5px -430px; } .office--length { background-position:-5px -455px; } .office--weight { background-position:-5px -480px; } .office--area { background-position:-30px -455px; } .office--mergepdf { background-position:-5px -505px; } .office--onlinedown { background-position:-30px -480px; } .office--currency { background-position:-30px -505px; } .office--lang { background-position:-30px -155px; } .office--down { background-position:-55px -146px; } .office--barcode { background-position: -59px -30px; } .main-menu .convert-nav li.convertmenu .ico { margin:4px 8px 4px 4px; padding-left:20px; } .office--down { width:8px; height:5px; } @media screen and (min-width:601px) and (max-width:1400px) { .officelinks { display:none!important; } } @media screen and (min-width:601px) and (max-width:1000px) { .main-menu .convert-nav li ul.menu-full--convert { width:100%; left:auto; padding:12px 24px 16px; } .main-menu .convert-nav li.convertmenu-all:hover { box-shadow:0 0 0 0 rgba(0,0,0,.11); border-left:1px solid transparent; border-right:1px solid transparent; } .main-menu .convert-nav li ul.menu-full--converter { left:0; padding:12px 24px 16px; max-width:1400px; } } @media screen and (max-width:600px) { .main-menu .convert-nav li ul.menu-full ul li a { padding:4px; line-height:38px; height:38px; } } a { text-decoration:none; } @media (max-width:1200px) { .header .brand .office__icon { width:240px; } } @media (max-width:400px) { .header .brand .office__icon { width:200px; } } .icon166 { width:17px; height:17px; fill:currentColor; overflow:hidden; margin-left:6px; } .icon12 { width:12px; height:12px; margin-left:5px; fill:currentColor; overflow:hidden; margin-left:6px; } .icon16 { width:17px; height:17px; margin-left:6px; fill:currentColor; overflow:hidden; margin-left:2px; } .icon20 { width:20px; height:20px; vertical-align:-5px; margin-right:12px; fill:currentColor; overflow:hidden; } .icon20lang { width:20px; height:20px; vertical-align:-.32em; margin-right:4px; fill:currentColor; overflow:hidden; } .icon20no { width:20px; height:20px; vertical-align:-.42em; fill:currentColor; overflow:hidden; } .icon24 { width:24px; height:24px; vertical-align:-.22em; fill:currentColor; overflow:hidden; margin-right:5px; } .office20 { width:20px; height:20px; vertical-align:-.22em; fill:currentColor; overflow:hidden; margin:auto 15px; } .icon24no { width:24px; height:24px; fill:currentColor; overflow:hidden; } .icon32icon { width:32px; height:32px; vertical-align:-.22em; margin-left:3px; margin-top:15px; fill:currentColor; overflow:hidden; } .officemore:hover { background-color:#fff; } .officemore:hover svg { fill:#4caf50; } .officemore:hover ul svg { fill:#161616; } .office-menu .convert__item--sub ul a:hover svg { fill:#4caf50; } .header .qrcode .convert__item span { margin-left:5px; text-transform: capitalize; } .qrcode.office-menu { height:65px; } .main-menu .convert-nav li.convertmenu-all:hover { cursor:pointer; } .main-menu .convert-nav li.convertmenu-all:hover span { color:#4caf50; cursor:pointer; } .myconvertlist { font-weight:400; } #menuSmall:hover { cursor:pointer; } #menuSmall:hover .myconvertlist { color:#4caf50; } ul { -webkit-margin-before:0; -webkit-margin-after:0; -webkit-margin-start:0; -webkit-margin-end:0; list-style: none; } @-webkit-keyframes scale-in-tr { 0% { -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:100% 0%; transform-origin:100% 0%; opacity:1; } 100% { -webkit-transform:scale(1); transform:scale(1); -webkit-transform-origin:100% 0%; transform-origin:100% 0%; opacity:1; } } @keyframes scale-in-tr { 0% { -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:100% 0%; transform-origin:100% 0%; opacity:1; } 100% { -webkit-transform:scale(1); transform:scale(1); -webkit-transform-origin:100% 0%; transform-origin:100% 0%; opacity:1; } } .homepage__heading { align-items: baseline; flex-direction: row; padding: 3rem 1.5rem .5rem; display: flex; font-size: .875rem; font-weight: 600; line-height: 1.25rem; text-transform: uppercase; } h2.homepage__heading-title { line-height: 1.75rem; flex: 1; font-size: 1.125rem; margin: 0; font-weight: 400; } a.homepage__heading-action { line-height: 3rem; min-width: 3rem; color: #259229; } .homepage__categories { display: flex; flex-wrap: wrap; line-height: 1.25rem; } .homepage-category-card__container { box-sizing: border-box; display: flex; flex-basis: 50%; max-width: 50%; } .homepage-category-card__thread_string { border-top: 0; min-height: auto; padding: 1rem; display: block; position: relative; color: #555; } .homepage-category-card__thread { border-bottom: .0625rem solid #dadce0; border-top: 0; min-height: auto; padding: 1rem; cursor: pointer; display: block; position: relative; } a.thread-list-thread:hover { text-decoration: none; } .thread-list-thread:hover { background: #f8f9fa; } .homepage-category-card__thread a { background: #fff; outline: 0; border-radius: 3px; border: 1px solid #2b932f2b; padding: 8px 16px; text-transform: uppercase; font-size: 13px; color: #555; margin: 0 10px 10px 0; transition: all .3s linear; display: inline-block; transition: all .3s linear; } .homepage-category-card__thread a:hover { border: 1px solid #2b932f; color: #2b932f; background-color: #2b932f14; } .homepage-category-card__thread_string a { outline: 0; font-size: 13px; transition: all .3s linear; display: inline-block; transition: 0px 4px; color: #555; padding: 0px 2px; border: .0625rem solid #dadce000; margin: 0 4px; } .homepage-category-card__thread_string a:hover { color: #2b932f; background-color: #2b932f14; border-radius: 3px; } .thread-list-thread__title { flex: 1; font-size: .9375rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #3c4043; cursor: pointer; font-weight: 400; } .thread-list-thread__top-row { display: flex; } .homepage-category-card__container:nth-child(2n+1) { padding-right: .5rem; } .homepage-category-card__container:nth-child(2n) { padding-left: .5rem; } h3.homepage-category-card__title { padding: 1rem 1.5rem; color: #259229; font-size: 1rem; font-weight: 400; line-height: 1.25rem; margin: 0; } h3.homepage-category-card__title ss { font-weight: 300; font-size: 13px; color: #999; } .homepage-category-card__view-all-container { margin-left: .625rem; align-items: flex-end; display: flex; flex: 1; padding: 0 1rem; margin-top: 20px; margin-bottom: 20px; } .category-all-link { font-size: .875rem; font-weight: 400; line-height: 22px; white-space: nowrap; color: #259229; margin-left: auto; } .category-all-link-icon { fill: currentcolor; height: 1.5rem; vertical-align: middle; width: 1.5rem; } .homepage-category-card { display: flex; flex-direction: column; margin: .5rem 0 1.5rem; width: 100%; overflow-x: visible; padding: 0; background: #ffffff; border: 1px solid #dadce0; border-radius: 8px; position: relative; } .need-more-help-container { border-radius: .625rem; margin-top: 2rem; background-color: #ffffff; padding: 12px 0px; max-width: 970px; margin: 40px auto; } .need-more-help-header { margin-bottom: 1rem; text-align: center; } h2.need-more-help-title { font-size: 1.5rem; line-height: 2rem; font-weight: 300; margin: 20px 0 10px; text-align: center; position: relative; } h3.need-more-help-subtitle { color: #3c4043; font-size: 18px; font-weight: 300; line-height: 28px; margin: 0; text-align: center; } div.need-more-help-option { flex-basis: 0; margin: 36px 20px; max-width: 28rem; width: auto; border-radius: .625rem; box-shadow: 0 0 0 1px rgba(0,0,0,.05),0 2px 3px 0 rgba(0,0,0,.1); box-sizing: border-box; display: block; flex-grow: 1; padding: 1rem; position: relative; text-align: left; text-decoration: none; } .need-more-help-option__svg-container { border-radius: 50%; height: 1.875rem; left: 1rem; position: absolute; top: 1rem; width: 1.875rem; } .ask-community-card { align-items: center; margin: .75rem 0 2rem; border: none; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15); display: flex; text-align: left; padding: 16px 4rem 16px 3.625rem; border-radius: 8px; overflow-x: hidden; position: relative; } .ask-community-card__icon-circle { border-radius: 50%; display: inline-block; height: 50px; margin-right: 1.625rem; position: relative; width: 50px; padding: 10px; } .ask-community-card__icon-circle svg { width: 30px; height: 30px; } .ask-community-card__icon { fill: #ffffff; height: 1rem; left: .625rem; position: absolute; top: .625rem; width: 1rem; } .ask-community-card__content { flex-direction: row; display: flex; flex: 1; } .showask { max-width: 970px; margin: 20px auto; } .ask-community-card__link-icon { fill: currentcolor; height: 1.5rem; vertical-align: middle; width: 1.5rem; } .ask-community-card__link { font-size: .875rem; margin-top: 0; line-height: 3rem; font-weight: 600; white-space: nowrap; color: #259229; right: 30px; position: absolute; } .ask-community-card__text b { display: inline; font-weight: 600; } .ask-community-card__text { font-size: 1rem; line-height: 3rem; } .need-more-help-option__svg-container svg { width: 30px; fill: #fff; } .need-more-help-options { flex-wrap: nowrap; display: flex; justify-content: center; } h4.need-more-help-option__title, .need-more-help-option__snippet { margin: 0px 0px 0px 2.5rem; color: #202124; font-size: 18px; font-weight: 400; } h4.need-more-help-option__title { line-height: 30px; } .need-more-help-option__snippet { margin: 10px 0px 0px 2.5rem; color: #202124; font-size: 16px; font-weight: 300; display: block; line-height: 30px; } .homepage-category-card__thread ul { list-style: none; text-align: center; } .homepage-category-card__thread ul li { display: inline-block; } .page-content-reghit { flex: 0 1 auto; width: calc(100% - 300px); } .need-more-help-container .homepage-category-card__thread { border-bottom-width: 0px !important; } .need-more-help-container .homepage-category-card__thread a { text-transform:none; } .regbanner { height: 215px; max-width: 970px; text-align: left; margin: 0 auto; border-radius: 3px; -moz-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15); box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15); transition: all .2s,visibility 0s; border: 0 solid #4caf50 !important; background: #f1f9f1; background: linear-gradient(90deg,#fbbc04 4%,#259229 0%) top/100% 44% no-repeat,linear-gradient(90deg,#fbbc04 50%,#259229 0%) top/100% 82% no-repeat,linear-gradient(90deg,#fbbc04 10%,#ea4335 0%) top/100% 100%; z-index: 0; padding: 2px; } .dc0iKf { background-image: url('/National_Library/oe_/https://sl.office-converter.com/2021/svg/bg.svg'); background-repeat: no-repeat; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-top-right-radius: 0px; clear: both; float: right; height: 98px; text-align: center; width: 136px; display: block; position: relative; z-index: 1; } .dc0iKf .DyTkdc { font-size: 16px; font-weight: 500; letter-spacing: .1px; line-height: 24px; color: #fff; margin: 12px 12px 0 28px; max-height: 80px; overflow: hidden; text-align: center; } .regbgbg { height: 100%; margin: auto; overflow: hidden; display: grid; grid-auto-flow: row; grid-column-gap: 4.28571%; grid-template-columns: repeat(12,1fr); text-align: left; position: relative; max-width: unset; transform: translateY(-98px); width: 100%; background-color: #fff; border-radius: 3px; } .sKffid { margin: auto 2px auto 30px; height: unset; grid-column-end: span 6; } .ppyjs { font-size: 22px; font-weight: 400; line-height: 28px; margin: 12px auto 0; overflow: hidden; } .sKffid .DyTkdc { margin: 12px auto; font-size: 16px; letter-spacing: .1px; line-height: 24px; font-weight: 300; color: #333; } .myconvertlist ss { display: inline-block; max-width: 100px; white-space: nowrap; vertical-align: top; text-overflow: ellipsis; overflow: hidden; } .qN7kNe { border: 2px solid #009e54; -moz-border-radius: 4px; border-radius: 40px; font-size: 14px; font-weight: 400; line-height: 40px; padding: 0; text-transform: none; letter-spacing: .25px; width: auto; text-align: center; display: inline-block; min-width: 240px; } .qN7kNe:hover { background-color: #fff; border: 2px solid #009e544a; } .qN7kNe:hover .snByac { color: #037540; } .mlsJhd { width: unset; clear: both; float: right; height: 100%; max-height: 190px; max-width: 100%; } .qiRwwf { align-items: flex-end; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: left; margin: 0 0 0px; max-height: 215px; max-width: unset; grid-column-end: span 5; grid-column-start: 7; } .HgfkKe:hover { background: #d2e3fc; } .qN7kNe .RveJvd { display: inline-block; line-height: 20px; padding: 2px 4px; text-transform: none; letter-spacing: .25px; margin: 8px; color: #00944f; font-size: 16px; font-weight: 700; } .AZrhO { display: none; } .showbottombg { max-width: 1440px; margin: 120px auto 0px; height: 208px; background-image: url(/National_Library/oe_/https://sl.office-converter.com/2021/svg/ss.svg); background-size: 1440px; } @media (max-width:820px) { .need-more-help-option__snippet { margin: 10px 0px 0px 0px; } [class*="hint--"]::before, [class*="hint--"]::after { display: none; } .showbottombg { background-position-x: calc(1440px - 100vw); } .showask { margin: 20px 10px; } .need-more-help-container { margin: 40px 10px; padding: 0px; } .qN7kNe { margin: auto; } .regbanner { height: auto; margin: 10px; } .regbgbg { display: block; margin: 0px; transform: translateY(0px); width:auto; } .TG7cIf { font-family: officefont,sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .8px; line-height: 16px; text-transform: uppercase; color: #009e54; margin-top: 12px; } .AZrhO { display: block; padding: 8px 0px; font-size: 22px; } .dc0iKf { display: none; } .sKffid { text-align: center; margin: 10px; } .qiRwwf { margin: auto; max-width: 312px; } .homepage-category-card__container { box-sizing: border-box; display: flex; flex-basis: 100%; max-width: 100%; } div.need-more-help-option { margin: 1.5rem 0px; } .homepage-category-card__container:nth-child(2n+1), .homepage-category-card__container:nth-child(2n) { padding: 0px .5rem; } .need-more-help-options { display:block; } div.need-more-help-option { margin: 1.5rem 20px; } } footer { display:block; } .icon24 { width:24px; height:24px; vertical-align:-.22em; fill:currentColor; overflow:hidden; margin-right:5px; } .page-content-left { flex:1 1 auto; min-width:290px; } .Fbrw4b { margin-right:10px; } .eqVmXb { display:inline; outline:none; } c-wiz { contain:style; } .OlR1df { color:#5f6368; display:flex; flex-wrap:wrap; margin:0 auto; padding:0 36px 12px; } .BQBwZc { display:flex; justify-content:space-between; position:relative; } .BQBwZc .eqVmXb { width:100%; } .YoKU9e { bottom:0; cursor:pointer; height:24px; left:0; margin:auto; margin-left:18px; position:absolute; right:0; top:0; -webkit-user-select:none; width:24px; } .YoKU9e:focus { outline:none; background-color:#def1de; border-radius:50%; transition:box-shadow .3s; } .YoKU9e:focus svg { fill:#225e1e; } .YoKU9e:hover { background-color:#dff1df; border-radius:50%; transition:box-shadow .3s; } .pAwJHb { color:#5f6368; line-height:0; padding:0; transform:rotate(90deg); transition-duration:.3s; } .hzF9eb { max-height:none; overflow-x:hidden; overflow-y:hidden; transition-duration: .3s; transition-property: max-height; } .hzF9eb .YoKU9e { bottom:none; cursor:pointer; height:24px; left:24px; margin-left:24px; position:absolute; right:none; top:none; -webkit-user-select:none; width:24px; z-index:1; } .sMBJh { display:flex; min-height:calc(100vh - 64px); flex-direction:column; justify-content:space-between; } .SABpDb { padding-left:27px; } .G3sBi { border-radius:0 32px 32px 0; cursor:pointer; display:block; padding:12px 36px 12px 50px; text-decoration:none; white-space:nowrap; } .G3sBi:focus { background-color:#4caf501c; outline:none; } .G3sBi:hover { background-color:#dff1df; color:#034e06!important; } .G3sBi.rU9Npf { letter-spacing:.01785714em; font-family:officefont,sans-serif; font-size:.875rem; font-weight:400; line-height:1.25rem; align-items:center; color:#3c4043; display:flex; flex:1; cursor:pointer!important; } .G3sBi.O3zbCe { letter-spacing:.025em; font-family:officefont,sans-serif; font-size:.75rem; font-weight:400; line-height:1rem; color:#3c4043; padding-top:6px; padding-bottom:6px; } .zoa7Ve { display:none; width:264px; } .zoa7Ve.hpnc1c { display:block; margin-right:25px; } .jmG9nb { border-bottom:1px solid rgba(0,0,0,.12); padding-bottom:8px; padding-top:8px; } .jmG9nb:last-child { border:none; } .indexlist { margin-left:6px; } .O3zbCe { padding-left:77px; } .pooEtb { letter-spacing:.025em; font-family:officefont,sans-serif; font-size:.75rem; font-weight:400; line-height:1rem; color:#5f6368; text-decoration:none; } .jdOQ8d { margin:0 5px; vertical-align:middle; } .Qh16y:hover { background-color:#dff1df; cursor:default; } .gb_Nc { display:-webkit-flex; display:flex; -webkit-flex:1 1 auto; flex:1 1 auto; -webkit-flex-direction:column; flex-direction:column; margin-top:65px; margin-top:65px; bottom:0; color:#000; height:-webkit-calc(100vh - 64px); height:calc(100vh - 64px); position:fixed; overflow:hidden; } .UlT73d { transform:rotate(0deg); } .gb_Nc:hover { overflow-y:auto; overflow-x:hidden; -webkit-transform:translateX(0); transform:translateX(0); visibility:visible; -webkit-transition:transform .25s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s; transition:transform .25s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s; } .gb_Nc:hover::-webkit-scrollbar-thumb { background-color:rgba(0,0,0,.2); z-index:22; } .gb_Nc::-webkit-scrollbar-corner { background-color:transparent; } .gb_Nc::-webkit-scrollbar-thumb { background-clip:padding-box; background-color:transparent; border:0 solid transparent; -webkit-box-shadow:none; box-shadow:none; min-height:28px; } .gb_Nc::-webkit-scrollbar-track { border:0 solid transparent; background-clip:padding-box; background-color:transparent; } .gb_Nc::-webkit-scrollbar-thumb:hover { background-color:#858585; } .gb_Nc::-webkit-scrollbar-thumb:active { background-color:#999; } .icon200 { width:20px; height:20px; vertical-align:-.22em; fill:currentColor; overflow:hidden; } .icon2 { width:20px; height:20px; fill:currentColor; overflow:hidden; } @media (max-width:1168px) { .page-content-left { display:none; } .page-content-reghit { width: 100%; } .min-vh-100 { padding: 0px; width: 100%; margin: 0px; flex: auto; } .header .office__icon { margin-left: 70px; } } footer, nav, section { display:block; } a { background-color:transparent; -webkit-text-decoration-skip:objects; } img { border-style:none; } svg:not(:root) { overflow:hidden; } body ::-webkit-scrollbar { width:5px; height:5px; background:0 0; } @media (min-width:1024px) { body ::-webkit-scrollbar { width:8px; height:8px; } } body ::-webkit-scrollbar-thumb { background:rgba(0,0,0,.2); } footer { display:block; } @media screen and (max-width:600px) { .h-c-footer__global-links--extra { display: none; } .glue-responsive-accordion-static-static-container { display:none; } } .icon16 { width:16px; height:16px; vertical-align:-.22em; fill:currentColor; overflow:hidden; margin-right:4px; } @media (min-width:600px) { .h-c-footer__global-links--extra { -ms-flex:0 0 auto; flex:0 0 auto; } } .h-c-footer { background:#f1f9f1a1; margin:0; } .h-c-footer__link { line-height:1.57143; color:#5f6368; display:inline-block; font-size:14px; font-weight:400; letter-spacing:.25px; } .h-c-footer__link:visited { color:#5f6368; } .h-c-footer__link:hover { color:#127916; } .h-c-footer__global { margin:0 auto; padding:40px 16px 0; } @media (min-width:600px) { .h-c-footer__global { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; max-width:94rem; padding:40px 32px 20px; } .h-c-footer__global:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } } .h-c-footer__logo { height:28px; margin:0 0 30px; width:160px; } @media (min-width:600px) { .h-c-footer__logo { -ms-flex:0 0 90%; flex:0 0 90%; margin-right:55px; } } @media (min-width:1024px) { .h-c-footer__logo { -ms-flex:0 0 86px; flex:0 0 160px; } } .h-c-footer__logo a { display:inline-block; height:28px; } .h-c-footer__logo a:focus { background:#e8eaed; outline:10px solid #e8eaed; } .h-c-footer__global-links { margin:0 0 15px; list-style: none; } .h-c-footer__global-links:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } @media (min-width:600px) { .h-c-footer__global-links { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex:2 0 auto; flex:2 0 auto; max-width:100%; } } @media (min-width:600px) { .h-c-footer__global-links--extra { -ms-flex:0 0 auto; flex:0 0 auto; } } .h-c-footer__global-links-list-item { float:left; padding:0 30px 15px 0; line-height:1.57143; } .h-c-footer__global-links-list-item--extra:last-child { padding-left:0; padding-right:0; } .h-c-footer__site-links { border-bottom:1px solid #dadce0; margin:0 auto; padding:0 16px; } @media (min-width:600px) { .h-c-footer__site-links { max-width:1344px; padding:50px 32px; width:auto; width:initial; } } @media (min-width:1440px) { .h-c-footer__site-links { max-width:90rem; padding:50px 32px; } .h-c-footer__global { max-width:90rem; } } @media (min-width:1700px) { .h-c-footer__site-links { max-width:100rem; padding:50px 32px; } .h-c-footer__global { max-width:100rem; } } @media (min-width:3000px) { .h-c-footer__site-links { max-width:110rem; } .h-c-footer__global { max-width:110rem; } } @media (min-width:4000px) { .h-c-footer__site-links { max-width:120rem; } .h-c-footer__global { max-width:120rem; } } @media (min-width:600px) { .h-c-footer__site-links-grid { box-sizing:content-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .h-c-footer__site-links-grid:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } } .h-c-footer__site-links-column { border-bottom:1px solid #dadce0; margin:0; padding:30px 0 20px; } .h-c-footer__site-links-column:last-child { border-bottom:none; } @media (min-width:600px) { .h-c-footer__site-links-column { -ms-flex:0 0 20%; flex:0 0 20%; border-bottom:none; float:left; max-width:20%; padding:0; width:20%; } } .h-c-footer__site-links-header { line-height:1.625; color:#202124; font-size:16px; font-weight:400; margin:0 0 10px; overflow:hidden; } @media (min-width:600px) { .h-c-footer__site-links-header { margin:0 10px 18px 0; } } @media (min-width:1024px) { .h-c-footer__site-links-header { line-height:1.66667; font-size:18px; padding-left:2px; } } .h-c-footer__site-links-header:focus { color:#202124; } .h-c-footer__site-links-list { margin-bottom:0; padding:0; } .h-c-footer__site-links-list-item { margin:0 40px 0 0; padding-bottom:18px; } .h-c-footer__site-links-list-item:last-child { padding-bottom:0; } @media (min-width:600px) { .h-c-footer__site-links-list-item { padding-bottom:1px; } } .h-c-footer__site-links-list-item .h-c-footer__link:active { outline:0; } .h-c-footer__site-links-list-item .h-c-footer__link:active:focus { color:#5f6368; outline:6px solid #e8eaed; outline-width:6px; } .h-c-footer__site-links-list-item .h-c-footer__link:hover { color:#202124; } .h-c-footer__site-links-list-item .h-c-footer__link:hover:visited { color:#4caf50; } .h-c-footer__site-links-list-item .h-c-footer__link:visited { color:#5f6368; } .h-c-footer { color:#3c4043; border-top:3px solid #4caf50!important; padding-bottom: 10px; } .h-c-footer__site-links .h-c-footer__link { padding:8px; border-radius:4px; display:block; } .h-c-footer__site-links .h-c-footer__link:hover { background-color:#e8f4e8; color:#4caf50; } .h-c-footer__site-links-list { list-style: none; } .header .qrcode .convert__item span { display: none; } .fileformats { display: none; } .qrcode.office-menu { min-width: 310px; } .convertmenu .icon20no { display: inline-block; } .showtitle { display: none; } .onlineconvertertitle { -webkit-box-shadow: 0 4px 14px 0 rgba(15, 22, 41, 0.06); -moz-box-shadow: 0 4px 14px 0 rgba(15, 22, 41, 0.06); box-shadow: 0 4px 14px 0 rgba(15, 22, 41, 0.06); border-bottom: 1px solid #eaeaea !important; } @media (min-width:1500px) { .header__nav { display: block; } .convertmenu .icon20no { display: none; } .showtitle { display: block; } .header .qrcode .convert__item span { display: block; font-weight: 400; } .fileformats { display: block; } .qrcode.office-menu { min-width: auto; } } .icon-car-count { min-width: 14px; text-align: center; line-height: 14px; display: inline-block; position: absolute; right: 0; background: #2b932f; background-image: none; color: #fff; border-radius: 17px; padding: 4px 8px; font-size: 15px; transform: scale(.7); margin-top: 0; } .formatoptions h4 { text-transform: uppercase; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .formatoptions h4 span { color: #999; font-weight: 300; font-size: 13px; } .formatoptions .need-more-help-option__svg-container svg { width: 30px; height: 30px; } .need-more-help-title a { color: #555; } .mdui-typo h4 { margin-top:1.2em; margin-bottom:.6em; font-family:inherit; font-weight:200; line-height:1.35; color:inherit; } .mdui-typo h4 { font-size:1.4em; } .mdui-row:after { display:table; content:''; clear:both; } .mdui-row { margin: .8rem; } [class*=mdui-col-md-], [class*=mdui-col-xs-] { position:relative; min-height:1px; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:8px; padding-left:8px; } .mdui-col-xs-12 { float:left; width:100%; } @media (min-width:1024px) { .mdui-col-md-4 { float:left; width:33.333333%; } } @media (max-width:1023px) { .mdui-row { margin-right:0; margin-left:0; } } .howtoconvert { margin-top:30px; padding:12px; min-height:60px; background-color:#fff; cursor:pointer; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15); border-radius: .625rem; border: 1px solid transparent; transition: box-shadow .4s,transform .4s; } .howtoconvert:hover { border:1px solid #2b932f; transform: translateY(-2%); } .convert-label { align-self:center; display:inline-block; vertical-align:top; width:auto; padding:1px 13px; font-size:11px; line-height:20px; text-transform:uppercase; background:#259229; color:#fff; border-radius: 3px; } .howtoconvert:hover .convert-label { color:#fff; background-image: linear-gradient(135deg,rgb(49, 106, 74) 0%,rgb(1, 85, 40) 100%); font-weight: 700; } .howtoconvert:hover h4 { color:#08582d; border-radius: 7px; } .convert-body { font-size: 13px; padding: 5px 0; text-align: center; min-height: 140px; line-height: 22px; } .convert-body h4 { font-size:19px; margin:18px 0 12px; font-weight:400; } span.need-more-help-option__snippet a { width: 100px; display: inline-block; color: #555; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; padding: 3px 6px; overflow: hidden; } span.need-more-help-option__snippet a:hover { background-color: #e8f4e8; color: #4caf50; border-radius: 5px; } /* buybuy */ .mdui-divider.divider { background-color: #fff; margin: 10px 0px 24px; text-align: center; display: block; } .mdui-divider.divider span { background-color: #4caf50; padding: 4px 8px; border-radius: 20px; color: #fff; font-weight: 700; background-image: linear-gradient(135deg,rgb(251,93,95) 0%,rgb(244, 68, 71) 100%); box-shadow: 0 2px 5px 0 rgba(251,66,97,.51); } .mdui-divider.divider::after { content: ""; display: block; width: 100%; height: 1px; margin-top: -9px; background-color: #10731424; } .cd-cart .select.year::after { content: ""; display: block; margin-top: -22px; width: 100%; height: 1px; background-color: #dc3c00; } .showno { display: none !important; } .cd-cart-container .cd-cart-container-bg { display: none; } .cd-cart-container.cart-open .cd-cart-container-bg { position: fixed; display: block; z-index: 1111111; height: 100vh; width: 100vw; top: 0; left: 0; background: rgba(0, 0, 0, .5); opacity: 1; -webkit-transition: opacity .4s, visibility .4s; transition: opacity .4s, visibility .4s; } .cd-cart-container .cd-cart .body ul { display: none; } .cd-cart-container.cart-open .cd-cart .body ul { display: block; } .cd-cart-trigger, .cd-cart { position: fixed; bottom: 20px; right: 5%; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: transform; backface-visibility: hidden; } @media only screen and (min-width:1170px) { .cd-cart-trigger, .cd-cart { bottom: 240px; } } .cd-cart-trigger { z-index: 1111113; height: 72px; width: 72px; text-indent: 100%; color: transparent; white-space: nowrap; } .cd-cart-trigger::after, .cd-cart-trigger::before { content: ''; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); height: 100%; width: 100%; background: url(/National_Library/oe_/https://sl.office-converter.com/2021/svg/cd-icons-cart-close.svg) no-repeat 0 0; -webkit-transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, transform .2s; transition: opacity .2s, transform .2s, -webkit-transform .2s; } .mylove::after, .mylove::before { background: none !important; } .cd-cart-trigger::after { background-position: -72px 0; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg); transform: translateX(-50%) translateY(-50%) rotate(90deg); } .cart-open .cd-cart-trigger::before { opacity: 0; } .cart-open .cd-cart-trigger::after { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cd-cart-trigger .count { position: absolute; list-style: none; padding: 0px; top: -10px; left: -10px; height: 28px; width: 28px; background: #e94b35; color: #fff; font-size: 18px; font-weight: 400; border-radius: 30px 30px 0; text-indent: 0; -webkit-transition: -webkit-transform .2s .5s; transition: -webkit-transform .2s .5s; transition: transform .2s .5s; transition: transform .2s .5s, -webkit-transform .2s .5s; -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; background-image: linear-gradient(135deg, rgb(251, 93, 95) 0%, rgb(244, 2, 6) 100%); box-shadow: 0 2px 5px 0 rgba(23, 23, 23, 0.31); margin: 0px; } .cd-cart-trigger .count li { position: absolute; -webkit-transform: translateZ(0); transform: translateZ(0); left: 50%; top: 50%; bottom: auto; right: auto; fill:#fff; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding-top: 3px; } .cart-open .cd-cart-trigger .count li:last-of-type { display: none !important; } .cd-cart-trigger .count li:last-of-type { display: none; width: auto; top: 50px; padding: 4px 12px; background-color: #dc4c36; box-shadow: 0 4px 9px 0 rgba(23, 23, 23, 0.31); border-radius: 3px; color: #fff; left: -40px; font-size: 14px; background-image: linear-gradient(135deg,rgb(251,93,95) 0%,rgb(220, 76, 54) 100%); } .cd-cart-trigger:hover .count li:last-of-type { display: block; } .cd-cart-trigger .count li:last-of-type::before { content: ''; position: absolute; top: 50%; right: -6px; z-index: 1; transition: all .2s ease-out; transform: translateY(-50%); border-left: 7px solid #dc4c36; border-top: 7px solid transparent; border-bottom: 7px solid transparent; opacity: 1; } .cart-open .cd-cart-trigger .count { -webkit-transition: -webkit-transform .2s 0s; transition: -webkit-transform .2s 0s; transition: transform .2s 0s; transition: transform .2s 0s, -webkit-transform .2s 0s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .cd-cart-trigger:hover+div .wrapper { box-shadow: 0 6px 40px rgba(0, 0, 0, .3); } .cart-open .cd-cart-trigger:hover+div .wrapper { box-shadow: 0 4px 30px rgba(0, 0, 0, .17); } .cd-cart { z-index: 1111112; width: 90%; max-width: 440px; height: 760px; max-height: 89%; pointer-events: none; } .cd-cart .wrapper { position: absolute; bottom: 0; right: 0; z-index: 2; overflow: hidden; height: 72px; width: 72px; border-radius: 6px; -webkit-transition: height .4s .1s, width .4s .1s, box-shadow .3s; transition: height .4s .1s, width .4s .1s, box-shadow .3s; -webkit-transition-timing-function: cubic-bezier(.67, .17, .32, .95); transition-timing-function: cubic-bezier(.67, .17, .32, .95); background: #fff; box-shadow: 0 4px 30px rgba(0, 0, 0, .17); pointer-events: auto; } .cd-cart header, .cd-cart footer { position: absolute; z-index: 2; left: 0; width: 100%; } .cd-cart header, .cd-cart .body { opacity: 0; } .cd-cart header { top: 0; border-radius: 6px 6px 0 0; padding: 0 1.4em; height: 40px; line-height: 40px; background-color: #fff; -webkit-transition: opacity .2s 0s; transition: opacity .2s 0s; border-bottom: 1px solid #e6e6e6; } .cd-cart header::after { clear: both; content: ""; display: block; } .cd-cart footer { bottom: 0; border-radius: 0 0 6px 6px; box-shadow: 0 -2px 20px rgba(0, 0, 0, .15); background: #fff; } .cd-cart h2 { display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: .1em; margin-top: 10px; color: #000; } .cd-cart .checkout { display: block; height: 72px; line-height: 72px; margin-right: 72px; background: #4caf50; color: transparent; text-align: center; font-size: 1.8rem; font-weight: 600; -webkit-transition: all .2s 0s; transition: all .2s 0s; } .cd-cart .checkout:hover { background: #019907; } .cd-cart .checkout em { position: relative; display: inline-block; -webkit-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); -webkit-transition: -webkit-transform 0s .2s; transition: -webkit-transform 0s .2s; transition: transform 0s .2s; transition: transform 0s .2s, -webkit-transform 0s .2s; } .cd-cart .checkout em::after { position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; content: ''; height: 24px; width: 24px; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; } .cd-cart .body { position: relative; z-index: 1; height: calc(100% - 40px); padding: 20px 0 10px; margin: 30px 0 10px; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: opacity .2s; transition: opacity .2s; } .cd-cart .body ul { overflow: hidden; padding: 0 10px; position: relative; list-style: none; margin: 0px; } .cd-cart .body li { position: relative; opacity: 0; -webkit-transform: translateX(80px); -ms-transform: translateX(80px); transform: translateX(80px); -webkit-transition: opacity 0s .2s, -webkit-transform 0s .2s; transition: opacity 0s .2s, -webkit-transform 0s .2s; transition: opacity 0s .2s, transform 0s .2s; transition: opacity 0s .2s, transform 0s .2s, -webkit-transform 0s .2s; } .cd-cart .body li::after { clear: both; content: ""; display: block; } .cd-cart .product-image { display: inline-block; float: left; width: 70px; } .cd-cart .product-image img { display: block; -ms-interpolation-mode: bicubic; height: auto; max-width: 100%; width: 60px; height: 60px; margin: 10px auto auto; } .cd-cart .product-details { position: relative; display: inline-block; float: right; width: calc(100% - 72px); padding: 0 0 0 .5em; } .cd-cart .product-details::after { clear: both; content: ""; display: block; } .cd-cart .price { font-weight: 400; } .cd-cart .price { float: right; width: 20%; text-align: right; margin-top: 10px; color: #000; } .cd-cart .actions { font-size: 1.4rem; height: 1.6em; line-height: 1.6em; display: inline-block; width: 80%; } .cd-cart .actions::after { clear: both; content: ""; display: block; } .cd-cart .quantity { float: left; color: #808b97; -webkit-backface-visibility: hidden; backface-visibility: hidden; line-height: 15px; } .cd-cart .quantity label { display: inline-block; margin-right: .3em; font-weight: 500; } .cd-cart .select { position: relative; font-size: 13px; font-weight: 300; } .cd-cart .select.year { line-height: 44px; margin-top: 10px !important; } .cd-cart select { position: relative; padding: 0 1em 0 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: 0 0; border: none; border-radius: 0; font-size: 15px; margin: 0; color: #808b97; } .cd-cart select:focus { outline: none; color: #2b3e51; box-shadow: 0 1px 0 currentColor; } .cd-cart select::-ms-expand { display: none; } .cart-open .cd-cart .wrapper { height: 100%; width: 100%; -webkit-transition-delay: 0s; transition-delay: 0s; } .cart-open .cd-cart header, .cart-open .cd-cart .body { opacity: 1; } .cart-open .cd-cart header { -webkit-transition: opacity .2s .2s; transition: opacity .2s .2s; } .cart-open .cd-cart .body { -webkit-transition: opacity 0s; transition: opacity 0s; } .cart-open .cd-cart .body li { -webkit-transition: opacity .3s .2s, -webkit-transform .3s .2s; transition: opacity .3s .2s, -webkit-transform .3s .2s; transition: transform .3s .2s, opacity .3s .2s; transition: transform .3s .2s, opacity .3s .2s, -webkit-transform .3s .2s; opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); padding: 0px 15px 0px 4px; } .cart-open .cd-cart .body li:hover { background-color: #f4f4f4; cursor: pointer; border-radius: 6px; } .cart-open .cd-cart .checkout { color: #fff; -webkit-transition: color .2s .3s; transition: color .2s .3s; } .cart-open .cd-cart .checkout em { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: padding .2s 0s, -webkit-transform .2s .3s; transition: padding .2s 0s, -webkit-transform .2s .3s; transition: transform .2s .3s, padding .2s 0s; transition: transform .2s .3s, padding .2s 0s, -webkit-transform .2s .3s; } .cart-open .cd-cart .checkout:hover em { padding-right: 30px; } .cart-open .cd-cart .checkout:hover em::after { opacity: 1; } .clickspan { background-color: rgb(222, 96, 77) !important; color: #fff !important; border: 1px solid rgb(222, 96, 77) !important; } .inputspan { width: 36px; height: 36px; line-height: 36px; text-align: center; background-color: transparent; border: 1px solid rgb(104, 104, 104); font-weight: 700; font-size: 1rem; border-radius: 8px; color: rgb(104, 104, 104); } .inputspan:focus { outline: 0px solid rgb(53, 53, 53); border: 1px solid rgb(253, 197, 188); color: rgb(222, 96, 77); } .product-details .icon-car-count { margin-top: 30px; right: -24px; display: block !important; padding: 8px 10px; background-image: linear-gradient(135deg, rgb(223, 223, 223) 0%, rgb(217, 217, 217) 100%); box-shadow: none; color: #000; } @media only screen and (min-width:768px) { .cd-cart .checkout { font-size: 20px; } .cd-cart .product-image { width: 70px; } .cd-cart .product-details { padding: 5px 0 0 5px; width: calc(100% - 72px); margin-top: 3px !important; } .cd-cart .price { font-size: 18px; } .cd-cart { height: 760px; } } ul { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; } h2 { font-size: 28px; font-weight: 300; line-height: 1.3; font-style: normal; letter-spacing: 0; text-transform: none; margin-top: 0; margin-bottom: 0; } .home-sponsors-heart-1 { animation: home-sponsors-heart-1 4s cubic-bezier(.535, .15, .425, 1) infinite; position: absolute !important; bottom: 70%; left: 0; } .home-sponsors-heart-2 { animation: home-sponsors-heart-2 5s cubic-bezier(.535, .15, .425, 1) -1s infinite; position: absolute !important; bottom: 70%; left: 0; } .home-sponsors-heart-3 { animation: home-sponsors-heart-3 6s cubic-bezier(.535, .15, .425, 1) -2s infinite; position: absolute !important; bottom: 70%; left: 0; } @-webkit-keyframes scale-up-center { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-center { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes home-sponsors-heart-1 { 0% { opacity: 0; transform: scale3d(.7, .7, .7) translateZ(0) rotate(0); } 50% { opacity: 1; } to { opacity: 0; transform: scaleX(1) translate3d(-25%, -160%, 0) rotate(-25deg); } } @keyframes home-sponsors-heart-2 { 0% { opacity: 0; transform: scale3d(.5, .5, .5) translateZ(0) rotate(0); } 50% { opacity: .75; } to { opacity: 0; transform: scale3d(.75, .75, .75) translate3d(-125%, -100%, 0) rotate(-35deg); } } @keyframes home-sponsors-heart-3 { 0% { opacity: 0; transform: scale3d(.35, .35, .35) translateZ(0) rotate(0); } 50% { opacity: .5; } to { opacity: 0; transform: scale3d(.5, .5, .5) translate3d(150%, -120%, 0) rotate(35deg); } } @media only screen and (min-width:2600px) { .cd-cart-trigger, .cd-cart { right: 20%; bottom:400px; } } .upload-popover-user { background-color: #fff !important; border: 1px solid #fff !important; border-radius: 8px !important; border: 2px solid #4caf50 !important; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2) !important; box-shadow: 0 2px 10px rgba(0,0,0,.2) !important; } .upload-popover-user .dropdown-menu a { color: #333 !important; } .upload-popover-user .dropdown-menu li:hover { background-color: #f1f9f1 !important; } .upload-popover-user .dropdown-menu a svg { fill:#000 !important; } .upload-popover-user .dropdown-menu .divider { background-color: #ececece6 !important; } .upload-popover-user.bottom-left > .upload-arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #4caf50 !important; border-top-width: 0; } .upload-popover-user.bottom-left > .upload-arrow::after { content: " "; top: 1px; margin-left: -10px; border-bottom-color: #4caf50 !important; border-top-width: 0; } .upload-popover-user .dropdown-menu a { font-size: 14px; font-weight: 400; padding: 2px 0px; } .user-badge { z-index: 111; background-image: linear-gradient(135deg, rgb(251, 93, 95) 0%, rgb(244, 2, 6) 100%); box-shadow: 0 2px 5px 0 rgba(251, 66, 97, .51); } .user-title { -webkit-animation: fadeInDown .3s linear both; -moz-animation: fadeInDown .3s linear both; animation: fadeInDown .3s linear both; } .logintime ss { padding: 2px 6px; background-color: #037540; background-image: linear-gradient(135deg,rgb(251,93,95) 0%,rgb(244, 68, 71) 100%); box-shadow: 0 2px 5px 0 rgba(251,66,97,.51); color: #fff; border-radius: 4px; margin-right: 16px; } .logintime tt { padding: 2px 6px; background-color: #dba400; background-image: linear-gradient(135deg,rgba(251, 93, 95, 0.57) 0%,rgba(244, 68, 71, 0.57) 100%); box-shadow: 0 2px 5px 0 rgba(251,66,97,.51); color: #fff; border-radius: 4px; margin-right: 16px; } .user-badge { padding: 1px 12px; position: absolute; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); margin-top: -130px; margin-left: 30px; background: #dc3c00; background-image: none; color: #fff; font-size: .75rem; line-height: 80px; opacity:0; font-weight: 400; z-index:1; width: 80px; height: 80px; overflow: hidden; border-radius: 60px; -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.37); -moz-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.37); box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.37); background-image: url('/National_Library/oe_/https://sl.office-converter.com/2021/svg/user.png'); background-size: 80px; cursor: pointer; } .user-badge:hover { -webkit-box-shadow: 0 0 0 8px rgba(0, 148, 79, 0.21); -moz-box-shadow: 0 0 0 8px rgba(0, 148, 79, 0.21); box-shadow: 0 0 0 8px rgba(0, 148, 79, 0.21); } .SC4xFee { transition: opacity .2s ease-in-out; background-color: rgba(246, 77, 79, 0.44); bottom: 0; height: 30%; left: 0; opacity: 1; position: absolute; right: 0; } .ppp { white-space: nowrap; text-overflow: ellipsis; width: 80px; overflow: hidden; font-weight: 700; opacity: 0; display: inline-block; text-align: center; position: absolute; margin-left: 30px; margin-top: -146px; background: #d59a04; color: #fff; border-radius: 17px; padding: 4px 12px; font-size: 14px; min-width: 80px; line-height: 14px; z-index: 111; background-image: linear-gradient(135deg,rgb(251,93,95) 0%,rgb(244, 68, 71) 100%); box-shadow: 0 2px 5px 0 rgba(251,66,97,.51); font-weight: 400; -webkit-animation: fadeInDown .3s linear both; -moz-animation: fadeInDown .3s linear both; animation: fadeInDown .3s linear both; } .EyVCdbb { background-image: url(/National_Library/oe_/https://sl.office-converter.com/2021/svg/set.svg); background-position: center; background-repeat: no-repeat; background-size: 24px 24px; height: 100%; opacity: .8; } .user-badge::after { content: attr(data-fallback); text-transform: uppercase; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 700; transform: rotate(-10deg); top: -1px; position: relative; color: #d92222; left: 1px; } @media (max-width: 768px) { .user-badge { width: 50px; height: 50px; margin-top: -130px; margin-left: 30px; background-size: 50px; } .ppp { padding: 4px 6px; width: 40px; min-width: 40px; } .user-badge::after { top: -16px; font-weight: 700; font-size: 16px; } .EyVCdbb { background-size:16px; } } @media (max-width: 460px) { .user-badge { margin-top: -140px; margin-left:0px; border-radius: 0 90px 90px 0px; } .ppp { display: none; } .upload-popover { width: 340px !important; left: calc(50% - 170px) !important; } .upload-popover-user { width: 100% !important; left: 0px !important; border-radius: 0px !important; top: 54px !important; border: 0px solid #4caf50 !important; position: fixed !important; } .upload-arrow { display: none !important; } } .RegUsered .upload-userreg .onlineuploader-action-download { display: none !important; } .RegUsered .upload-userreg .onlineuploader-action-retry { margin-right: 30px; padding: 10px 16px 8px; box-shadow: 0 2px 4px 0 rgba(251, 66, 97, 0.15); } @media (max-width: 768px) { .RegUsered .upload-userreg .onlineuploader-action-retry { margin-right: 0px; } .RegUsered .upload-userreg .onlineuploader-action-retry { display: inline-block !important; min-width: 60px; padding: 7px 16px 5px; } .RegUsered .upload-userreg .onlineuploader-action-retry svg { width: 24px; height: 24px; } .RegUsered .upload-userreg .onlineuploader-action-retry span { display: none !important; } } .upload-popover-content { display: none; } .upload-popover-rtl { direction: rtl; text-align: right; } .upload-popover { position: absolute; top: 0; left: 0; z-index: 9999; display: none; min-width: 50px; min-height: 32px; padding: 1px; text-align: left; white-space: normal; background-color: #1e1e1e; background-clip: padding-box; border: 1px solid #1e1e1e; border-radius: 4px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgb(0, 0, 0); } .upload-popover.top, .upload-popover.top-left, .upload-popover.top-right { margin-top: -10px; } .upload-popover.right, .upload-popover.right-top, .upload-popover.right-bottom { margin-left: 10px; } .upload-popover.bottom, .upload-popover.bottom-left, .upload-popover.bottom-right { margin-top: 10px; } .upload-popover.left, .upload-popover.left-top, .upload-popover.left-bottom { margin-left: -10px; } .upload-popover.pop { -webkit-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5); -o-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5); transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5); opacity: 0; filter: alpha(opacity=0); } .upload-popover.pop-out { -webkit-transition-property: "opacity,transform"; -o-transition-property: "opacity,transform"; transition-property: "opacity,transform"; -webkit-transition: 0.15s linear; -o-transition: 0.15s linear; transition: 0.15s linear; opacity: 0; filter: alpha(opacity=0); } .upload-popover.fade, .upload-popover.fade-out { -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; opacity: 0; filter: alpha(opacity=0); } .upload-popover.out { opacity: 0; filter: alpha(opacity=0); } .upload-popover.in { -webkit-transform: none; -o-transform: none; transform: none; opacity: 1; filter: alpha(opacity=100); } .upload-popover .upload-popover-content { padding: 5px; overflow: hidden; display: block; } .upload-popover .upload-popover-content > div:first-child { width: 99%; } .upload-popover-inner .close { font-family: arial; margin: 16px 10px 0 0; float: right; font-size: 16px; font-weight: 700; line-height: 16px; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=60); text-decoration: none; opacity: 0.6; position: absolute; right: 0px; } .upload-popover-inner .close:hover, .upload-popover-inner .close:focus { opacity: 1; filter: alpha(opacity=100); } .upload-popover-title { padding: 8px 14px; margin: 10px 0px 0px 0px; font-size: 18px; font-weight: 400; color: #000; line-height: 18px; background-color: #fff; border-radius: 5px 5px 0 0; } .upload-popover-content { padding: 9px 14px; overflow: auto; display: none; } .upload-popover-inverse, .upload-popover-select { background-color: #1e1e1e; color: #eee; } .upload-popover-inverse .upload-popover-title { background: #333; border-bottom: 1px solid #3b3b3b; color: #eee; } .upload-no-padding .upload-popover-content { padding: 0; } .upload-no-padding .list-group-item { border-right: none; border-left: none; } .upload-no-padding .list-group-item:first-child { border-top: 0; } .upload-no-padding .list-group-item:last-child { border-bottom: 0; } .upload-popover > .upload-arrow, .upload-popover > .upload-arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .upload-popover > .upload-arrow { border-width: 11px; } .upload-popover > .upload-arrow:after { border-width: 10px; content: ""; } .upload-popover.top > .upload-arrow, .upload-popover.top-right > .upload-arrow, .upload-popover.top-left > .upload-arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .upload-popover.top > .upload-arrow:after, .upload-popover.top-right > .upload-arrow:after, .upload-popover.top-left > .upload-arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0; } .upload-popover.right > .upload-arrow, .upload-popover.right-top > .upload-arrow, .upload-popover.right-bottom > .upload-arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); } .upload-popover.right > .upload-arrow:after, .upload-popover.right-top > .upload-arrow:after, .upload-popover.right-bottom > .upload-arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .upload-popover.bottom > .upload-arrow, .upload-popover.bottom-right > .upload-arrow, .upload-popover.bottom-left > .upload-arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color:#4caf50; border-top-width: 0; } .upload-popover.bottom > .upload-arrow:after, .upload-popover.bottom-right > .upload-arrow:after, .upload-popover.bottom-left > .upload-arrow:after { content: " "; top: 1px; margin-left: -10px; border-bottom-color: #fff; border-top-width: 0; } .upload-popover.left > .upload-arrow, .upload-popover.left-top > .upload-arrow, .upload-popover.left-bottom > .upload-arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .upload-popover.left > .upload-arrow:after, .upload-popover.left-top > .upload-arrow:after, .upload-popover.left-bottom > .upload-arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .upload-popover-inverse.top > .upload-arrow, .upload-popover-inverse.top-left > .upload-arrow, .upload-popover-inverse.top-right > .upload-arrow, .upload-popover-inverse.top > .upload-arrow:after, .upload-popover-inverse.top-left > .upload-arrow:after, .upload-popover-inverse.top-right > .upload-arrow:after { border-top-color: #1e1e1e; } .upload-popover-inverse.right > .upload-arrow, .upload-popover-inverse.right-top > .upload-arrow, .upload-popover-inverse.right-bottom > .upload-arrow, .upload-popover-inverse.right > .upload-arrow:after, .upload-popover-inverse.right-top > .upload-arrow:after, .upload-popover-inverse.right-bottom > .upload-arrow:after { border-right-color: #1e1e1e; } .upload-popover-inverse.bottom > .upload-arrow, .upload-popover-inverse.bottom-left > .upload-arrow, .upload-popover-inverse.bottom-right > .upload-arrow, .upload-popover-inverse.bottom > .upload-arrow:after, .upload-popover-inverse.bottom-left > .upload-arrow:after, .upload-popover-inverse.bottom-right > .upload-arrow:after { border-bottom-color: #1e1e1e; } .upload-popover-inverse.left > .upload-arrow, .upload-popover-inverse.left-top > .upload-arrow, .upload-popover-inverse.left-bottom > .upload-arrow, .upload-popover-inverse.left > .upload-arrow:after, .upload-popover-inverse.left-top > .upload-arrow:after, .upload-popover-inverse.left-bottom > .upload-arrow:after { border-left-color: #1e1e1e; } .upload-popover-select.top > .upload-arrow, .upload-popover-select.top-left > .upload-arrow, .upload-popover-select.top-right > .upload-arrow, .upload-popover-select.top > .upload-arrow:after, .upload-popover-select.top-left > .upload-arrow:after, .upload-popover-select.top-right > .upload-arrow:after { border-top-color: #1e1e1e; } .upload-popover-select.right > .upload-arrow, .upload-popover-select.right-top > .upload-arrow, .upload-popover-select.right-bottom > .upload-arrow, .upload-popover-select.right > .upload-arrow:after, .upload-popover-select.right-top > .upload-arrow:after, .upload-popover-select.right-bottom > .upload-arrow:after { border-right-color: #1e1e1e; } .upload-popover-select.bottom > .upload-arrow, .upload-popover-select.bottom-left > .upload-arrow, .upload-popover-select.bottom-right > .upload-arrow, .upload-popover-select.bottom > .upload-arrow:after, .upload-popover-select.bottom-left > .upload-arrow:after, .upload-popover-select.bottom-right > .upload-arrow:after { border-bottom-color: #1e1e1e; } .upload-popover-select.left > .upload-arrow, .upload-popover-select.left-top > .upload-arrow, .upload-popover-select.left-bottom > .upload-arrow, .upload-popover-select.left > .upload-arrow:after, .upload-popover-select.left-top > .upload-arrow:after, .upload-popover-select.left-bottom > .upload-arrow:after { border-left-color: #1e1e1e; } .upload-popover i.icon-refresh:before { content: ""; } .upload-popover i.icon-refresh { display: block; width: 30px; height: 30px; font-size: 20px; top: 50%; left: 50%; position: absolute; margin-left: -15px; margin-right: -15px; background: url(/National_Library/oe_/https://sl.office-converter.com/2021/img/loading.gif) no-repeat; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate { 100% { transform: rotate(360deg); } } .upload-popover-backdrop { background-color: rgba(0, 0, 0, 0.65); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9998; } .upload-popover .dropdown-menu { list-style: none; display: block; position: relative; top: 0; border: none; box-shadow: none; float: none; } .upload-popover .dropdown-menu a { color: #fff; width: 100%; display: block; } .upload-popover .dropdown-menu li { line-height: 30px; padding: 2px 8px; } .upload-popover .dropdown-menu li:hover { background-color: #0e0e0e; border-radius: 3px; } .upload-popover .dropdown-menu a svg { fill:#fff; } .upload-popover .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e521; padding: 0px; } .upload-popover .dropdown-menu li.opacity { opacity: 0.5; } .upload-popover-selectls .upload-arrow { border-bottom-color:transparent !important; } .upload-popover-selectls .upload-arrow::after { border-bottom-color: #1e1e1e !important; } .upload-popover-seeother { background-color: #fff; border: 0px solid #fff; position: fixed; width: 800px; top:calc(50% - 300px) !important; -webkit-box-shadow: 0 5px 10px rgb(64, 64, 64); box-shadow: 0 5px 10px rgb(64, 64, 64); } .upload-popover-seeother .upload-popover-title { background-color: transparent; } .upload-popover-seeother .close .f-icolist { color: #000; fill: #000; width: 29px; height: 29px; } .upload-popover-seeother .account-form__title { margin: 0 0 0px 0; } .upload-popover-seeother div.need-more-help-option { width: 100% !important; max-width: calc(100% - 40px); margin: 20px; } .upload-popover-seeother div.need-more-help-option:first-child { margin-top: 20px; } .upload-popover-seeother .need-more-help-option__snippet { margin: 6px 0px 0px 2.5rem; color: #666; font-size: 14px; line-height: 20px; } .upload-popover-seeother h4.need-more-help-option__title { font-size: 14px; } .upload-popover-seeother #modifypassword { margin: 0px 20px; width: auto; } .upload-popover-seeother .upload-popover-inner .close { margin: 0px 10px 0 0; } .upload-popover-buyother { background-color: transparent; border: 0px solid #fff; position: fixed; width: auto; top:calc(50% - 300px) !important; -webkit-box-shadow: none; box-shadow:none; } .upload-popover-buyother .close { display: none; } .onlineuploader-items .onlineuploader-item.upload-failed .onlineuploader-action.onlineuploader-action-null { color: #fff; text-decoration: none; margin-right: 30px; min-width: 120px; font-weight: 700; background-color: #fb0606 !important; border-radius: 0px; padding: 10px 16px 8px; text-align: center; box-shadow: 0 2px 5px 0 rgba(147, 147, 147, 0.64); border-radius: 2px !important; -webkit-transition: all 140ms ease; transition: all 140ms ease; } .onlineuploader-items .onlineuploader-item.upload-failed .onlineuploader-action.onlineuploader-action-null span { margin-left: 10px; } .onlineuploader-items .onlineuploader-item.upload-failed .onlineuploader-action.onlineuploader-action-null svg { fill: #fff; } .onlineuploader-items .onlineuploader-item.upload-failed .onlineuploader-action-finish { display: none !important; } .onlineuploader-items .onlineuploader-item.upload-failed .onlineuploader-action.onlineuploader-action-null:hover { -webkit-transform: translateY(-1.22rem); -moz-transform: translateY(-1.22rem); -ms-transform: translateY(-1.22rem); transform: translateY(-1.22rem); } .onlineuploader-items .onlineuploader-item.upload-failed .onlineuploader-action.onlineuploader-action-null.hint--top::after, .onlineuploader-items .onlineuploader-item.upload-failed .onlineuploader-action.onlineuploader-action-null.hint--top::before { display: none; }.onlineuploader.onlineuploader-theme-dragdrop.NoFiles .NoFiles{display: none;} .ocrlovers{ width: 20px; height: 20px; padding: 0; margin: 0; border: none; display: block; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iI0ZCQkMwNCIgZD0iTTE2LjkgMTIuNGwxLjUtMS41YzIuMi0yLjIgMi4yLTUuOCAwLThzLTUuOC0yLjItOCAwTDIgMTEuMmwxLjIgMS4yaDEzLjd6Ii8+PHBhdGggZmlsbD0iI0ZGMkUzOSIgZD0iTTE2LjggMTIuNGwxLjItMS4yLTguMy04LjNDNy41LjcgMy45LjcgMS43IDIuOXMtMi4yIDUuOCAwIDhsMS40IDEuNGMuMy4zLjcuNiAxLjEuOSAxLjQgMS4xIDIuNiAyLjEgMy44IDMuNS43LjkgMS40IDEuOCAyIDIuOC4xLS4xLjEtLjIuMi0uMyAxLjQtMi4yIDMuMS00LjIgNS4zLTUuOC40LS4yLjktLjYgMS4zLTF6Ii8+PC9zdmc+"); background-size: 20px; background-repeat: no-repeat; } .qrscanner{ width: 20px; height: 20px; padding: 0; margin: 0; border: none; display: block; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iIzMzQTc1MiIgZD0iTTIwIDEzLjljLjEuOS0uMSAyLS42IDMtLjggMS42LTIuMiAyLjYtNCAyLjktMSAuMi0yIDAtMyAuMS0uMiAwLS4yLS4xLS4yLS4ydi0yLjNjMC0uMi4xLS4zLjMtLjNoMS45YzEuNCAwIDIuNC0uOCAyLjctMi4xLjEtLjUuMS0xIC4xLTEuNnYtMWMwLS4yIDAtLjMuMy0uM2gyLjNjLjIgMCAuMy4xLjMuMy0uMS41LS4xLjktLjEgMS41eiIvPjxwYXRoIGZpbGw9IiNGQUJCMDQiIGQ9Ik0xMy45IDBjLjktLjEgMiAwIDMgLjYgMS45IDEgMi45IDIuNiAzIDQuOHYyLjFjMCAuMi0uMS4zLS4zLjNoLTIuMWMtLjIgMC0uMyAwLS4zLS4zVjUuNmMwLTEuNC0xLjItMi44LTMtMi44aC0xLjdjLS4yIDAtLjMtLjEtLjMtLjNWLjNjMC0uMi4xLS4zLjMtLjNoMS40eiIvPjxwYXRoIGZpbGw9IiM0Mjg0RjMiIGQ9Ik02LjEgMjBjLS45LjEtMi4xIDAtMy4xLS42LTEuOS0xLTIuOS0yLjYtMy00Ljh2LTIuMWMwLS4yLjEtLjMuMy0uM2gyLjJjLjIgMCAuMy4xLjMuM3YxLjhjLS4xIDEuNiAxLjMgMi45IDIuOCAyLjloMS44Yy4zIDAgLjMuMS4zLjN2Mi4xYzAgLjMtLjEuMy0uMy4zLS4zLjEtLjcuMS0xLjMuMXoiLz48cGF0aCBmaWxsPSIjRTk0MzM1IiBkPSJNNy43LjFjLjEuMS4xLjIuMS4ydjIuMWMwIC4yIDAgLjMtLjMuM0g1LjhjLTEuNyAwLTMuMSAxLjMtMyAzdjEuN2MwIC4yIDAgLjMtLjIuM0guMi4xYy40LS4xLjggMCAxLjEgMGgxLjNILjNjLS4xIDAtLjItLjEtLjItLjJWNS4ydjIuNUMwIDYtLjIgNC4yLjkgMi42IDIgLjkgMy41LjEgNS42IDBoMS44Yy4xIDAgLjIgMCAuMy4xLS4zLjEtLjYgMC0uOSAwSDUuMmgyLjNjLjEgMCAuMiAwIC4yLjJWLjVjMC0uMi0uMS0uMyAwLS40eiIvPjxwYXRoIGZpbGw9IiMwMTZDRjEiIGQ9Ik0uMSAxNC45di0yLjUgMi41em03LjUgNUg1LjFoMi41eiIvPjxwYXRoIGZpbGw9IiNFNzEyMDAiIGQ9Ik03LjcuMXYyLjVoLS4xdi0yYzAtLjMtLjEtLjQtLjQtLjQtLjcgMC0xLjQgMC0yLjEtLjFoMi42ek0uMSA3LjdWNS4xaC4xVjdjMCAuNyAwIC43LjcuN2gxLjh2LjFDMi42IDcuNy4xIDcuNy4xIDcuN3oiLz48cGF0aCBmaWxsPSIjNDI4NEYzIiBkPSJNMTQuNCAxMS44SDUuNmMtLjkgMC0xLjctLjgtMS43LTEuNyAwLS45LjgtMS43IDEuNy0xLjdoOC45Yy45IDAgMS43LjggMS43IDEuNy0uMS45LS44IDEuNy0xLjggMS43eiIvPjwvc3ZnPg=="); background-size: 20px; background-repeat: no-repeat; }