/*! * froala_editor v3.0.0-beta.2-1 (https://www.froala.com/wysiwyg-editor) * License https://froala.com/wysiwyg-editor/terms/ * Copyright 2014-2019 Froala Labs */ .clearfix::after { clear: both; display: block; content: ""; height: 0; } .hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .gray-theme.fr-box.fr-basic { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-box.fr-basic .fr-element { font-family: sans-serif; color: #414141; font-size: 14px; line-height: 1.6; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-x: auto; min-height: 60px; text-align: left; } .gray-theme .fr-element { -webkit-user-select: auto; } .gray-theme .fr-element a { user-select: auto; -o-user-select: auto; -moz-user-select: auto; -khtml-user-select: auto; -webkit-user-select: auto; -ms-user-select: auto; } .gray-theme .fr-element.fr-disabled { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .gray-theme.fr-box a.fr-floating-btn { -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; height: 40px; width: 40px; background: #FFF; color: #0097A7; -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; left: 0; top: 0; line-height: 40px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; } .gray-theme.fr-box a.fr-floating-btn svg { -webkit-transition: transform 0.2s ease 0s; -moz-transition: transform 0.2s ease 0s; -ms-transition: transform 0.2s ease 0s; -o-transition: transform 0.2s ease 0s; fill: #0097A7; } .gray-theme.fr-box a.fr-floating-btn i, .gray-theme.fr-box a.fr-floating-btn svg { font-size: 14px; line-height: 40px; } .gray-theme.fr-box a.fr-floating-btn:hover { background: #e8e8e8; } .gray-theme.fr-box a.fr-floating-btn:hover svg { fill: #0097A7; } .gray-theme.fr-box .fr-visible a.fr-floating-btn { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .gray-theme iframe.fr-iframe { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gray-theme .fr-wrapper::after { clear: both; display: block; content: ""; height: 0; } .gray-theme .fr-wrapper .fr-placeholder { font-size: 14px; color: #AAA; font-family: sans-serif; top: 0; left: 0; right: 0; } .gray-theme .fr-wrapper ::-moz-selection { background: #b5d6fd; color: #000; } .gray-theme .fr-wrapper ::selection { background: #b5d6fd; color: #000; } .gray-theme.fr-box.fr-basic .fr-wrapper { background: #FFF; border: 1px solid #CCCCCC; border-bottom-color: #efefef; top: 0; left: 0; } .gray-theme.fr-box.fr-basic.fr-top .fr-wrapper { border-top: 0; } .gray-theme.fr-box.fr-basic.fr-bottom .fr-wrapper { border-bottom: 0; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } @media (min-width: 992px) { .gray-theme .fr-box.fr-document .fr-wrapper { padding: 30px; background: #efefef; } .gray-theme .fr-box.fr-document .fr-wrapper .fr-element { background: #FFF; margin: auto; z-index: auto; } .gray-theme .fr-box.fr-document .fr-wrapper .fr-element hr { background: #efefef; } } .gray-theme .fr-sticky-on { z-index: 10; } .gray-theme .fr-sticky-on.fr-sticky-ios { left: 0; right: 0; } .gray-theme span.fr-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .gray-theme .fr-opacity-0 { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .gray-theme.fr-box .fr-counter { padding: 10px; color: #999999; font-size: 14px; font-family: sans-serif; border-radius: 2px 0 0 0; -moz-border-radius: 2px 0 0 0; -webkit-border-radius: 2px 0 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-box.fr-rtl .fr-counter { left: 0; right: auto; border-radius: 0 2px 0 0; -moz-border-radius: 0 2px 0 0; -webkit-border-radius: 0 2px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme textarea.fr-code { resize: none; -moz-resize: none; -webkit-resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; background: #FFF; color: #000; } .gray-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch { top: 0; right: 0; background: #FFF; color: #37474F; -moz-outline: 0; outline: 0; border: 0; padding: 8px 7px; -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -ms-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .gray-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i { font-size: 24px; width: 24px; } .gray-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover { background: #e8e8e8; } .gray-theme.fr-popup .fr-layer.fr-color-hex-layer { margin: 0; padding: 20px; padding-top: 0; } .gray-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line { padding: 15px 0 0; } .gray-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons { width: 38px; height: 40px; padding: 17px 0 0; margin: 0; } .gray-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 13px; height: 40px; width: 38px; } .gray-theme.fr-popup .fr-color-set { line-height: 0; } .gray-theme.fr-popup .fr-color-set.fr-selected-set { padding: 20px; padding-bottom: 0; } .gray-theme.fr-popup .fr-color-set > span { width: 32px; height: 32px; } .gray-theme.fr-popup .fr-color-set > span > i, .gray-theme.fr-popup .fr-color-set > span > svg { line-height: 32px; height: 24px; width: 24px; margin: 4px; font-size: 13px; bottom: 0; left: 0; } .gray-theme.fr-popup .fr-color-set > span > i path, .gray-theme.fr-popup .fr-color-set > span > svg path { fill: #37474F; } .gray-theme.fr-popup .fr-color-set > span .fr-selected-color { color: #FFF; font-size: 13px; font-weight: 400; line-height: 32px; top: 0; bottom: 0; right: 0; left: 0; } .gray-theme.fr-popup .fr-color-set > span:hover, .gray-theme.fr-popup .fr-color-set > span:focus { outline: 1px solid #37474F; } .gray-theme.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); } .gray-theme .fr-drag-helper { background: #0097A7; -webkit-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 2147483640; } .gray-theme .fr-dragging { -webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .gray-theme.fr-popup .fr-emoticon { width: 24px; height: 24px; } .gray-theme.fr-popup .fr-emoticon img { height: 24px; width: 24px; } .gray-theme.fr-popup .fr-command.fr-btn.fr-tabs-unicode { padding: 0 0 0 14px; } @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) { .gray-theme.fr-popup .fr-icon-container.fr-emoticon-container { width: 328px; } } .gray-theme.fr-popup .fr-file-upload-layer { border: dashed 2px #b7bdc0; padding: 25px 0; margin: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gray-theme.fr-popup .fr-file-upload-layer:hover { background: #e8e8e8; } .gray-theme.fr-popup .fr-file-upload-layer.fr-drop { background: #e8e8e8; border-color: #0097A7; } .gray-theme.fr-popup .fr-file-upload-layer .fr-form { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: 0; bottom: 0; left: 0; right: 0; z-index: 2147483640; } .gray-theme.fr-popup .fr-file-upload-layer .fr-form input { right: 0; top: 0; bottom: 0; margin: 0; } .gray-theme.fr-popup .fr-file-progress-bar-layer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gray-theme.fr-popup .fr-file-progress-bar-layer > h3 { margin: 10px 0; } .gray-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader { background: #b3e0e5; } .gray-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader span { background: #0097A7; -webkit-transition: width 0.2s ease 0s; -moz-transition: width 0.2s ease 0s; -ms-transition: width 0.2s ease 0s; -o-transition: width 0.2s ease 0s; } .gray-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span { top: 0; -webkit-animation: loading 2s linear infinite; -moz-animation: loading 2s linear infinite; -o-animation: loading 2s linear infinite; animation: loading 2s linear infinite; } .gray-theme.fr-box.fr-fullscreen { top: 0; left: 0; bottom: 0; right: 0; } .gray-theme.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-box.fr-fullscreen .fr-toolbar { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-box.fr-fullscreen .second-toolbar { margin-top: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr { border: 0; } .gray-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr { border-bottom: solid 1px #ebebeb; } .gray-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child { color: #737e84; } .gray-theme .fr-image-resizer { border: solid 1px #0097A7; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .gray-theme .fr-image-resizer .fr-handler { background: #0097A7; border: solid 1px #FFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gray-theme .fr-image-resizer .fr-handler { width: 12px; height: 12px; } .gray-theme .fr-image-resizer .fr-handler.fr-hnw { left: -6px; top: -6px; } .gray-theme .fr-image-resizer .fr-handler.fr-hne { right: -6px; top: -6px; } .gray-theme .fr-image-resizer .fr-handler.fr-hsw { left: -6px; bottom: -6px; } .gray-theme .fr-image-resizer .fr-handler.fr-hse { right: -6px; bottom: -6px; } @media (min-width: 1200px) { .gray-theme .fr-image-resizer .fr-handler { width: 10px; height: 10px; } .gray-theme .fr-image-resizer .fr-handler.fr-hnw { left: -5px; top: -5px; } .gray-theme .fr-image-resizer .fr-handler.fr-hne { right: -5px; top: -5px; } .gray-theme .fr-image-resizer .fr-handler.fr-hsw { left: -5px; bottom: -5px; } .gray-theme .fr-image-resizer .fr-handler.fr-hse { right: -5px; bottom: -5px; } } .gray-theme.fr-image-overlay { top: 0; left: 0; bottom: 0; right: 0; z-index: 2147483640; } .gray-theme.fr-popup .fr-image-upload-layer { border: dashed 2px #b7bdc0; padding: 25px 0; margin: 20px; } .gray-theme.fr-popup .fr-image-upload-layer:hover { background: #e8e8e8; } .gray-theme.fr-popup .fr-image-upload-layer.fr-drop { background: #e8e8e8; border-color: #0097A7; } .gray-theme.fr-popup .fr-image-upload-layer .fr-form { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: 0; bottom: 0; left: 0; right: 0; z-index: 2147483640; } .gray-theme.fr-popup .fr-image-upload-layer .fr-form input { right: 0; top: 0; bottom: 0; margin: 0; } .gray-theme.fr-popup .fr-image-progress-bar-layer > h3 { margin: 10px 0; } .gray-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader { background: #b3e0e5; } .gray-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader span { background: #0097A7; -webkit-transition: width 0.2s ease 0s; -moz-transition: width 0.2s ease 0s; -ms-transition: width 0.2s ease 0s; -o-transition: width 0.2s ease 0s; } .gray-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span { top: 0; -webkit-animation: loading 2s linear infinite; -moz-animation: loading 2s linear infinite; -o-animation: loading 2s linear infinite; animation: loading 2s linear infinite; } .gray-theme .fr-uploading { -webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .gray-theme.fr-modal .fr-modal-head .fr-modal-head-line::after { clear: both; display: block; content: ""; height: 0; } .gray-theme.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more { margin-top: 10px; } .gray-theme.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available { opacity: 0; width: 0; padding: 12px 0; } .gray-theme.fr-modal .fr-modal-head .fr-modal-tags { padding: 0 20px; } .gray-theme.fr-modal .fr-modal-head .fr-modal-tags a { opacity: 0; padding: 6px 12px; margin: 8px 0 8px 8px; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; background-color: #f5f5f5; } .gray-theme.fr-modal .fr-modal-head .fr-modal-tags a:focus { background-color: #e8e8e8; } .gray-theme.fr-modal .fr-modal-head .fr-modal-tags a:hover { background-color: #e8e8e8; } .gray-theme.fr-modal .fr-modal-head .fr-modal-tags a:active { background-color: gainsboro; } .gray-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag { background-color: #EcF5Ff; color: #0097A7; } .gray-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus { background-color: #e8e8e8; } .gray-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover { background-color: #e8e8e8; } .gray-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active { background-color: gainsboro; } .gray-theme.fr-show-tags .fr-modal-more svg path { fill: #0097A7; } .gray-themediv.fr-modal-body { -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -ms-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; } .gray-themediv.fr-modal-body .fr-preloader { margin: 50px auto; } .gray-themediv.fr-modal-body div.fr-image-list { margin: 0 20px; padding: 0; } .gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after { -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s; background: #000; top: 0; left: 0; bottom: 0; right: 0; } .gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before { color: #FFF; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty { background: #CCCCCC; } .gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after { margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container img { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); } .gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img { -webkit-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, .gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s; -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s; -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s; -o-transition: background 0.2s ease 0s, color 0.2s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; line-height: 40px; } .gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img { background: #B8312F; fill: #FFF; padding: 8px; -webkit-transform: translateY(-50%) translateX(25%); -moz-transform: translateY(-50%) translateX(25%); -ms-transform: translateY(-50%) translateX(25%); -o-transform: translateY(-50%) translateX(25%); } .gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { background: #F5F5F5; fill: #0097A7; padding: 8px; -webkit-transform: translateY(-50%) translateX(-125%); -moz-transform: translateY(-50%) translateX(-125%); -ms-transform: translateY(-50%) translateX(-125%); -o-transform: translateY(-50%) translateX(-125%); } .gray-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img { -webkit-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .gray-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .gray-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img { width: 40px; height: 40px; } .gray-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover { background: #bf4644; color: #FFF; } .gray-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover { background: #e8e8e8; } .gray-theme .fr-line-breaker { border-top: 1px solid #0097A7; } .gray-theme .fr-line-breaker a.fr-floating-btn { left: calc(50% - (40px / 2)); top: -20px; } .gray-theme .fr-line-breaker a.fr-floating-btn svg { margin: 8px; height: 24px; width: 24px; } .gray-theme .fr-quick-insert { padding-right: 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .gray-theme .fr-quick-insert a.fr-floating-btn svg { margin: 8px; width: 24px; height: 24px; } .gray-theme .fr-quick-insert.fr-on a.fr-floating-btn svg { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); } .gray-theme .fr-qi-helper { padding-left: 20px; } .gray-theme .fr-qi-helper a.fr-btn.fr-floating-btn { padding: 6px 10px 10px 10px; color: #37474F; background: #F5F5F5; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); } .gray-theme .fr-qi-helper a.fr-btn.fr-floating-btn svg { fill: #37474F; } .gray-theme .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .gray-theme.fr-popup .fr-buttons.fr-tabs .fr-special-character-category { padding: 10px 15px; } .gray-theme.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span { font-size: 16px; } .gray-theme.fr-popup .fr-special-character { width: 24px; height: 24px; } @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) { .gray-theme.fr-popup .fr-icon-container.fr-sc-container { width: 328px; } } .gray-theme .fr-element table td.fr-selected-cell, .gray-theme .fr-element table th.fr-selected-cell { border: 1px double #0097A7; } .gray-theme .fr-element table tr { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .gray-theme .fr-element table td, .gray-theme .fr-element table th { user-select: text; -o-user-select: text; -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -ms-user-select: text; } .gray-theme .fr-element .fr-no-selection table td, .gray-theme .fr-element .fr-no-selection table th { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .gray-theme .fr-table-resizer div { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-right: 1px solid #0097A7; } .gray-theme .fr-no-selection { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .gray-theme.fr-popup .fr-table-size { margin: 20px; } .gray-theme.fr-popup .fr-table-size .fr-select-table-size { line-height: 0; } .gray-theme.fr-popup .fr-table-size .fr-select-table-size > span { padding: 0 4px 4px 0; } .gray-theme.fr-popup .fr-table-size .fr-select-table-size > span > span { border: 1px solid #DDD; } .gray-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span { background: rgba(0, 151, 167, 0.3); border: solid 1px #0097A7; } .gray-theme.fr-popup .fr-table-size .fr-select-table-size .new-line::after { clear: both; display: block; content: ""; height: 0; } .gray-theme.fr-popup .fr-table-colors { padding: 20px; padding-bottom: 0; } .gray-theme .fr-element .fr-video { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .gray-theme .fr-element .fr-video::after { top: 0; left: 0; right: 0; bottom: 0; } .gray-theme .fr-element .fr-video > * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .gray-theme.fr-box .fr-video-resizer { border: solid 1px #0097A7; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .gray-theme.fr-box .fr-video-resizer .fr-handler { background: #0097A7; border: solid 1px #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gray-theme.fr-box .fr-video-resizer .fr-handler { width: 12px; height: 12px; } .gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw { left: -6px; top: -6px; } .gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hne { right: -6px; top: -6px; } .gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw { left: -6px; bottom: -6px; } .gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hse { right: -6px; bottom: -6px; } @media (min-width: 1200px) { .gray-theme.fr-box .fr-video-resizer .fr-handler { width: 10px; height: 10px; } .gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw { left: -5px; top: -5px; } .gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hne { right: -5px; top: -5px; } .gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw { left: -5px; bottom: -5px; } .gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hse { right: -5px; bottom: -5px; } } .gray-theme.fr-popup .fr-video-upload-layer { border: dashed 2px #b7bdc0; padding: 25px 0; margin: 20px; } .gray-theme.fr-popup .fr-video-upload-layer:hover { background: #e8e8e8; } .gray-theme.fr-popup .fr-video-upload-layer.fr-drop { background: #e8e8e8; border-color: #0097A7; } .gray-theme.fr-popup .fr-video-upload-layer .fr-form { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: 0; bottom: 0; left: 0; right: 0; z-index: 2147483640; } .gray-theme.fr-popup .fr-video-upload-layer .fr-form input { right: 0; top: 0; bottom: 0; margin: 0; } .gray-theme.fr-popup .fr-video-progress-bar-layer > h3 { margin: 10px 0; } .gray-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader { background: #b3e0e5; } .gray-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader span { background: #0097A7; -webkit-transition: width 0.2s ease 0s; -moz-transition: width 0.2s ease 0s; -ms-transition: width 0.2s ease 0s; -o-transition: width 0.2s ease 0s; } .gray-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span { top: 0; -webkit-animation: loading 2s linear infinite; -moz-animation: loading 2s linear infinite; -o-animation: loading 2s linear infinite; animation: loading 2s linear infinite; } .gray-theme.fr-video-overlay { top: 0; left: 0; bottom: 0; right: 0; z-index: 2147483640; } .gray-theme img.fr-rounded, .gray-theme .fr-img-caption.fr-rounded img { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme img.fr-bordered { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .gray-theme .fr-img-caption.fr-bordered img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gray-theme .fr-view span[style~="color:"] a { color: inherit; } .gray-theme .fr-view strong { font-weight: 700; } .gray-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { background: whitesmoke; } .gray-theme .fr-view table td, .gray-theme .fr-view table th { border: 1px solid #DDD; } .gray-theme .fr-view table th { background: #ececec; } .gray-theme .fr-view hr { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .gray-theme .fr-view[dir="rtl"] blockquote { border-right: solid 2px #5E35B1; margin-right: 0; padding-left: 0; } .gray-theme .fr-view[dir="rtl"] blockquote blockquote { border-color: #00BCD4; } .gray-theme .fr-view[dir="rtl"] blockquote blockquote blockquote { border-color: #43A047; } .gray-theme .fr-view blockquote { border-left: solid 2px #5E35B1; margin-left: 0; color: #5E35B1; } .gray-theme .fr-view blockquote blockquote { border-color: #00BCD4; color: #00BCD4; } .gray-theme .fr-view blockquote blockquote blockquote { border-color: #43A047; color: #43A047; } .gray-theme .fr-view span.fr-emoticon { line-height: 0; } .gray-theme .fr-view span.fr-emoticon.fr-emoticon-img { font-size: inherit; } .gray-theme .fr-view .fr-text-bordered { padding: 10px 0; } .gray-theme .fr-view .fr-class-highlighted { background-color: #ffff00; } .gray-theme .fr-view .fr-class-code { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #f5f5f5; } .gray-theme .fr-view img.fr-dib { margin: 5px auto; } .gray-theme .fr-view img.fr-dib.fr-fil { margin-left: 0; } .gray-theme .fr-view img.fr-dib.fr-fir { margin-right: 0; } .gray-theme .fr-view img.fr-dii { margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } .gray-theme .fr-view img.fr-dii.fr-fil { margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } .gray-theme .fr-view img.fr-dii.fr-fir { margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } .gray-theme .fr-view span.fr-img-caption.fr-dib { margin: 5px auto; } .gray-theme .fr-view span.fr-img-caption.fr-dib.fr-fil { margin-left: 0; } .gray-theme .fr-view span.fr-img-caption.fr-dib.fr-fir { margin-right: 0; } .gray-theme .fr-view span.fr-img-caption.fr-dii { margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } .gray-theme .fr-view span.fr-img-caption.fr-dii.fr-fil { margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } .gray-theme .fr-view span.fr-img-caption.fr-dii.fr-fir { margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } .gray-theme .fr-view .fr-video.fr-rv { height: 0; } .gray-theme .fr-view .fr-video.fr-rv > iframe, .gray-theme .fr-view .fr-video.fr-rv object, .gray-theme .fr-view .fr-video.fr-rv embed { top: 0; left: 0; } .gray-theme .fr-view .fr-video > * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .gray-theme .fr-view a.fr-strong { font-weight: 700; } .gray-theme .fr-view .fr-img-caption .fr-img-wrap { padding: 0; margin: auto; } .gray-theme .fr-view .fr-img-caption .fr-img-wrap img { margin: auto; } .gray-theme .fr-view .fr-img-caption .fr-img-wrap > span { margin: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .gray-theme .fr-view button.fr-rounded, .gray-theme .fr-view input.fr-rounded, .gray-theme .fr-view textarea.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme a.fr-view.fr-strong { font-weight: 700; } .gray-theme img.fr-view.fr-dib { margin: 5px auto; } .gray-theme img.fr-view.fr-dib.fr-fil { margin-left: 0; } .gray-theme img.fr-view.fr-dib.fr-fir { margin-right: 0; } .gray-theme img.fr-view.fr-dii { margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } .gray-theme img.fr-view.fr-dii.fr-fil { margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } .gray-theme img.fr-view.fr-dii.fr-fir { margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } .gray-theme span.fr-img-caption.fr-view.fr-dib { margin: 5px auto; } .gray-theme span.fr-img-caption.fr-view.fr-dib.fr-fil { margin-left: 0; } .gray-theme span.fr-img-caption.fr-view.fr-dib.fr-fir { margin-right: 0; } .gray-theme span.fr-img-caption.fr-view.fr-dii { margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); } .gray-theme span.fr-img-caption.fr-view.fr-dii.fr-fil { margin: 5px 5px 5px 0; max-width: calc(100% - 5px); } .gray-theme span.fr-img-caption.fr-view.fr-dii.fr-fir { margin: 5px 0 5px 5px; max-width: calc(100% - 5px); } .gray-theme .fr-element .fr-embedly { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .gray-theme .fr-element .fr-embedly::after { top: 0; left: 0; right: 0; bottom: 0; } .gray-theme .fr-element .fr-embedly > * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .gray-theme.fr-box .fr-embedly-resizer { border: solid 1px #0097A7; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .gray-theme.fr-popup .fr-icon.fr-fa-icon { width: 18px; padding: 8px; margin: 6px; font-size: 16px; } @supports not (-ms-high-contrast: none) { .gray-theme.fr-popup .fr-icon-container.fr-fa-container { grid-template-columns: repeat(auto-fill, minmax(45px, 45px)); } } @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) { .gray-theme.fr-popup .fr-icon-container.fr-fa-container { width: 466px; } } .gray-theme .tui-image-editor-container { top: 0; left: 0; bottom: 0; right: 0; z-index: 10; } .gray-theme .tui-editor-cancel-btn { background-color: #FFF; border: 1px solid #CCCCCC; } .gray-theme .tui-editor-save-btn { color: #FFF; } .gray-theme .examples-variante > a { font-size: 14px; font-family: Arial, Helvetica, sans-serif; } .gray-theme .sc-cm-holder > .sc-cm { border-top: 5px solid #222222 !important; } .gray-theme .sc-cm__item_dropdown:hover > a, .gray-theme .sc-cm a:hover { background-color: #e8e8e8 !important; } .gray-theme .sc-cm__item_active > a, .gray-theme .sc-cm__item_active > a:hover, .gray-theme .sc-cm a:active, .gray-theme .sc-cm a:focus { background-color: #e8e8e8 !important; } .gray-theme .sc-cm-holder > .sc-cm:before { background-color: #e8e8e8 !important; } .gray-theme .fr-tooltip { top: 0; left: 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #222222; color: #FFF; font-size: 11px; line-height: 22px; font-family: Arial, Helvetica, sans-serif; -webkit-transition: opacity 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gray-theme .fr-tooltip.fr-visible { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .gray-theme.fr-toolbar .fr-command.fr-btn, .gray-theme.fr-popup .fr-command.fr-btn, .gray-theme.fr-modal .fr-command.fr-btn { color: #37474F; -moz-outline: 0; border: 0; margin: 4px 2px; padding: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 40px; } .gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .gray-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options { border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-toolbar .fr-command.fr-btn.fr-btn-hover, .gray-theme.fr-popup .fr-command.fr-btn.fr-btn-hover, .gray-theme.fr-modal .fr-command.fr-btn.fr-btn-hover { border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .gray-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner, .gray-theme.fr-modal .fr-command.fr-btn::-moz-focus-inner { border: 0; } .gray-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text, .gray-theme.fr-popup .fr-command.fr-btn.fr-btn-text, .gray-theme.fr-modal .fr-command.fr-btn.fr-btn-text { width: auto; } .gray-theme.fr-toolbar .fr-command.fr-btn i, .gray-theme.fr-toolbar .fr-command.fr-btn svg, .gray-theme.fr-popup .fr-command.fr-btn i, .gray-theme.fr-popup .fr-command.fr-btn svg, .gray-theme.fr-modal .fr-command.fr-btn i, .gray-theme.fr-modal .fr-command.fr-btn svg { margin: 8px 7px; width: 24px; } .gray-theme.fr-toolbar .fr-command.fr-btn svg.fr-svg, .gray-theme.fr-popup .fr-command.fr-btn svg.fr-svg, .gray-theme.fr-modal .fr-command.fr-btn svg.fr-svg { height: 24px; } .gray-theme.fr-toolbar .fr-command.fr-btn svg path, .gray-theme.fr-popup .fr-command.fr-btn svg path, .gray-theme.fr-modal .fr-command.fr-btn svg path { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; fill: #37474F; } .gray-theme.fr-toolbar .fr-command.fr-btn span.fr-sr-only, .gray-theme.fr-popup .fr-command.fr-btn span.fr-sr-only, .gray-theme.fr-modal .fr-command.fr-btn span.fr-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .gray-theme.fr-toolbar .fr-command.fr-btn span, .gray-theme.fr-popup .fr-command.fr-btn span, .gray-theme.fr-modal .fr-command.fr-btn span { font-size: 14px; line-height: 17px; min-width: 30px; height: 17px; padding: 0 4px; } .gray-theme.fr-toolbar .fr-command.fr-btn img, .gray-theme.fr-popup .fr-command.fr-btn img, .gray-theme.fr-modal .fr-command.fr-btn img { margin: 8px 7px; width: 24px; } .gray-theme.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .gray-theme.fr-popup .fr-command.fr-btn.fr-btn-active-popup, .gray-theme.fr-modal .fr-command.fr-btn.fr-btn-active-popup { background: gainsboro; } .gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i, .gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span, .gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img, .gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown i, .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown span, .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown img, .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown svg, .gray-theme.fr-modal .fr-command.fr-btn.fr-dropdown i, .gray-theme.fr-modal .fr-command.fr-btn.fr-dropdown span, .gray-theme.fr-modal .fr-command.fr-btn.fr-dropdown img, .gray-theme.fr-modal .fr-command.fr-btn.fr-dropdown svg { margin-left: 3px; margin-right: 11px; } .gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown:after, .gray-theme.fr-modal .fr-command.fr-btn.fr-dropdown:after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #37474F; right: 2px; top: 18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .gray-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active { fill: #37474F; background: gainsboro; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; } .gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .gray-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover { background: #e8e8e8; fill: #37474F; } .gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .gray-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after { border-top-color: #37474F; } .gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .gray-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after { border-top: 0; border-bottom: 4px solid #37474F; } .gray-theme.fr-toolbar .fr-command.fr-btn.fr-disabled, .gray-theme.fr-popup .fr-command.fr-btn.fr-disabled, .gray-theme.fr-modal .fr-command.fr-btn.fr-disabled { color: #b7bdc0; -webkit-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .gray-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after, .gray-theme.fr-popup .fr-command.fr-btn.fr-disabled::after, .gray-theme.fr-modal .fr-command.fr-btn.fr-disabled::after { border-top-color: #b7bdc0; } .gray-theme.fr-toolbar .fr-tabs .fr-command.fr-btn, .gray-theme.fr-popup .fr-tabs .fr-command.fr-btn, .gray-theme.fr-modal .fr-tabs .fr-command.fr-btn { margin: 0; width: 46px; height: 40px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .gray-theme.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .gray-theme.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .gray-theme.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .gray-theme.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .gray-theme.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab { background: #F5F5F5; } .gray-theme.fr-toolbar .fr-tabs .fr-command.fr-btn span, .gray-theme.fr-popup .fr-tabs .fr-command.fr-btn span, .gray-theme.fr-modal .fr-tabs .fr-command.fr-btn span { height: 27px; } .gray-theme.fr-toolbar .fr-tabs .fr-command.fr-btn img, .gray-theme.fr-toolbar .fr-tabs .fr-command.fr-btn svg, .gray-theme.fr-popup .fr-tabs .fr-command.fr-btn img, .gray-theme.fr-popup .fr-tabs .fr-command.fr-btn svg, .gray-theme.fr-modal .fr-tabs .fr-command.fr-btn img, .gray-theme.fr-modal .fr-tabs .fr-command.fr-btn svg { margin: 8px 11px; width: 24px; height: 24px; } .gray-theme.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .gray-theme.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .gray-theme.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .gray-theme.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .gray-theme.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .gray-theme.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .gray-theme.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .gray-theme.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .gray-theme.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path { fill: #0097A7; } .gray-theme.fr-toolbar.fr-disabled .fr-btn, .gray-theme.fr-toolbar.fr-disabled .fr-btn.fr-active, .gray-theme.fr-popup.fr-disabled .fr-btn, .gray-theme.fr-popup.fr-disabled .fr-btn.fr-active, .gray-theme.fr-modal.fr-disabled .fr-btn, .gray-theme.fr-modal.fr-disabled .fr-btn.fr-active { color: #b7bdc0; -webkit-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .gray-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .gray-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .gray-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .gray-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .gray-theme.fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .gray-theme.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after { border-top-color: #b7bdc0; } .gray-theme.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .gray-theme.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .gray-theme.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .gray-theme.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .gray-theme.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .gray-theme.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options { border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .gray-theme.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .gray-theme.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .gray-theme.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .gray-theme.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .gray-theme.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover { border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .gray-theme.fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .gray-theme.fr-desktop .fr-command:hover, .gray-theme.fr-desktop .fr-command:focus, .gray-theme.fr-desktop .fr-command.fr-btn-hover, .gray-theme.fr-desktop .fr-command.fr-expanded { outline: 0; color: #37474F; } .gray-theme.fr-desktop .fr-command:hover:not(.fr-table-cell), .gray-theme.fr-desktop .fr-command:focus:not(.fr-table-cell), .gray-theme.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .gray-theme.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) { background: #e8e8e8; } .gray-theme.fr-desktop .fr-command:hover::after, .gray-theme.fr-desktop .fr-command:focus::after, .gray-theme.fr-desktop .fr-command.fr-btn-hover::after, .gray-theme.fr-desktop .fr-command.fr-expanded::after { border-top-color: #37474F; } .gray-theme.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .gray-theme.fr-desktop .fr-command:active { color: #37474F; background: gainsboro; } .gray-theme.fr-desktop .fr-command.fr-active:hover, .gray-theme.fr-desktop .fr-command.fr-active:focus, .gray-theme.fr-desktop .fr-command.fr-active.fr-btn-hover, .gray-theme.fr-desktop .fr-command.fr-active.fr-expanded { background: #e8e8e8; } .gray-theme.fr-desktop .fr-command.fr-active:active { background: gainsboro; } .gray-theme.fr-toolbar.fr-mobile .fr-command.fr-blink, .gray-theme.fr-popup.fr-mobile .fr-command.fr-blink { background: gainsboro; } .gray-theme .fr-command.fr-btn.fr-options { width: 16px; margin-left: -5px; } .gray-theme .fr-command.fr-btn.fr-options.fr-btn-hover, .gray-theme .fr-command.fr-btn.fr-options:hover, .gray-theme .fr-command.fr-btn.fr-options:focus { border-left: solid 1px #FAFAFA; -webkit-transition: border-left 0s, background-color 0.5s; -moz-transition: border-left 0s, background-color 0.5s; -ms-transition: border-left 0s, background-color 0.5s; -o-transition: border-left 0s, background-color 0.5s; } .gray-theme .fr-command.fr-btn + .fr-dropdown-menu { background: #F5F5F5; right: auto; bottom: auto; height: auto; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .gray-theme .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; height: auto; max-height: 275px; } .gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper { padding: 0; margin: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; margin-top: 0; height: 0; } .gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list { margin: 0; padding: 8px 0; min-width: 72px; } .gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li { padding: 0; margin: 0; font-size: 15px; } .gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a { padding: 0 20px; color: inherit; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg { width: 24px; height: 24px; margin: 3px 4px; } .gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path { fill: #37474F; } .gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active { background: gainsboro; } .gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled { color: #b7bdc0; } .gray-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu { -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .gray-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu { border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-modal { color: #37474F; font-family: Arial, Helvetica, sans-serif; overflow-x: auto; top: 0; left: 0; bottom: 0; right: 0; z-index: 2147483640; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gray-theme.fr-modal.fr-middle .fr-modal-wrapper { margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .gray-theme.fr-modal .fr-modal-wrapper { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 20px auto; background: #FFF; min-width: 300px; -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); border: 0; } @media (min-width: 768px) and (max-width: 991px) { .gray-theme.fr-modal .fr-modal-wrapper { margin: 30px auto; } } @media (min-width: 992px) { .gray-theme.fr-modal .fr-modal-wrapper { margin: 50px auto; } } .gray-theme.fr-modal .fr-modal-wrapper .fr-modal-head { background: #FFF; min-height: 42px; border-bottom: solid #efefef 1px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; } .gray-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line { height: 56px; padding: 0 10px; } .gray-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close { margin: 10px; top: 0; right: 0; } .gray-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 { font-size: 20px; padding: 19px 10px; margin: 0; font-weight: 400; line-height: 18px; } .gray-theme.fr-modal .fr-modal-wrapper div.fr-modal-body { min-height: 150px; padding-bottom: 20px; } .gray-theme.fr-modal .fr-modal-wrapper div.fr-modal-body:focus { outline: 0; } .gray-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command { height: 36px; color: #0097A7; padding: 10px; -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -ms-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .gray-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus { background: #e8e8e8; color: #0097A7; } .gray-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active { background: gainsboro; color: #0097A7; } .gray-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner { border: 0; } .gray-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover { background: #e8e8e8; } .gray-theme.fr-overlay { top: 0; bottom: 0; left: 0; right: 0; background: #000; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .gray-theme.fr-popup { color: #37474F; background: #F5F5F5; -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); font-family: Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; margin-top: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gray-theme.fr-popup .fr-icon { font-size: 20px; font-weight: 400; padding: 6px; } .gray-theme.fr-popup .fr-icon-container { padding: 20px; max-height: 200px; overflow: auto; } @supports not (-ms-high-contrast: none) { .gray-theme.fr-popup .fr-icon-container { grid-template-columns: repeat(auto-fill, minmax(36px, 36px)); } } @media (min-width: 768px) { .gray-theme.fr-popup .fr-icon-container { min-width: 276px; } } @media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) { .gray-theme.fr-popup .fr-icon-container { width: 236px; } } .gray-theme.fr-popup .fr-input-focus { background: #ebebeb; } .gray-theme.fr-popup.fr-above { border-top: 0; } .gray-theme.fr-popup.fr-hidden { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .gray-theme.fr-popup .fr-input-line { padding: 15px 0; } .gray-theme.fr-popup .fr-input-line input[type="text"], .gray-theme.fr-popup .fr-input-line textarea { margin-bottom: 1px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: solid 1px #999999; color: #37474F; font-size: 14px; background: #F5F5F5; padding: 4px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border 0.5s, padding 0.5s; -moz-transition: border 0.5s, padding 0.5s; -ms-transition: border 0.5s, padding 0.5s; -o-transition: border 0.5s, padding 0.5s; } .gray-theme.fr-popup .fr-input-line input[type="text"]:hover, .gray-theme.fr-popup .fr-input-line textarea:hover { border: solid 1px #515151; } .gray-theme.fr-popup .fr-input-line input[type="text"]:focus, .gray-theme.fr-popup .fr-input-line textarea:focus { border: solid 2px #0097A7; padding: 3px 11px; } .gray-theme.fr-popup .fr-input-line input[type="text"] { height: 46px; } .gray-theme.fr-popup .fr-input-line input + label, .gray-theme.fr-popup .fr-input-line textarea + label { top: 29px; left: 12px; font-size: 14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background: #F5F5F5; padding: 0; } .gray-theme.fr-popup .fr-input-line input.fr-not-empty + label, .gray-theme.fr-popup .fr-input-line textarea.fr-not-empty + label { color: gray; width: auto; left: 4px; padding: 0 4px; font-size: 11px; top: 9px; } .gray-theme.fr-popup input, .gray-theme.fr-popup textarea { user-select: text; -o-user-select: text; -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -ms-user-select: text; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-popup .fr-buttons { line-height: 0; } .gray-theme.fr-popup .fr-buttons .fr-btn { margin-left: 4px; margin-right: 4px; } .gray-theme.fr-popup .fr-buttons.fr-tabs { border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #cfcfcf; } @media (max-width: 768px) { .gray-theme.fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll { width: 276px; } } .gray-theme.fr-popup .fr-buttons:not(.fr-tabs) { padding: 5px; } .gray-theme.fr-popup .fr-layer { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 195px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 20px; } @media (min-width: 768px) { .gray-theme.fr-popup .fr-layer { width: 260px; } } .gray-theme.fr-popup .fr-action-buttons { height: 36px; } .gray-theme.fr-popup .fr-action-buttons button.fr-command { height: 36px; color: #0097A7; padding: 10px; font-size: 16px; -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -ms-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-popup .fr-action-buttons button.fr-command:hover, .gray-theme.fr-popup .fr-action-buttons button.fr-command:focus { background: #e8e8e8; color: #0097A7; } .gray-theme.fr-popup .fr-action-buttons button.fr-command:active { background: gainsboro; color: #0097A7; } .gray-theme.fr-popup .fr-action-buttons button::-moz-focus-inner { border: 0; } .gray-theme.fr-popup .fr-checkbox { width: 18px; height: 18px; padding: 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .gray-theme.fr-popup .fr-checkbox svg { margin-left: 2px; margin-top: 2px; width: 10px; height: 10px; } .gray-theme.fr-popup .fr-checkbox span { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 18px; height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } .gray-theme.fr-popup .fr-checkbox input { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; height: 18px; margin: 0; padding: 0; width: 18px; } .gray-theme.fr-popup .fr-checkbox input:not(:checked) + span { border: solid 2px #999999; } .gray-theme.fr-popup .fr-checkbox input:not(:checked):active + span { background-color: #f5f5f5; } .gray-theme.fr-popup .fr-checkbox input:not(:checked):focus + span, .gray-theme.fr-popup .fr-checkbox input:not(:checked):hover + span { border-color: #515151; } .gray-theme.fr-popup .fr-checkbox input:checked + span { background: #0097A7; border: solid 2px #0097A7; } .gray-theme.fr-popup .fr-checkbox input:checked:active + span { background-color: #EcF5Ff; } .gray-theme.fr-popup .fr-checkbox input:checked:focus + span, .gray-theme.fr-popup .fr-checkbox input:checked:hover + span { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .gray-theme.fr-popup .fr-checkbox-line { font-size: 14px; line-height: 1.4px; margin-top: 10px; } .gray-theme.fr-popup .fr-checkbox-line label { margin: 0 5px; } .gray-theme.fr-popup.fr-rtl .fr-input-line input + label, .gray-theme.fr-popup.fr-rtl .fr-input-line textarea + label { left: auto; right: 0; } .gray-theme .fr-text-edit-layer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gray-theme.fr-toolbar { color: #37474F; background: #F5F5F5; font-family: Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #CCCCCC; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-bottom: 0; -webkit-transition: padding-bottom 0.5s; -moz-transition: padding-bottom 0.5s; -ms-transition: padding-bottom 0.5s; -o-transition: padding-bottom 0.5s; } .gray-theme.fr-toolbar::after { clear: both; display: block; content: ""; height: 0; } .gray-theme.fr-toolbar::after { height: 0; } .gray-theme.fr-toolbar .fr-newline { margin-left: 9px; margin-right: 9px; background: #efefef; height: 1px; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s; } .gray-theme.fr-toolbar.fr-toolbar-open { padding-bottom: 48px; } .gray-theme.fr-toolbar.fr-toolbar-open .fr-newline { height: 0; } .gray-theme.fr-toolbar .fr-more-toolbar { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #cfcfcf; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s; height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gray-theme.fr-toolbar .fr-more-toolbar.fr-expanded { height: 48px; } .gray-theme.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn { margin-left: 4px; margin-right: 4px; } .gray-theme.fr-toolbar .fr-btn-grp { margin: 0 17px 0 12px; } @media (max-width: 768px) { .gray-theme.fr-toolbar .fr-btn-grp { margin: 0 7px 0 6px; } } .gray-theme.fr-toolbar .fr-command.fr-btn.fr-open { margin-top: 10px; margin-bottom: -1px; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) { background: #cfcfcf; } .gray-theme.fr-toolbar.fr-inline { -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); border: 0; z-index: 2147483630; } .gray-theme.fr-toolbar.fr-inline.fr-above { border-top: 0; } .gray-theme.fr-toolbar.fr-inline .fr-newline { height: 0; } .gray-theme.fr-toolbar.fr-top { top: 0; border-bottom: 0; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-toolbar.fr-bottom { bottom: 0; border-top: 0; padding-bottom: 0; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-toolbar.fr-bottom .fr-newline { padding-top: 0; -webkit-transition: padding-top 0.5s; -moz-transition: padding-top 0.5s; -ms-transition: padding-top 0.5s; -o-transition: padding-top 0.5s; } .gray-theme.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline { padding-top: 48px; background: #FFF; } .gray-theme.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open { margin-top: -1px; margin-bottom: 10px; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme.fr-toolbar.fr-sticky-on { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme .fr-separator { background: #ebebeb; } .gray-theme .fr-separator.fr-vs { height: 32px; width: 1px; margin: 4px; } .gray-theme .fr-separator.fr-hs { width: calc(100% - (2 * 4px)); margin: 0 4px; } .gray-theme .second-toolbar { border: 1px solid #CCCCCC; border-top: 0; background: #FFF; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gray-theme .second-toolbar::after { clear: both; display: block; content: ""; height: 0; } .gray-theme #logo > span { padding: 11px 5px 10px 15px; font-size: 12px; font-weight: 500; color: #b1b2b7; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; } .gray-theme #logo > svg { height: 20px; width: 47px; margin: 7px 0; } .gray-theme #logo > svg * { -webkit-transition: fill 0.3s; -moz-transition: fill 0.3s; -ms-transition: fill 0.3s; -o-transition: fill 0.3s; } .gray-theme #logo:hover > span, .gray-theme #logo:focus > span { color: #0097A7; } .gray-theme #logo:hover > svg .fr-logo, .gray-theme #logo:focus > svg .fr-logo { fill: #0097A7; }