.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//croat.ca/core/assets/croat/includes/owl/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.sun-editor {
width: auto;
height: auto;
box-sizing: border-box;
font-family: Helvetica Neue, sans-serif;
border: 1px solid #dadada;
text-align: left;
background-color: #fff;
color: #000;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.sun-editor * {
box-sizing: border-box;
-webkit-user-drag: none;
overflow: visible;
}
.sun-editor-common button,
.sun-editor-common input,
.sun-editor-common select,
.sun-editor-common textarea {
font-size: 14px;
line-height: 1.5;
}
.sun-editor-common blockquote,
.sun-editor-common body,
.sun-editor-common button,
.sun-editor-common code,
.sun-editor-common dd,
.sun-editor-common div,
.sun-editor-common dl,
.sun-editor-common dt,
.sun-editor-common fieldset,
.sun-editor-common form,
.sun-editor-common h1,
.sun-editor-common h2,
.sun-editor-common h3,
.sun-editor-common h4,
.sun-editor-common h5,
.sun-editor-common h6,
.sun-editor-common input,
.sun-editor-common legend,
.sun-editor-common li,
.sun-editor-common ol,
.sun-editor-common p,
.sun-editor-common pre,
.sun-editor-common select,
.sun-editor-common td,
.sun-editor-common textarea,
.sun-editor-common th,
.sun-editor-common ul {
margin: 0;
padding: 0;
border: 0;
}
.sun-editor-common dl,
.sun-editor-common li,
.sun-editor-common menu,
.sun-editor-common ol,
.sun-editor-common ul {
list-style: none !important;
}
.sun-editor-common hr {
margin: 6px 0 !important;
}
.sun-editor textarea {
resize: none;
border: 0;
padding: 0;
}
.sun-editor button {
border: 0;
background-color: transparent;
touch-action: manipulation;
cursor: pointer;
outline: none;
}
.sun-editor button,
.sun-editor input,
.sun-editor select,
.sun-editor textarea {
vertical-align: middle;
}
.sun-editor button span {
display: block;
margin: 0;
padding: 0;
}
.sun-editor button .txt {
display: block;
margin-top: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sun-editor button * {
pointer-events: none;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
.sun-editor .se-svg,
.sun-editor button > svg {
width: 16px;
height: 16px;
margin: auto;
fill: currentColor;
display: block;
text-align: center;
float: none;
}
.sun-editor .close > svg,
.sun-editor .se-dialog-close > svg {
width: 10px;
height: 10px;
}
.sun-editor .se-btn-select > svg {
float: right;
width: 10px;
height: 10px;
}
.sun-editor .se-btn-list > .se-list-icon {
display: inline-block;
width: 16px;
height: 16px;
margin: -1px 10px 0 0;
vertical-align: middle;
}
.sun-editor .se-line-breaker > button > svg {
width: 24px;
height: 24px;
}
.sun-editor button > i:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-size: 15px;
line-height: 2;
}
.sun-editor button > [class="se-icon-text"] {
font-size: 20px;
line-height: 1;
}
.sun-editor .se-arrow,
.sun-editor .se-arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border: 11px solid transparent;
}
.sun-editor .se-arrow.se-arrow-up {
top: -11px;
left: 20px;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.sun-editor .se-arrow.se-arrow-up:after {
top: 1px;
margin-left: -11px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.sun-editor .se-toolbar .se-arrow.se-arrow-up:after {
border-bottom-color: #fafafa;
}
.sun-editor .se-arrow.se-arrow-down {
top: 0;
left: 0;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
.sun-editor .se-arrow.se-arrow-down:after {
top: -12px;
margin-left: -11px;
content: " ";
border-bottom-width: 0;
border-top-color: #fff;
}
.sun-editor .se-toolbar .se-arrow.se-arrow-down:after {
border-top-color: #fafafa;
}
.sun-editor .se-container {
position: relative;
width: 100%;
height: 100%;
}
.sun-editor button {
color: #000;
}
.sun-editor .se-btn {
float: left;
width: 34px;
height: 34px;
border: 0;
border-radius: 4px;
margin: 1px !important;
padding: 0;
font-size: 12px;
line-height: 27px;
}
.sun-editor .se-btn:enabled:focus,
.sun-editor .se-btn:enabled:hover {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none;
}
.sun-editor .se-btn:enabled:active {
background-color: #d1d1d1;
border-color: #c1c1c1;
-webkit-box-shadow: inset 0 3px 5px #c1c1c1;
box-shadow: inset 0 3px 5px #c1c1c1;
}
.sun-editor .se-btn-primary {
color: #000;
background-color: #c7deff;
border: 1px solid #80bdff;
border-radius: 4px;
}
.sun-editor .se-btn-primary:focus,
.sun-editor .se-btn-primary:hover {
color: #000;
background-color: #80bdff;
border-color: #3f9dff;
outline: 0 none;
}
.sun-editor .se-btn-primary:active {
color: #fff;
background-color: #3f9dff;
border-color: #4592ff;
-webkit-box-shadow: inset 0 3px 5px #4592ff;
box-shadow: inset 0 3px 5px #4592ff;
}
.sun-editor input,
.sun-editor select,
.sun-editor textarea {
color: #000;
border: 1px solid #ccc;
border-radius: 4px;
}
.sun-editor input:focus,
.sun-editor select:focus,
.sun-editor textarea:focus {
border: 1px solid #80bdff;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem #c7deff;
box-shadow: 0 0 0 0.2rem #c7deff;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.sun-editor .se-btn:enabled.active {
color: #4592ff;
outline: 0 none;
}
.sun-editor .se-btn:enabled.active:focus,
.sun-editor .se-btn:enabled.active:hover {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none;
}
.sun-editor .se-btn:enabled.active:active {
background-color: #d1d1d1;
border-color: #c1c1c1;
-webkit-box-shadow: inset 0 3px 5px #c1c1c1;
box-shadow: inset 0 3px 5px #c1c1c1;
}
.sun-editor .se-btn:enabled.on {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none;
}
.sun-editor .se-btn:enabled.on:focus,
.sun-editor .se-btn:enabled.on:hover {
background-color: #d1d1d1;
border-color: #c1c1c1;
outline: 0 none;
}
.sun-editor .se-btn:enabled.on:active {
background-color: #c1c1c1;
border-color: #b1b1b1;
-webkit-box-shadow: inset 0 3px 5px #b1b1b1;
box-shadow: inset 0 3px 5px #b1b1b1;
}
.sun-editor .se-btn-list:disabled,
.sun-editor .se-btn:disabled,
.sun-editor button:disabled {
cursor: not-allowed;
background-color: inherit;
color: #bdbdbd;
}
.sun-editor .se-loading-box {
position: absolute;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
opacity: 0.7;
filter: alpha(opacity=70);
z-index: 2147483647;
}
.sun-editor .se-loading-box .se-loading-effect {
position: absolute;
display: block;
top: 50%;
left: 50%;
height: 25px;
width: 25px;
border-top: 2px solid #07d;
border-right: 2px solid transparent;
border-radius: 50%;
animation: spinner 0.8s linear infinite;
margin: -25px 0 0 -25px;
}
.sun-editor .se-line-breaker {
position: absolute;
display: none;
width: 100%;
height: 1px;
cursor: text;
border-top: 1px solid #3288ff;
z-index: 7;
}
.sun-editor .se-line-breaker > button.se-btn {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
top: -15px;
float: none;
left: -50%;
background-color: #fff;
border: 1px solid #0c2240;
opacity: 0.6;
cursor: pointer;
}
.sun-editor .se-line-breaker > button.se-btn:hover {
opacity: 0.9;
background-color: #fff;
border-color: #041b39;
}
.sun-editor .se-line-breaker-component {
position: absolute;
display: none;
width: 24px;
height: 24px;
background-color: #fff;
border: 1px solid #0c2240;
opacity: 0.6;
border-radius: 4px;
cursor: pointer;
z-index: 7;
}
.sun-editor .se-line-breaker-component:hover {
opacity: 0.9;
}
.sun-editor .se-toolbar {
display: block;
position: relative;
height: auto;
width: 100%;
overflow: visible;
padding: 4px 3px 0;
margin: 0;
background-color: #fafafa;
outline: 1px solid #dadada;
z-index: 5;
}
.sun-editor .se-toolbar-cover {
position: absolute;
display: none;
font-size: 36px;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fefefe;
opacity: 0.5;
filter: alpha(opacity=50);
cursor: not-allowed;
z-index: 4;
}
.sun-editor .se-toolbar-separator-vertical {
display: inline-block;
height: 0;
width: 0;
margin: 1px;
vertical-align: top;
}
.sun-editor .se-toolbar.se-toolbar-balloon,
.sun-editor .se-toolbar.se-toolbar-inline {
display: none;
position: absolute;
z-index: 2147483647;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.sun-editor .se-toolbar.se-toolbar-balloon {
width: auto;
}
.sun-editor .se-toolbar.se-toolbar-sticky {
position: fixed;
top: 0;
}
.sun-editor .se-toolbar-sticky-dummy {
display: none;
position: static;
z-index: -1;
}
.sun-editor .se-btn-module {
display: inline-block;
}
.sun-editor .se-btn-module-border {
border: 1px solid #dadada;
border-radius: 4px;
}
.sun-editor .se-btn-module-enter {
display: block;
width: 100%;
height: 1px;
margin-bottom: 5px;
background-color: transparent;
}
.sun-editor .se-toolbar-more-layer {
margin: 0 -3px;
background-color: #f3f3f3;
}
.sun-editor .se-toolbar-more-layer .se-more-layer {
display: none;
border-top: 1px solid #dadada;
}
.sun-editor .se-toolbar-more-layer .se-more-layer .se-more-form {
display: inline-block;
width: 100%;
height: auto;
padding: 4px 3px 0;
}
.sun-editor .se-btn-module .se-btn-more.se-btn-more-text {
width: auto;
padding: 0 4px;
}
.sun-editor .se-btn-module .se-btn-more:focus,
.sun-editor .se-btn-module .se-btn-more:hover {
color: #000;
background-color: #d1d1d1;
border-color: #c1c1c1;
outline: 0 none;
}
.sun-editor .se-btn-module .se-btn-more.on {
color: #333;
background-color: #d1d1d1;
border-color: #c1c1c1;
outline: 0 none;
}
.sun-editor .se-btn-module .se-btn-more.on:hover {
color: #000;
background-color: #c1c1c1;
border-color: #b1b1b1;
outline: 0 none;
}
.sun-editor .se-menu-list,
.sun-editor .se-menu-list li {
float: left;
padding: 0;
margin: 0;
}
.sun-editor .se-menu-list li {
position: relative;
}
.sun-editor .se-btn-select {
width: auto;
display: flex;
text-align: left;
padding: 4px 6px;
}
.sun-editor .se-btn-select .txt {
flex: auto;
float: left;
text-align: left;
}
.sun-editor .se-btn-select.se-btn-tool-font {
width: 100px;
}
.sun-editor .se-btn-select.se-btn-tool-format,
.sun-editor .se-btn-select.se-btn-tool-size {
width: 80px;
}
.sun-editor .se-btn-tray {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.sun-editor .se-menu-tray {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
}
.sun-editor .se-submenu {
overflow-x: hidden;
overflow-y: auto;
}
.sun-editor .se-list-layer {
display: none;
position: absolute;
top: 0;
left: 0;
height: auto;
z-index: 5;
border: 1px solid #bababa;
border-radius: 4px;
padding: 6px 0;
background-color: #fff;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
outline: 0 none;
}
.sun-editor .se-list-layer .se-list-inner {
padding: 0;
margin: 0;
overflow-x: initial;
overflow-y: initial;
overflow: visible;
}
.sun-editor .se-list-layer button {
margin: 0;
width: 100%;
}
.sun-editor .se-list-inner .se-list-basic {
width: 100%;
padding: 0;
}
.sun-editor .se-list-inner .se-list-basic li {
width: 100%;
}
.sun-editor .se-list-inner .se-list-basic li > button {
min-width: 100%;
width: max-content;
}
.sun-editor .se-list-inner .se-list-basic li button.active {
background-color: #80bdff;
border: 1px solid #3f9dff;
border-left: 0;
border-right: 0;
}
.sun-editor .se-list-inner .se-list-basic li button.active:hover {
background-color: #3f9dff;
border: 1px solid #4592ff;
border-left: 0;
border-right: 0;
}
.sun-editor .se-list-inner .se-list-basic li button.active:active {
background-color: #4592ff;
border: 1px solid #407dd1;
border-left: 0;
border-right: 0;
-webkit-box-shadow: inset 0 3px 5px #407dd1;
box-shadow: inset 0 3px 5px #407dd1;
}
.sun-editor .se-btn-list {
width: 100%;
height: auto;
min-height: 32px;
padding: 0 14px;
cursor: pointer;
font-size: 12px;
line-height: normal;
text-indent: 0;
text-decoration: none;
text-align: left;
}
.sun-editor .se-btn-list.default_value {
background-color: #f3f3f3;
border-top: 1px dotted #b1b1b1;
border-bottom: 1px dotted #b1b1b1;
}
.sun-editor .se-btn-list:focus,
.sun-editor .se-btn-list:hover {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none;
}
.sun-editor .se-btn-list:active {
background-color: #d1d1d1;
border-color: #c1c1c1;
-webkit-box-shadow: inset 0 3px 5px #c1c1c1;
box-shadow: inset 0 3px 5px #c1c1c1;
}
.sun-editor .se-list-layer.se-list-font-size {
min-width: 140px;
max-height: 300px;
}
.sun-editor .se-list-layer.se-list-font-family {
min-width: 156px;
}
.sun-editor .se-list-layer.se-list-font-family .default {
border-bottom: 1px solid #ccc;
}
.sun-editor .se-list-layer.se-list-line {
width: 125px;
}
.sun-editor .se-list-layer.se-list-align .se-list-inner {
left: 9px;
width: 125px;
}
.sun-editor .se-list-layer.se-list-format {
min-width: 156px;
}
.sun-editor .se-list-layer.se-list-format li {
padding: 0;
width: 100%;
}
.sun-editor .se-list-layer.se-list-format ul .se-btn-list {
line-height: 100%;
}
.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value="h1"] {
height: 40px;
}
.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value="h2"] {
height: 34px;
}
.sun-editor .se-list-layer.se-list-format ul p {
font-size: 13px;
}
.sun-editor .se-list-layer.se-list-format ul div {
font-size: 13px;
padding: 4px 2px;
}
.sun-editor .se-list-layer.se-list-format ul h1 {
font-size: 2em;
font-weight: 700;
color: #333;
}
.sun-editor .se-list-layer.se-list-format ul h2 {
font-size: 1.5em;
font-weight: 700;
color: #333;
}
.sun-editor .se-list-layer.se-list-format ul h3 {
font-size: 1.17em;
font-weight: 700;
color: #333;
}
.sun-editor .se-list-layer.se-list-format ul h4 {
font-size: 1em;
font-weight: 700;
color: #333;
}
.sun-editor .se-list-layer.se-list-format ul h5 {
font-size: 0.83em;
font-weight: 700;
color: #333;
}
.sun-editor .se-list-layer.se-list-format ul h6 {
font-size: 0.67em;
font-weight: 700;
color: #333;
}
.sun-editor .se-list-layer.se-list-format ul blockquote {
font-size: 13px;
color: #999;
height: 22px;
margin: 0;
background-color: transparent;
line-height: 1.5;
border-color: #b1b1b1;
padding: 0 0 0 7px;
border-left: 5px #b1b1b1;
border-style: solid;
}
.sun-editor .se-list-layer.se-list-format ul pre {
font-size: 13px;
color: #666;
padding: 4px 11px;
margin: 0;
background-color: #f9f9f9;
border: 1px solid #e1e1e1;
border-radius: 4px;
}
.sun-editor .se-selector-table {
display: none;
position: absolute;
top: 34px;
left: 1px;
z-index: 5;
padding: 5px 0;
float: left;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.sun-editor .se-selector-table .se-table-size {
font-size: 18px;
padding: 0 5px;
}
.sun-editor .se-selector-table .se-table-size-picker {
position: absolute !important;
z-index: 3;
font-size: 18px;
width: 10em;
height: 10em;
cursor: pointer;
}
.sun-editor .se-selector-table .se-table-size-highlighted {
position: absolute !important;
z-index: 2;
font-size: 18px;
width: 1em;
height: 1em;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTZCNzMzN0I3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTZCNzMzNkI3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzYyNEUxRUI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzYyNEUxRkI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0yAuwAAABBSURBVDhPY/wPBAxUAGCDGvdBeWSAeicIDTfIXREiQArYeR9hEBOEohyMGkQYjBpEGAxjg6ib+yFMygCVvMbAAABj0hwMTNeKJwAAAABJRU5ErkJggg==)
repeat;
}
.sun-editor .se-selector-table .se-table-size-unhighlighted {
position: relative !important;
z-index: 1;
font-size: 18px;
width: 10em;
height: 10em;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
repeat;
}
.sun-editor .se-selector-table .se-table-size-display {
padding-left: 5px;
}
.sun-editor .se-list-layer .se-selector-color {
display: flex;
width: max-content;
max-width: 270px;
height: auto;
padding: 0;
margin: auto;
}
.sun-editor .se-list-layer .se-selector-color .se-color-pallet {
width: 100%;
height: 100%;
padding: 0;
}
.sun-editor .se-list-layer .se-selector-color .se-color-pallet li {
display: flex;
float: left;
position: relative;
margin: 0;
}
.sun-editor .se-list-layer .se-selector-color .se-color-pallet button {
display: block;
cursor: default;
width: 30px;
height: 30px;
text-indent: -9999px;
}
.sun-editor .se-list-layer .se-selector-color .se-color-pallet button.active,
.sun-editor .se-list-layer .se-selector-color .se-color-pallet button:focus,
.sun-editor .se-list-layer .se-selector-color .se-color-pallet button:hover {
border: 3px solid #fff;
}
.sun-editor .se-submenu-form-group {
display: flex;
width: 100%;
height: auto;
padding: 4px;
}
.sun-editor .se-submenu-form-group input {
flex: auto;
display: inline-block;
width: auto;
height: 33px;
color: #555;
font-size: 12px;
margin: 1px 0;
padding: 0;
border-radius: 0.25rem;
border: 1px solid #ccc;
}
.sun-editor .se-submenu-form-group button {
float: right;
width: 34px;
height: 34px;
margin: 0 0 0 4px !important;
}
.sun-editor .se-submenu-form-group button.se-btn {
border: 1px solid #ccc;
}
.sun-editor .se-submenu-form-group > div {
position: relative;
}
.sun-editor .se-submenu-form-group .se-color-input {
width: 72px;
text-transform: uppercase;
border: none;
border-bottom: 2px solid #b1b1b1;
outline: none;
}
.sun-editor .se-submenu-form-group .se-color-input:focus {
border-bottom: 3px solid #b1b1b1;
}
.sun-editor .se-wrapper {
position: relative !important;
width: 100%;
height: auto;
overflow: hidden;
z-index: 1;
}
.sun-editor .se-wrapper .se-wrapper-inner {
width: 100%;
height: 100%;
min-height: 65px;
overflow-y: auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
user-select: text;
-o-user-select: text;
-moz-user-select: text;
-khtml-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
}
.sun-editor .se-wrapper .se-wrapper-inner:focus {
outline: none;
}
.sun-editor .se-wrapper .se-wrapper-code {
background-color: #191919;
color: #fff;
font-size: 13px;
word-break: break-all;
padding: 4px;
margin: 0;
resize: none !important;
}
.sun-editor .se-wrapper .se-wrapper-wysiwyg {
background-color: #fff;
display: block;
}
.sun-editor .se-wrapper .se-wrapper-code-mirror {
font-size: 13px;
}
.sun-editor .se-wrapper .se-placeholder {
position: absolute;
display: none;
white-space: nowrap;
text-overflow: ellipsis;
z-index: 1;
color: #b1b1b1;
font-size: 13px;
line-height: 1.5;
top: 0;
left: 0;
right: 0;
overflow: hidden;
margin-top: 0;
padding-top: 16px;
padding-left: 16px;
margin-left: 0;
padding-right: 16px;
margin-right: 0;
pointer-events: none;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
.sun-editor .se-resizing-bar {
display: flex;
width: auto;
height: auto;
min-height: 16px;
border-top: 1px solid #dadada;
padding: 0 4px;
background-color: #fafafa;
cursor: ns-resize;
}
.sun-editor .se-resizing-bar.se-resizing-none {
cursor: default;
}
.sun-editor .se-resizing-back {
position: absolute;
display: none;
cursor: default;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2147483647;
}
.sun-editor .se-resizing-bar .se-navigation {
flex: auto;
position: relative;
width: auto;
height: auto;
color: #666;
margin: 0;
padding: 0;
font-size: 10px;
font-weight: 700;
line-height: 1.5;
background: transparent;
}
.sun-editor .se-resizing-bar .se-char-counter-wrapper {
flex: none;
position: relative;
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
color: #999;
font-size: 13px;
background: transparent;
}
.sun-editor .se-resizing-bar .se-char-counter-wrapper.se-blink {
color: #b94a48;
animation: blinker 0.2s linear infinite;
}
.sun-editor .se-resizing-bar .se-char-counter-wrapper .se-char-label {
margin-right: 4px;
}
.sun-editor .se-dialog {
position: absolute;
display: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2147483647;
}
.sun-editor .se-dialog button,
.sun-editor .se-dialog input,
.sun-editor .se-dialog label {
font-size: 14px;
line-height: 1.5;
color: #111;
margin: 0;
}
.sun-editor .se-dialog .se-dialog-back {
background-color: #222;
opacity: 0.5;
}
.sun-editor .se-dialog .se-dialog-back,
.sun-editor .se-dialog .se-dialog-inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content {
position: relative;
width: auto;
max-width: 500px;
margin: 20px auto;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 509px) {
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content {
width: 100%;
}
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content .se-btn-primary {
display: inline-block;
padding: 6px 12px;
margin: 0 0 10px !important;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
border-radius: 4px;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-header {
height: 50px;
padding: 6px 15px;
border-bottom: 1px solid #e5e5e5;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close {
float: right;
font-weight: 700;
text-shadow: 0 1px 0 #fff;
-webkit-appearance: none;
filter: alpha(opacity=100);
opacity: 1;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title {
font-size: 14px;
font-weight: 700;
margin: 0;
padding: 0;
line-height: 2.5;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-body {
position: relative;
padding: 15px;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form {
margin-bottom: 10px;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer {
margin-top: 10px;
margin-bottom: 0;
}
.sun-editor .se-dialog .se-dialog-inner input:disabled {
background-color: #f3f3f3;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text {
width: 100%;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-h,
.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-w {
width: 70px;
text-align: center;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-x {
margin: 0 8px;
width: 25px;
text-align: center;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer {
padding: 10px 15px 0;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer > div {
float: left;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer > div > label {
margin-top: 5px;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-radio {
margin-left: 12px;
margin-right: 6px;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-check {
margin-left: 12px;
margin-right: 4px;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer .se-dialog-btn-check {
margin-left: 0;
margin-right: 4px;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files {
position: relative;
display: flex;
align-items: center;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files > input {
flex: auto;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button {
flex: auto;
opacity: 0.8;
border: 1px solid #ccc;
}
.sun-editor
.se-dialog
.se-dialog-inner
.se-dialog-form
.se-dialog-form-files
.se-dialog-files-edge-button.se-file-remove
> svg {
width: 8px;
height: 8px;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:hover {
background-color: #f0f0f0;
outline: 0 none;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:active {
background-color: #e9e9e9;
-webkit-box-shadow: inset 0 3px 5px #d6d6d6;
box-shadow: inset 0 3px 5px #d6d6d6;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select {
display: inline-block;
width: auto;
height: 34px;
font-size: 14px;
text-align: center;
line-height: 1.42857143;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-control {
display: inline-block;
width: 70px;
height: 34px;
font-size: 14px;
text-align: center;
line-height: 1.42857143;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form {
display: block;
width: 100%;
height: 34px;
font-size: 14px;
line-height: 1.42857143;
padding: 0 4px;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url:disabled {
text-decoration: line-through;
color: #999;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-video-ratio {
width: 70px;
margin-left: 4px;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form a {
color: #004cff;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert {
border: 1px solid #ccc;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:hover {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:active {
background-color: #d1d1d1;
border-color: #c1c1c1;
-webkit-box-shadow: inset 0 3px 5px #c1c1c1;
box-shadow: inset 0 3px 5px #c1c1c1;
}
.sun-editor .se-dialog-tabs {
width: 100%;
height: 25px;
border-bottom: 1px solid #e5e5e5;
}
.sun-editor .se-dialog-tabs button {
background-color: #e5e5e5;
border-right: 1px solid #e5e5e5;
float: left;
outline: none;
padding: 2px 13px;
transition: 0.3s;
}
.sun-editor .se-dialog-tabs button:hover {
background-color: #fff;
}
.sun-editor .se-dialog-tabs button.active {
background-color: #fff;
border-bottom: 0;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-math-exp {
resize: vertical;
height: 4rem;
border: 1px solid #ccc;
font-size: 13px;
padding: 4px;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select.se-math-size {
width: 6em;
height: 28px;
margin-left: 1em;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview {
font-size: 13px;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview > span {
display: inline-block;
-webkit-box-shadow: 0 0 0 0.1rem #c7deff;
box-shadow: 0 0 0 0.1rem #c7deff;
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-link-preview {
display: block;
height: auto;
max-height: 18px;
margin: 4px 0 0 4px;
font-size: 13px;
font-weight: 400;
font-family: inherit;
color: #666;
background-color: transparent;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
white-space: pre;
}
.sun-editor .se-controller .se-arrow.se-arrow-up {
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.sun-editor .se-controller {
position: absolute;
display: none;
overflow: visible;
z-index: 6;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 4px;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
line-break: auto;
}
.sun-editor .se-controller .se-btn-group {
position: relative;
display: flex;
vertical-align: middle;
padding: 2px;
top: 0;
left: 0;
}
.sun-editor .se-controller .se-btn-group .se-btn-group-sub {
left: 50%;
min-width: auto;
width: max-content;
display: none;
}
.sun-editor .se-controller .se-btn-group .se-btn-group-sub button {
margin: 0;
min-width: 72px;
}
.sun-editor .se-controller .se-btn-group button {
position: relative;
min-height: 34px;
height: auto;
border: none;
border-radius: 4px;
margin: 1px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
.sun-editor .se-controller .se-btn-group button:focus:enabled,
.sun-editor .se-controller .se-btn-group button:hover:enabled {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none;
}
.sun-editor .se-controller .se-btn-group button:active:enabled {
background-color: #d1d1d1;
border-color: #c1c1c1;
-webkit-box-shadow: inset 0 3px 5px #c1c1c1;
box-shadow: inset 0 3px 5px #c1c1c1;
}
.sun-editor .se-controller .se-btn-group button span {
display: block;
padding: 0;
margin: 0;
}
.sun-editor .se-controller .se-btn-group button:enabled.active {
color: #4592ff;
outline: 0 none;
}
.sun-editor .se-controller .se-btn-group button:enabled.active:focus,
.sun-editor .se-controller .se-btn-group button:enabled.active:hover {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none;
}
.sun-editor .se-controller .se-btn-group button:enabled.active:active {
background-color: #d1d1d1;
border-color: #c1c1c1;
-webkit-box-shadow: inset 0 3px 5px #c1c1c1;
box-shadow: inset 0 3px 5px #c1c1c1;
}
.sun-editor .se-controller .se-btn-group button:enabled.on {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none;
}
.sun-editor .se-controller .se-btn-group button:enabled.on:focus,
.sun-editor .se-controller .se-btn-group button:enabled.on:hover {
background-color: #d1d1d1;
border-color: #c1c1c1;
outline: 0 none;
}
.sun-editor .se-controller .se-btn-group button:enabled.on:active {
background-color: #c1c1c1;
border-color: #b1b1b1;
-webkit-box-shadow: inset 0 3px 5px #b1b1b1;
box-shadow: inset 0 3px 5px #b1b1b1;
}
.sun-editor .se-controller-resizing {
margin-top: -50px !important;
padding: 0;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
}
.sun-editor .se-controller-resizing .se-btn-group .se-btn-group-sub.se-resizing-align-list {
left: 57px;
width: 74px;
}
.sun-editor .se-resizing-container {
position: absolute;
display: none;
outline: 1px solid #3f9dff;
background-color: transparent;
}
.sun-editor .se-resizing-container .se-modal-resize {
position: absolute;
display: inline-block;
background-color: #3f9dff;
opacity: 0.3;
}
.sun-editor .se-resizing-container .se-resize-dot {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sun-editor .se-resizing-container .se-resize-dot > span {
position: absolute;
width: 7px;
height: 7px;
background-color: #3f9dff;
border: 1px solid #4592ff;
}
.sun-editor .se-resizing-container .se-resize-dot > span.tl {
top: -5px;
left: -5px;
cursor: nw-resize;
}
.sun-editor .se-resizing-container .se-resize-dot > span.tr {
top: -5px;
right: -5px;
cursor: ne-resize;
}
.sun-editor .se-resizing-container .se-resize-dot > span.bl {
bottom: -5px;
left: -5px;
cursor: sw-resize;
}
.sun-editor .se-resizing-container .se-resize-dot > span.br {
right: -5px;
bottom: -5px;
cursor: se-resize;
}
.sun-editor .se-resizing-container .se-resize-dot > span.lw {
left: -7px;
bottom: 50%;
cursor: w-resize;
}
.sun-editor .se-resizing-container .se-resize-dot > span.th {
left: 50%;
top: -7px;
cursor: n-resize;
}
.sun-editor .se-resizing-container .se-resize-dot > span.rw {
right: -7px;
bottom: 50%;
cursor: e-resize;
}
.sun-editor .se-resizing-container .se-resize-dot > span.bh {
right: 50%;
bottom: -7px;
cursor: s-resize;
}
.sun-editor .se-resizing-container .se-resize-display {
position: absolute;
right: 0;
bottom: 0;
padding: 5px;
margin: 5px;
font-size: 12px;
color: #fff;
background-color: #333;
border-radius: 4px;
}
.sun-editor .se-controller-table,
.sun-editor .se-controller-table-cell {
width: auto;
}
.sun-editor .se-controller-link,
.sun-editor .se-controller-table,
.sun-editor .se-controller-table-cell {
padding: 0;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
}
.sun-editor .se-controller-link:after,
.sun-editor .se-controller-link:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sun-editor .se-controller-link .link-content {
padding: 0;
margin: 0;
}
.sun-editor .se-controller-link .link-content a {
display: inline-block;
color: #4592ff;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
margin-left: 5px;
}
.sun-editor .se-file-browser {
position: absolute;
display: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2147483647;
}
.sun-editor .se-file-browser button,
.sun-editor .se-file-browser input,
.sun-editor .se-file-browser label {
font-size: 14px;
line-height: 1.5;
color: #111;
margin: 0;
}
.sun-editor .se-file-browser .se-file-browser-back {
background-color: #222;
opacity: 0.5;
}
.sun-editor .se-file-browser .se-file-browser-back,
.sun-editor .se-file-browser .se-file-browser-inner {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
position: relative;
width: 960px;
max-width: 100%;
margin: 20px auto;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.sun-editor .se-file-browser .se-file-browser-header {
height: auto;
min-height: 50px;
padding: 6px 15px;
border-bottom: 1px solid #e5e5e5;
}
.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close {
float: right;
font-weight: 700;
text-shadow: 0 1px 0 #fff;
-webkit-appearance: none;
filter: alpha(opacity=100);
opacity: 1;
}
.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close > svg {
width: 12px;
height: 12px;
}
.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-title {
font-size: 16px;
font-weight: 700;
margin: 0;
padding: 0;
line-height: 2.2;
}
.sun-editor .se-file-browser .se-file-browser-tags {
display: block;
width: 100%;
padding: 0;
text-align: left;
margin: 0 -15px;
}
.sun-editor .se-file-browser .se-file-browser-tags a {
display: inline-block;
background-color: #f5f5f5;
padding: 6px 12px;
margin: 8px 0 8px 8px;
color: #333;
text-decoration: none;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
cursor: pointer;
}
.sun-editor .se-file-browser .se-file-browser-tags a:hover {
background-color: #e1e1e1;
}
.sun-editor .se-file-browser .se-file-browser-tags a:active {
background-color: #d1d1d1;
}
.sun-editor .se-file-browser .se-file-browser-tags a.on {
background-color: #ebf3fe;
color: #4592ff;
}
.sun-editor .se-file-browser .se-file-browser-tags a.on:hover {
background-color: #d8e8fe;
}
.sun-editor .se-file-browser .se-file-browser-tags a.on:active {
background-color: #c7deff;
}
.sun-editor .se-file-browser .se-file-browser-body {
position: relative;
height: auto;
min-height: 350px;
padding: 20px;
overflow-y: auto;
}
.sun-editor .se-file-browser .se-file-browser-body .se-file-browser-list {
position: relative;
width: 100%;
}
@media screen and (max-width: 992px) {
.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
width: 748px;
}
}
@media screen and (max-width: 768px) {
.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
width: 600px;
}
}
.sun-editor .se-file-browser .se-file-browser-list .se-file-item-column {
position: relative;
display: block;
height: auto;
float: left;
}
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
width: calc(25% - 20px);
margin: 0 10px;
}
@media screen and (max-width: 992px) {
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
width: calc(33% - 20px);
}
}
@media screen and (max-width: 768px) {
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
width: calc(50% - 20px);
}
}
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img {
position: relative;
display: block;
cursor: pointer;
width: 100%;
height: auto;
border-radius: 4px;
outline: 0;
margin: 10px 0;
}
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img:hover {
opacity: 0.8;
-webkit-box-shadow: 0 0 0 0.2rem #3288ff;
box-shadow: 0 0 0 0.2rem #3288ff;
}
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > img {
position: relative;
display: block;
width: 100%;
border-radius: 4px;
outline: 0;
height: auto;
}
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > .se-file-img-name {
position: absolute;
z-index: 1;
font-size: 13px;
color: #fff;
left: 0;
bottom: 0;
padding: 5px 10px;
background-color: transparent;
width: 100%;
height: 30px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.sun-editor
.se-file-browser
.se-file-browser-list.se-image-list
.se-file-item-img
> .se-file-img-name.se-file-name-back {
background-color: #333;
opacity: 0.6;
}
.sun-editor .se-notice {
position: absolute;
top: 0;
display: none;
z-index: 7;
width: 100%;
height: auto;
word-break: break-all;
font-size: 13px;
color: #b94a48;
background-color: #f2dede;
padding: 15px;
margin: 0;
border: 1px solid #eed3d7;
user-select: text;
-o-user-select: text;
-moz-user-select: text;
-khtml-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
}
.sun-editor .se-notice button {
float: right;
padding: 7px;
}
.sun-editor .se-tooltip {
position: relative;
overflow: visible;
}
.sun-editor .se-tooltip .se-tooltip-inner {
visibility: hidden;
position: absolute;
display: block;
width: auto;
top: 120%;
left: 50%;
background: transparent;
opacity: 0;
z-index: 1;
line-height: 1.5;
transition: opacity 0.5s;
margin: 0;
padding: 0;
bottom: auto;
float: none;
pointer-events: none;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text {
position: relative;
display: inline-block;
width: auto;
left: -50%;
font-size: 0.9em;
margin: 0;
padding: 4px 6px;
border-radius: 2px;
background-color: #333;
color: #fff;
text-align: center;
line-height: unset;
white-space: nowrap;
cursor: auto;
}
.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text:after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border: 5px solid transparent;
border-bottom-color: #333;
}
.sun-editor .se-tooltip:hover .se-tooltip-inner {
visibility: visible;
opacity: 1;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
@keyframes spinner {
to {
transform: rotate(361deg);
}
}
.sun-editor-editable {
font-family: Helvetica Neue, sans-serif;
font-size: 1rem;
color: #333;
line-height: 1.5;
text-align: left;
background-color: #fff;
word-break: normal;
word-wrap: break-word;
padding: 16px;
margin: 0;
}
.sun-editor-editable * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
color: inherit;
}
.sun-editor-editable audio,
.sun-editor-editable figcaption,
.sun-editor-editable figure,
.sun-editor-editable iframe,
.sun-editor-editable img,
.sun-editor-editable td,
.sun-editor-editable th,
.sun-editor-editable video {
position: relative;
}
.sun-editor-editable .__se__float-left {
float: left;
}
.sun-editor-editable .__se__float-right {
float: right;
}
.sun-editor-editable .__se__float-center {
float: center;
}
.sun-editor-editable .__se__float-none {
float: none;
}
.sun-editor-editable :not(.se-code-language .katex) span {
display: inline;
vertical-align: baseline;
margin: 0;
padding: 0;
}
.sun-editor-editable span.katex {
display: inline-block;
}
.sun-editor-editable a {
color: #004cff;
text-decoration: none;
}
.sun-editor-editable span[style~="color:"] a {
color: inherit;
}
.sun-editor-editable a:focus,
.sun-editor-editable a:hover {
cursor: pointer;
color: #0093ff;
text-decoration: underline;
}
.sun-editor-editable pre {
display: block;
padding: 8px;
margin: 0 0 10px;
font-family: monospace;
color: #666;
line-height: 1.45;
background-color: #f9f9f9;
border: 1px solid #e1e1e1;
border-radius: 2px;
white-space: pre-wrap;
word-wrap: break-word;
overflow: visible;
}
.sun-editor-editable ol {
list-style-type: decimal;
}
.sun-editor-editable ol,
.sun-editor-editable ul {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 40px;
}
.sun-editor-editable ul {
list-style-type: disc;
}
.sun-editor-editable li {
display: list-item;
text-align: -webkit-match-parent;
margin-bottom: 5px;
}
.sun-editor-editable ol ol,
.sun-editor-editable ol ul,
.sun-editor-editable ul ol,
.sun-editor-editable ul ul {
margin: 0;
}
.sun-editor-editable ol ol,
.sun-editor-editable ul ol {
list-style-type: lower-alpha;
}
.sun-editor-editable ol ol ol,
.sun-editor-editable ul ol ol,
.sun-editor-editable ul ul ol {
list-style-type: upper-roman;
}
.sun-editor-editable ol ul,
.sun-editor-editable ul ul {
list-style-type: circle;
}
.sun-editor-editable ol ol ul,
.sun-editor-editable ol ul ul,
.sun-editor-editable ul ul ul {
list-style-type: square;
}
.sun-editor-editable sub,
.sun-editor-editable sup {
font-size: 75%;
line-height: 0;
}
.sun-editor-editable sub {
vertical-align: sub;
}
.sun-editor-editable sup {
vertical-align: super;
}
.sun-editor-editable p {
display: block;
margin: 0 0 10px;
}
.sun-editor-editable div {
display: block;
margin: 0;
padding: 0;
}
.sun-editor-editable blockquote {
display: block;
font-family: inherit;
font-size: inherit;
color: #999;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding: 0 5px 0 20px;
border: solid #b1b1b1;
border-width: 0 0 0 5px;
}
.sun-editor-editable blockquote blockquote {
border-color: #c1c1c1;
}
.sun-editor-editable blockquote blockquote blockquote {
border-color: #d1d1d1;
}
.sun-editor-editable blockquote blockquote blockquote blockquote {
border-color: #e1e1e1;
}
.sun-editor-editable h1 {
font-size: 2em;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
}
.sun-editor-editable h1,
.sun-editor-editable h2 {
display: block;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: 700;
}
.sun-editor-editable h2 {
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
}
.sun-editor-editable h3 {
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
}
.sun-editor-editable h3,
.sun-editor-editable h4 {
display: block;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: 700;
}
.sun-editor-editable h4 {
font-size: 1em;
margin-block-start: 1.33em;
margin-block-end: 1.33em;
}
.sun-editor-editable h5 {
font-size: 0.83em;
margin-block-start: 1.67em;
margin-block-end: 1.67em;
}
.sun-editor-editable h5,
.sun-editor-editable h6 {
display: block;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: 700;
}
.sun-editor-editable h6 {
font-size: 0.67em;
margin-block-start: 2.33em;
margin-block-end: 2.33em;
}
.sun-editor-editable hr {
display: flex;
border-width: 1px 0 0;
border-color: #000;
border-image: initial;
height: 1px;
}
.sun-editor-editable hr.__se__solid {
border-style: solid none none;
}
.sun-editor-editable hr.__se__dotted {
border-style: dotted none none;
}
.sun-editor-editable hr.__se__dashed {
border-style: dashed none none;
}
.sun-editor-editable table {
display: table;
table-layout: auto;
border: 1px solid #ccc;
width: 100%;
max-width: 100%;
margin: 0 0 10px;
background-color: transparent;
border-spacing: 0;
border-collapse: collapse;
}
.sun-editor-editable table thead {
border-bottom: 2px solid #333;
}
.sun-editor-editable table tr {
border: 1px solid #efefef;
}
.sun-editor-editable table th {
background-color: #f3f3f3;
}
.sun-editor-editable table td,
.sun-editor-editable table th {
border: 1px solid #e1e1e1;
padding: 0.4em;
background-clip: padding-box;
}
.sun-editor-editable table.se-table-size-auto {
width: auto !important;
}
.sun-editor-editable table.se-table-size-100 {
width: 100% !important;
}
.sun-editor-editable table.se-table-layout-auto {
table-layout: auto !important;
}
.sun-editor-editable table.se-table-layout-fixed {
table-layout: fixed !important;
}
.sun-editor-editable table td.se-table-selected-cell,
.sun-editor-editable table th.se-table-selected-cell {
border: 1px double #4592ff;
background-color: #f1f7ff;
}
.sun-editor-editable.se-disabled * {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.sun-editor-editable .se-component {
display: flex;
padding: 1px;
margin: 0 0 10px;
}
.sun-editor-editable .se-component.__se__float-left {
margin: 0 20px 10px 0;
}
.sun-editor-editable .se-component.__se__float-right {
margin: 0 0 10px 20px;
}
.sun-editor-editable[contenteditable="true"] .se-component {
outline: 1px dashed #e1e1e1;
}
.sun-editor-editable[contenteditable="true"] .se-component.se-component-copy {
-webkit-box-shadow: 0 0 0 0.2rem #80bdff;
box-shadow: 0 0 0 0.2rem #3f9dff;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.sun-editor-editable audio,
.sun-editor-editable iframe,
.sun-editor-editable img,
.sun-editor-editable video {
display: block;
margin: 0;
padding: 0;
width: auto;
height: auto;
max-width: 100%;
}
.sun-editor-editable[contenteditable="true"] figure:after {
position: absolute;
content: "";
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: default;
display: block;
background: transparent;
}
.sun-editor-editable[contenteditable="true"] figure a,
.sun-editor-editable[contenteditable="true"] figure iframe,
.sun-editor-editable[contenteditable="true"] figure img,
.sun-editor-editable[contenteditable="true"] figure video {
z-index: 0;
}
.sun-editor-editable[contenteditable="true"] figure figcaption {
display: block;
z-index: 2;
}
.sun-editor-editable[contenteditable="true"] figure figcaption:focus {
border-color: #80bdff;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem #c7deff;
box-shadow: 0 0 0 0.2rem #c7deff;
}
.sun-editor-editable .se-image-container,
.sun-editor-editable .se-video-container {
width: auto;
height: auto;
max-width: 100%;
}
.sun-editor-editable figure {
display: block;
outline: none;
margin: 0;
padding: 0;
}
.sun-editor-editable figure figcaption {
padding: 1em 0.5em;
margin: 0;
background-color: #f9f9f9;
outline: none;
}
.sun-editor-editable figure figcaption p {
line-height: 2;
margin: 0;
}
.sun-editor-editable .se-image-container a img {
padding: 1px;
margin: 1px;
outline: 1px solid #4592ff;
}
.sun-editor-editable .se-video-container iframe,
.sun-editor-editable .se-video-container video {
outline: 1px solid #9e9e9e;
position: absolute;
top: 0;
left: 0;
border: 0;
width: 100%;
height: 100%;
}
.sun-editor-editable .se-video-container figure {
left: 0;
width: 100%;
max-width: 100%;
}
.sun-editor-editable audio {
width: 300px;
height: 54px;
}
.sun-editor-editable audio.active {
outline: 2px solid #80bdff;
}
.sun-editor-editable.se-show-block div,
.sun-editor-editable.se-show-block h1,
.sun-editor-editable.se-show-block h2,
.sun-editor-editable.se-show-block h3,
.sun-editor-editable.se-show-block h4,
.sun-editor-editable.se-show-block h5,
.sun-editor-editable.se-show-block h6,
.sun-editor-editable.se-show-block li,
.sun-editor-editable.se-show-block ol,
.sun-editor-editable.se-show-block p,
.sun-editor-editable.se-show-block pre,
.sun-editor-editable.se-show-block ul {
border: 1px dashed #3f9dff !important;
padding: 14px 8px 8px !important;
}
.sun-editor-editable.se-show-block ol,
.sun-editor-editable.se-show-block ul {
border: 1px dashed #d539ff !important;
}
.sun-editor-editable.se-show-block pre {
border: 1px dashed #27c022 !important;
}
.se-show-block p {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==)
no-repeat;
}
.se-show-block div {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==)
no-repeat;
}
.se-show-block h1 {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC)
no-repeat;
}
.se-show-block h2 {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==)
no-repeat;
}
.se-show-block h3 {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC)
no-repeat;
}
.se-show-block h4 {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC)
no-repeat;
}
.se-show-block h5 {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC)
no-repeat;
}
.se-show-block h6 {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC)
no-repeat;
}
.se-show-block li {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA7SURBVDhPYxgFcNDQ0PAfykQBIHEYhgoRB/BpwCfHBKWpBkaggYxQGgOgBzyQD1aLLA4TGwWDGjAwAACR3RcEU9Ui+wAAAABJRU5ErkJggg==)
no-repeat;
}
.se-show-block ol {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVDhPYxgFcNDQ0PAfhKFcFIBLHCdA1oBNM0kGEmMAPgOZoDTVANUNxAqQvURMECADRiiNAWCagDSGGhyW4DRrMAEGBgAu0SX6WpGgjAAAAABJRU5ErkJggg==)
no-repeat;
}
.se-show-block ul {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVDhPYxgFDA0NDf+hTBSALI5LDQgwQWmqgVEDKQcsUBoF4ItFGEBXA+QzQpmDGjAwAAA8DQ4Lni6gdAAAAABJRU5ErkJggg==)
no-repeat;
}
.sun-editor-editable .__se__p-bordered,
.sun-editor .__se__p-bordered {
border-top: 1px solid #b1b1b1;
border-bottom: 1px solid #b1b1b1;
padding: 4px 0;
}
.sun-editor-editable .__se__p-spaced,
.sun-editor .__se__p-spaced {
letter-spacing: 1px;
}
.sun-editor-editable .__se__p-neon,
.sun-editor .__se__p-neon {
font-weight: 200;
font-style: italic;
background: #000;
color: #fff;
padding: 6px 4px;
border: 2px solid #fff;
border-radius: 6px;
text-transform: uppercase;
animation: neonFlicker 1.5s infinite alternate;
}
@keyframes neonFlicker {
0%,
19%,
21%,
23%,
25%,
54%,
56%,
to {
text-shadow: -0.2rem -0.2rem 1rem #fff, 0.2rem 0.2rem 1rem #fff, 0 0 2px #f40, 0 0 4px #f40, 0 0 6px #f40,
0 0 8px #f40, 0 0 10px #f40;
box-shadow: 0 0 0.5px #fff, inset 0 0 0.5px #fff, 0 0 2px #08f, inset 0 0 2px #08f, 0 0 4px #08f,
inset 0 0 4px #08f;
}
20%,
24%,
55% {
text-shadow: none;
box-shadow: none;
}
}
.sun-editor-editable .__se__t-shadow,
.sun-editor .__se__t-shadow {
text-shadow: -0.2rem -0.2rem 1rem #fff, 0.2rem 0.2rem 1rem #fff, 0 0 0.2rem #999, 0 0 0.4rem #888, 0 0 0.6rem #777,
0 0 0.8rem #666, 0 0 1rem #555;
}
.sun-editor-editable .__se__t-code,
.sun-editor .__se__t-code {
font-family: monospace;
color: #666;
background-color: rgba(27, 31, 35, 0.05);
border-radius: 6px;
padding: 0.2em 0.4em;
}.hdf-form *,
.hdf-form :after,
.hdf-form :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hdf-form {
overflow: hidden;
max-width: 800px;
margin: 0 auto;
}
.hdf-item {
padding: 1.2em 0;
position: relative;
}
.hdf-item.hdf-item-column,
.hdf-item.hdf-item-columns,
.hdf-item.hdf-item-heading {
padding: 0;
}
.hdf-form > .hdf-item:last-child {
padding-bottom: 0;
}
.hdf-label {
display: inline-block;
cursor: pointer;
font-weight: 700;
}
.hdf-hint,
.hdf-notification {
font-size: 0.8em;
margin: 0;
}
.hdf-notification {
color: red;
display: none;
}
.hdf-error .hdf-notification {
display: block;
position: absolute;
}
.hdf-hidden {
display: none;
}
.hdf-heading {
line-height: 1.2;
}
.hdf-heading-h2 {
margin-top: 2em;
}
.hdf-form .hdf-input {
display: block;
padding: 1em;
width: 100%;
line-height: 1;
font-size: 0.8em;
border-radius: 0;
border-color: currentColor;
border-style: none;
border-bottom-style: dashed;
box-shadow: none;
border-width: 1px;
background-color: #fafafa;
height: initial;
}
.hdf-select {
cursor: pointer;
}
.hdf-error .hdf-input {
border-color: red;
border-style: solid;
}
.hdf-error .sun-editor-editable {
border: 1px solid red;
}
.hdf-error .hdf-check-row {
border: 1px solid red;
padding: 0.2em;
}
.hdf-error.hdf-item-upload .hdf-file-drag {
border: 2px dashed red;
}
.hdf-item-checkbox .hdf-options-check input[type="checkbox"]:focus + label::after,
.hdf-item-radio .hdf-options-check input[type="checkbox"]:focus + label::after {
box-shadow: 0 0 0 2px #007cba;
outline: 0;
}
.hdf-check-row {
margin-top: 1em;
line-height: 1;
display: grid;
grid-template-columns: max-content 1fr;
grid-gap: 1em;
}
.hdf-item-checkbox .hdf-options-check,
.hdf-item-radio .hdf-options-check {
font-size: 24px;
}
.hdf-item-checkbox .hdf-options-check input[type="checkbox"],
.hdf-item-radio .hdf-options-check input[type="checkbox"] {
position: absolute;
opacity: 0;
}
.hdf-item-checkbox .hdf-options-check label,
.hdf-item-radio .hdf-options-check label {
width: 2em;
height: 1em;
position: relative;
cursor: pointer;
display: block;
font-size: 22px !important;
}
.hdf-item-radio .hdf-options-check label:before {
content: "";
position: absolute;
width: 2em;
height: 1em;
left: 0.1em;
transition: background 0.1s ease;
background: #dfdfdf;
border-radius: 50px;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 50%);
}
.hdf-item-radio .hdf-options-check label:after {
content: "";
position: absolute;
width: 1em;
height: 1em;
border-radius: 50px;
left: 0;
transition: all 0.2s ease;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
background: #555;
animation: hdf_switch-off 0.2s ease-out;
z-index: 2;
}
.hdf-item-radio .hdf-options-check input[type="checkbox"]:checked + label:before {
background: #72c474;
box-shadow: inset 0 1px 1px rgba(84, 152, 140, 0.5);
}
.hdf-item-radio .hdf-options-check input[type="checkbox"]:checked + label:after {
animation: hdf_switch-on 0.2s ease-out;
left: 1.1em;
background: #efefef;
}
.hdf-item-checkbox .hdf-options-check label:before {
content: "";
position: absolute;
width: 2em;
height: 1.2em;
left: 0.1em;
transition: background 0.1s ease;
border-radius: 3px;
background: #dfdfdf;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 50%);
}
.hdf-item-checkbox .hdf-options-check label:after {
content: "";
position: absolute;
width: 1em;
height: 1em;
border-radius: 3px;
left: 0.2em;
top: 0.1em;
transition: all 0.2s ease;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
background: #555;
animation: hdf_switch-off 0.2s ease-out;
z-index: 2;
}
.hdf-item-checkbox .hdf-options-check input[type="checkbox"]:checked + label:before {
background: #72c474;
box-shadow: inset 0 1px 1px rgba(84, 152, 140, 0.5);
}
.hdf-item-checkbox .hdf-options-check input[type="checkbox"]:checked + label:after {
animation: hdf_switch-on 0.2s ease-out;
right: 0.1em;
left: inherit;
background: #efefef;
}
.hdf-item-date div label {
font-size: 0.9em;
font-style: italic;
}
.hdf-columns {
display: grid;
grid-gap: 2.1em;
}
.hdf-col-1-1 {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.hdf-col-1-1-1 {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.hdf-button {
padding: 1em;
line-height: 1;
background: #555;
display: block;
text-align: center;
color: #fff;
cursor: pointer;
margin-top: 2em;
}
.hdf-submit:hover {
background: grey;
}
.hdf-required-symbol {
color: red;
}
.hdf-disabled {
cursor: normal !important;
opacity: 0.7
}
.hdf-prefix {
overflow: hidden;
display: grid;
grid-template-columns: max-content 1fr;
border-top-left-radius: 0.3em;
border-bottom-left-radius: 0.3em;
}
.hdf-postfix {
overflow: hidden;
display: grid;
grid-template-columns: 1fr max-content;
border-top-right-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
.hdf-fix {
line-height: 1;
height: 100%;
padding: 0 0.6em;
background-color: #555;
color: #fff;
align-items: center;
display: flex;
}
.hdf-message {
display: none;
text-align: center;
padding: 0.3em;
border: 1px solid #999;
position: relative;
}
.hdf-message > p {
margin: 0 !important;
padding: 0 !important;
}
.hdf-loader {
width: 250px;
padding: 1em;
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.hdf-loader-dot {
animation-name: loader;
animation-timing-function: ease-in-out;
animation-duration: 3s;
animation-iteration-count: infinite;
height: 12px;
width: 12px;
border-radius: 100%;
background-color: #a49e9e;
box-shadow: 0 0 1px #eee;
position: absolute;
}
.hdf-loader-dot:first-child {
animation-delay: 0.5s;
}
.hdf-loader-dot:nth-child(2) {
animation-delay: 0.4s;
}
.hdf-loader-dot:nth-child(3) {
animation-delay: 0.3s;
}
.hdf-loader-dot:nth-child(4) {
animation-delay: 0.2s;
}
.hdf-loader-dot:nth-child(5) {
animation-delay: 0.1s;
}
.hdf-loader-dot:nth-child(6) {
animation-delay: 0s;
}
@keyframes loader {
15% {
transform: translateX(0);
}
45% {
transform: translateX(230px);
}
65% {
transform: translateX(230px);
}
95% {
transform: translateX(0);
}
}
@media screen and (max-width: 782px) {
.hdf-columns {
grid-template-columns: 1fr;
grid-gap: 0;
}
}
.hdf-item-upload .hdf-file-drag {
display: block;
margin-top: 0.5em;
width: 100%;
padding: 0.8em;
text-align: center;
border-radius: 7px;
border: 2px dashed #999;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #fafafa;
}
.hdf-item-upload .hdf-file-drag:hover,
.hdf-item-upload .hdf-file-drag.hdf-upload-active{
border-color: #454cad;
}
.hdf-item-upload .hdf-file-drag:hover .hdf-file-upload-button,
.hdf-item-upload .hdf-file-drag.hdf-upload-active .hdf-file-upload-button{
background: #454cad;
}
.hdf-upload-icon {
width: 26px;	
margin-bottom: -2px;
}
.hdf-upload-icon path {
fill: #fff;
}
.hdf-item-upload .hdf-upload-response {
width: 100%;
}
.hdf-item-upload input[type="file"] {
display: none;
}
.hdf-item-upload .hdf-upload-start {
color: #5f6982;
display: grid;
grid-template-columns: minmax(20px, 1fr) minmax(40px, 1fr);
place-items: center;
grid-gap: 1em
}
.hdf-item-upload .hdf-file-upload-button {
display: grid;
grid-template-columns: max-content minmax(40px, 1fr);
place-items: center;
grid-gap: 1em;
margin: 0 auto;
width: fit-content;	
max-width: 100%;
text-decoration: none;
text-transform: initial;
border: none;
border-radius: 0.4rem;
outline: none;	
padding: 0.4em 1.3em;
line-height: 1;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
box-sizing: border-box;
background: #555;
cursor: pointer;
}
.hdf-upload-text {
display: inline-block;
word-break: break-all
}
.hdf-uploading-bar {
margin-top: 1em;
display: none;
padding: 0.2em 1em;
border-radius: 12rem;
color:#fff;
background: linear-gradient(159deg, #2d6770, #1c6fa8);
background-size: 400% 400%;
animation: hdf-bar-animation 3s linear infinite;
}
@keyframes hdf-bar-animation {
0%{background-position:13% 0%}
50%{background-position:88% 100%}
100%{background-position:13% 0%}
}
.hdf-uploading-text {
animation: hdf-blink-animation 2s linear infinite;
}
@keyframes hdf-blink-animation {
0%{opacity:1}
30%{opacity: 1}
50%{opacity: 0}
70%{opacity: 1}
100%{opacity: 1}
}
.sun-editor-editable {
font-size: 1em
}