.jseditor .loading-state {
    width: 100%;
    height: auto;
    display: grid;
    justify-content: center;
}
.jseditor .init-loading {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 4px solid #ddd;
    border-top-color: #1e1e1e;
    animation: loading 0.7s linear infinite;
    margin: 10px auto;
}

@keyframes loading {
    to {
        transform: rotate(360deg);
    }
}

.jseditor .loading-state .loading-text{
    color: rgba(0, 0, 0, 0.9);
    font-size: 14px;
}
.jseditor {
    position: relative;
    background: #fff;
    box-shadow: 0 0 3px rgba(121, 135, 178, .12), 0 6px 24px rgba(10, 34, 107, .08);
    padding: 12px 15px;
    border-radius: 4px;
    border: 1px solid rgba(34, 36, 38, .15);
    max-width: 800px;
    margin: auto;
    overflow: hidden;
    text-align: left;
    font-family: Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
@font-face{font-family:Lato;src:url(fonts/LatoLatin-Regular.woff2) format("woff2"),url(fonts/LatoLatin-Regular.woff) format("woff");font-style:normal;font-weight:400;font-display:swap;text-rendering:optimizeLegibility;unicode-range:U+0000,U+000D,U+0020-007E,U+00A0-017F,U+0192,U+0218-021B,U+0237,U+02C6-02C7,U+02C9,U+02D8-02DD,U+0394,U+03A9,U+03BC,U+03C0,U+1E80-1E85,U+2010,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20A3-20A4,U+20A7,U+20AC,U+2113,U+2122,U+2126,U+212E,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219-221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+25CA,U+F8FF,U+FB00-FB04;}
@font-face{font-family:Lato;src:url(fonts/LatoLatin-Bold.woff2) format("woff2"),url(fonts/LatoLatin-Bold.woff) format("woff");font-style:normal;font-weight:700;font-display:swap;text-rendering:optimizeLegibility;unicode-range:U+0000,U+000D,U+0020-007E,U+00A0-017F,U+0192,U+0218-021B,U+0237,U+02C6-02C7,U+02C9,U+02D8-02DD,U+0394,U+03A9,U+03BC,U+03C0,U+1E80-1E85,U+2010,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20A3-20A4,U+20A7,U+20AC,U+2113,U+2122,U+2126,U+212E,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219-221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+25CA,U+F8FF,U+FB00-FB04;}
@font-face{font-family:Lato;src:url(fonts/LatoLatin-Italic.woff2) format("woff2"),url(fonts/LatoLatin-Italic.woff) format("woff");font-style:italic;font-weight:400;font-display:swap;text-rendering:optimizeLegibility;unicode-range:U+0000,U+000D,U+0020-007E,U+00A0-017F,U+0192,U+0218-021B,U+0237,U+02C6-02C7,U+02C9,U+02D8-02DD,U+0394,U+03A9,U+03BC,U+03C0,U+1E80-1E85,U+2010,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20A3-20A4,U+20A7,U+20AC,U+2113,U+2122,U+2126,U+212E,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219-221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+25CA,U+F8FF,U+FB00-FB04;}
@font-face{font-family:Lato;src:url(fonts/LatoLatin-BoldItalic.woff2) format("woff2"),url(fonts/LatoLatin-BoldItalic.woff) format("woff");font-style:italic;font-weight:700;font-display:swap;text-rendering:optimizeLegibility;unicode-range:U+0000,U+000D,U+0020-007E,U+00A0-017F,U+0192,U+0218-021B,U+0237,U+02C6-02C7,U+02C9,U+02D8-02DD,U+0394,U+03A9,U+03BC,U+03C0,U+1E80-1E85,U+2010,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20A3-20A4,U+20A7,U+20AC,U+2113,U+2122,U+2126,U+212E,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219-221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+25CA,U+F8FF,U+FB00-FB04;}
@font-face{font-family:Lato;src:url(fonts/Lato-Regular.woff2) format("woff2"),url(fonts/Lato-Regular.woff) format("woff");font-style:normal;font-weight:400;font-display:swap;text-rendering:optimizeLegibility;unicode-range:U+0180-0191,U+0193-0217,U+021C-0236,U+0238-02C5,U+02C8,U+02CA-02D7,U+02DE-036F,U+0374-0375,U+037A-037E,U+0384-038A,U+038C,U+038E-0393,U+0395-03A1,U+03A3-03A8,U+03AA-03BB,U+03BD-03BF,U+03C1-03CE,U+03D0-0486,U+0488-0513,U+1D00-1DCA,U+1DFE-1E7F,U+1E86-1E9B,U+1E9E,U+1EA0-1EF9,U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-200F,U+2012,U+2015-2017,U+201B,U+201F,U+202F,U+2034,U+203C-203E,U+205E-205F,U+2070-2071,U+2074-2094,U+20A0-20A2,U+20A5-20A6,U+20A8-20AB,U+20AD-20B5,U+20B8-20BA,U+20DD,U+2105,U+2116-2117,U+2120,U+2132,U+214D-214E,U+2153-215F,U+2183-2184,U+2190-2199,U+21A8,U+221F,U+2229,U+2261,U+2302,U+2310,U+2320-2321,U+2460-2473,U+24EA-24F4,U+24FF-2500,U+2502,U+250C,U+2510,U+2514,U+2518,U+2C60-2C6C,U+2C74-2C77;}
@font-face{font-family:Lato;src:url(fonts/Lato-Bold.woff2) format("woff2"),url(fonts/Lato-Bold.woff) format("woff");font-style:normal;font-weight:700;font-display:swap;text-rendering:optimizeLegibility;unicode-range:U+0180-0191,U+0193-0217,U+021C-0236,U+0238-02C5,U+02C8,U+02CA-02D7,U+02DE-036F,U+0374-0375,U+037A-037E,U+0384-038A,U+038C,U+038E-0393,U+0395-03A1,U+03A3-03A8,U+03AA-03BB,U+03BD-03BF,U+03C1-03CE,U+03D0-0486,U+0488-0513,U+1D00-1DCA,U+1DFE-1E7F,U+1E86-1E9B,U+1E9E,U+1EA0-1EF9,U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-200F,U+2012,U+2015-2017,U+201B,U+201F,U+202F,U+2034,U+203C-203E,U+205E-205F,U+2070-2071,U+2074-2094,U+20A0-20A2,U+20A5-20A6,U+20A8-20AB,U+20AD-20B5,U+20B8-20BA,U+20DD,U+2105,U+2116-2117,U+2120,U+2132,U+214D-214E,U+2153-215F,U+2183-2184,U+2190-2199,U+21A8,U+221F,U+2229,U+2261,U+2302,U+2310,U+2320-2321,U+2460-2473,U+24EA-24F4,U+24FF-2500,U+2502,U+250C,U+2510,U+2514,U+2518,U+2C60-2C6C,U+2C74-2C77;}
@font-face{font-family:Lato;src:url(fonts/Lato-Italic.woff2) format("woff2"),url(fonts/Lato-Italic.woff) format("woff");font-style:italic;font-weight:400;font-display:swap;text-rendering:optimizeLegibility;unicode-range:U+0180-0191,U+0193-0217,U+021C-0236,U+0238-02C5,U+02C8,U+02CA-02D7,U+02DE-036F,U+0374-0375,U+037A-037E,U+0384-038A,U+038C,U+038E-0393,U+0395-03A1,U+03A3-03A8,U+03AA-03BB,U+03BD-03BF,U+03C1-03CE,U+03D0-0486,U+0488-0513,U+1D00-1DCA,U+1DFE-1E7F,U+1E86-1E9B,U+1E9E,U+1EA0-1EF9,U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-200F,U+2012,U+2015-2017,U+201B,U+201F,U+202F,U+2034,U+203C-203E,U+205E-205F,U+2070-2071,U+2074-2094,U+20A0-20A2,U+20A5-20A6,U+20A8-20AB,U+20AD-20B5,U+20B8-20BA,U+20DD,U+2105,U+2116-2117,U+2120,U+2132,U+214D-214E,U+2153-215F,U+2183-2184,U+2190-2199,U+21A8,U+221F,U+2229,U+2261,U+2302,U+2310,U+2320-2321,U+2460-2473,U+24EA-24F4,U+24FF-2500,U+2502,U+250C,U+2510,U+2514,U+2518,U+2C60-2C6C,U+2C74-2C77;}
@font-face{font-family:Lato;src:url(fonts/Lato-BoldItalic.woff2) format("woff2"),url(fonts/Lato-BoldItalic.woff) format("woff");font-style:italic;font-weight:700;font-display:swap;text-rendering:optimizeLegibility;unicode-range:U+0180-0191,U+0193-0217,U+021C-0236,U+0238-02C5,U+02C8,U+02CA-02D7,U+02DE-036F,U+0374-0375,U+037A-037E,U+0384-038A,U+038C,U+038E-0393,U+0395-03A1,U+03A3-03A8,U+03AA-03BB,U+03BD-03BF,U+03C1-03CE,U+03D0-0486,U+0488-0513,U+1D00-1DCA,U+1DFE-1E7F,U+1E86-1E9B,U+1E9E,U+1EA0-1EF9,U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-200F,U+2012,U+2015-2017,U+201B,U+201F,U+202F,U+2034,U+203C-203E,U+205E-205F,U+2070-2071,U+2074-2094,U+20A0-20A2,U+20A5-20A6,U+20A8-20AB,U+20AD-20B5,U+20B8-20BA,U+20DD,U+2105,U+2116-2117,U+2120,U+2132,U+214D-214E,U+2153-215F,U+2183-2184,U+2190-2199,U+21A8,U+221F,U+2229,U+2261,U+2302,U+2310,U+2320-2321,U+2460-2473,U+24EA-24F4,U+24FF-2500,U+2502,U+250C,U+2510,U+2514,U+2518,U+2C60-2C6C,U+2C74-2C77;}
@font-face{font-family:Checkbox;src:url(data:application/font-woff;base64,d09GRgABAAAAAAR8AA0AAAAABtwAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEYAAAABoAAAAcgbCWJ0dERUYAAARIAAAAFwAAABgAJQAAT1MvMgAAAZgAAABAAAAAYA8SBD9jbWFwAAAB9AAAAFMAAAFc71zo6Wdhc3AAAARAAAAACAAAAAgAAAAQZ2x5ZgAAAlwAAADJAAABVHshwGBoZWFkAAABMAAAAC4AAAA2Bj3tWWhoZWEAAAFgAAAAHQAAACQHfQPIaG10eAAAAdgAAAAZAAAAHg56AEVsb2NhAAACSAAAABIAAAASAQoAjG1heHAAAAGAAAAAGAAAACAACgAvbmFtZQAAAygAAADnAAABp5xOC4Fwb3N0AAAEEAAAADAAAABaHRtWW3icY2BkYGBgYmDgqbAVjee3+crAzcIAAhc3XilHppl3M+cBKQ6QWgYGAAHnCVsAAHicY2BkYGA+8P8AAwMLAwgw72ZgZEAF7ABaJgNOAAAAeJxjYGRgYOBg0GUA0QwMTAxoAAAFtQA6eJxjYGYWYpzAwMrAwDST6QwDA0M/hGZ8zWDMyMmAChgF0AQYHBgYXjAxH/h/gMGB+QCIx8CIJKvAwAgAIOcKW3icY2GAAMZQCM0ExCwMDK7MqiAeAAqXAM4AAAB4nN2NwQ2AMAwDL00pHYJH52AQ9n/w6BbFCS9WwJFlO3IUwHl5YAQuJctcOaVdU6TGmGWt7IxJuHXnvmcrnLPR2GWb6NnF4rrwhT5U/o0Hf5EJGAAAAAAAAAgACAAQABgASABsAKoAAHichY09CsJAEIVndiG2gyQ7IASJIbHQyvyIiFhZpBE8iNsIeiVvYOFx7FPbKE6yUcHGgZ23jzd8DxDeowAWCv77Dez0Vd1hAIB+D714NMa0yNdYZrMhum0CfaWnT4bpeSPaEjOd8djIltTBNBlhSGzES3Jqb5oW6UOrE1WBL7/A73lxNBqnK8znZRbNWMgJET8qJhlWF1HV3zvXSceBSifawrTjTLrd0uI3c4lFu4UcYvbh1/KsIaodUayx7Kxr+wb8Y+EFi+YsngAAAHicfc5BSsNAGMXxf9q0agURFy50M3shlOoNikIXddGFa5N0SEvLDKQp2KUH8AxuXXkkz+JL+NYJJPzmffNmAlzxS0L7JJxzYx5wxoN5qPzZnMrv5hGXfJrHyr/NE+74UytJL5Rcdye0Huiue/NQ+aM5lV/NI27ZmsfKv8wTnvhhzgZPyY6CyAfMN77cFVFaaVBxZE9OraWvjvtc6Kn0jN40qDnoVyIBx4yMqWJfH7YxuFk27a2/dLVGxUpbQndYrrVnrazgpO9C1chSb7s3UymGxlU++Dpv/NoVJ7co4zLGkPEPj0VARQB4nGNgYsAPOBgYGJkYmBiZGZgZWRhZGdnYS/MyDYAAShuCaFcLCB9Iw/hGAOPdCuMAAQAB//8AD3icY2BkYGDgAWIBIGYCYhYIDQACOwAmAHicY2BgYGQAgns+by1A9MWNV8phNABQ5wfrAAA=) format("woff");}

.jseditor span.small.text {
    font-size: .75em;
}

.jseditor span.select-file-text {
    font-size: 1.1em;
    font-weight: 600;
}
.jseditor span.select-file-size-text {
    color: #6c6c6c;
}
.jseditor span.red.text {
    color: #db2828;
}
.jseditor span.red.text.bordered {
    border: 1px solid #ffcece;
    padding: 3px;
    background: #fff4f3;
    border-radius: 3px;
    color: #e20312;
}
.jseditor span.medium.text {
    font-size: 1em;
}
.jseditor span.black.text {
    color: #1b1c1d;
}

.jseditor .locked::before {
    position: absolute;
    content: "";
    background: rgb(255 255 255 / 60%);
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 50%;
    transform: translateY(-50%);
}
.jseditor .locked::after {
    font-family: sans-serif;
    content: "Double Click to Edit";
    position: absolute;
    z-index: 999;
    display: block;
    border: 1px solid #2196F3;
    width: fit-content;
    background: #f4faff;
    padding: 1px 7px;
    border-radius: 3px;
    color: #0d283e;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 16%);
    left: 50%;
    top: 50px;
    transform: translate(-50%, -50%);
}
.jseditor hr {
    border: 0;
    border-top: 1px solid #9c9c9c;
    margin: 20px 0;
    height: 0;
}

/*! Upload box */

.jseditor .wizard .drop-highlight-box{
    border: 0.11em dashed #f0ac00 !important;
    background-color: #ffd7a8 !important;
}
.jseditor .wizard .upload-box{
    font-size: 15px !important;
    border: 0.11em dashed #0076f0 !important;
    background-color: #e5f1fd !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.ui.container.ad {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.ui.cards>.card.ad {
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.jseditor .wizard .upload-box{
    display: flex;
    justify-content: center;
    align-content: space-around;
    flex-direction: column;
    text-align: center;
    height: 200px;
    padding: 10px;
    line-height: 22px;
    color: #414141;
    width: auto;
}
.jseditor form {
    display: block;
    margin-top: 0;
    margin-block-end: 0;

}
.jse .content.clearfix {
    font-size: 14px;
}
.jseditor .wizard .upload-box:hover{background-size:30px 30px;background-image:-webkit-linear-gradient(135deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);-webkit-animation:stripes 2s linear infinite;animation:stripes 2s linear infinite;}
/*! CSS Used keyframes */
@-webkit-keyframes stripes{from{background-position:0 0;}to{background-position:60px 30px;}}
@keyframes stripes{from{background-position:0 0;}to{background-position:60px 30px;}}


/* Button */


/* Light Box */
.jseditor .light_box {
    display: none;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}
.jseditor.text.loader {
    width: auto;
    height: auto;
    text-align: center;
    font-style: normal;
}
.jseditor.inverted.dimmer>.jseditor.loader {
    color: rgba(0, 0, 0, .87);
}
.jseditor.dimmer>.jseditor.loader {
    color: rgba(255, 255, 255, .9);
}
.jseditor.text.loader {
    min-width: 2.28571429rem;
    padding-top: 3.07142857rem;
}
.jseditor.dimmer>.loader {
    display: block;
}
.jseditor.loader {
    width: 2.28571429rem;
    height: 2.28571429rem;
    font-size: 1em;
}
.jseditor.loader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    text-align: center;
    z-index: 1000;
    transform: translateX(-50%) translateY(-50%);
}

/* Files list */
.jse.label{display:inline-block;line-height:1;vertical-align:baseline;margin:0 .14285714em;background-color:#e8e8e8;background-image:none;padding:.5833em .833em;color:rgba(0,0,0,.6);text-transform:none;font-weight:700;border:0 solid transparent;border-radius:.28571429rem;transition:background .1s ease;}
.jse.label:first-child{margin-left:0;}
.jse.label>.icon{width:auto;margin:0 .75em 0 0;}
.jse.icon.label>.icon{margin:0 auto;}
.jse.label{font-size:.85714286rem;}
.jse.small.label{font-size:.78571429rem;}
.jse.form ::placeholder{color:rgba(191,191,191,.87);}
.jse.form :focus::placeholder{color:rgba(115,115,115,.87);}
.jse.items>.item{display:flex;margin:1em 0;width:100%;min-height:0;background:0 0;padding:0;border:none;border-radius:0;box-shadow:none;transition:box-shadow .1s ease;}
.jse.items{margin:0;}
.jse.items>.item::after{display:block;content:" ";height:0;clear:both;overflow:hidden;visibility:hidden;}
.jse.items>.item:first-child{margin-top:0;}
.jse.items>.item:last-child{margin-bottom:0;}
.jse.items>.item>.image{position:relative;flex:0 0 auto;display:block;float:none;margin:0;padding:0;align-self:start;}
.jse.items>.item>.image>img{display:block;width:100%;height:auto;border-radius:.125rem;border:none;}
.jse.items>.item>.content{display:block;flex:1 1 auto;background:0 0;color:rgba(0,0,0,.87);margin:0;padding:0;box-shadow:none;font-size:1em;border:none;border-radius:0;}
.jse.items>.item>.content::after{display:block;content:" ";height:0;clear:both;overflow:hidden;visibility:hidden;}
.jse.items>.item>.image+.content{min-width:0;width:auto;display:block;margin-left:0;align-self:start;padding-left:1em;}
.jse.items>.item [class*="right floated"]{float:right;}
.jse.items>.item .meta{margin:.5em 0 .5em;font-size:1em;line-height:1em;color:rgba(0,0,0,.6);}
.jse.items>.item .meta *{margin-right:.3em;}
.jse.items>.item .meta :last-child{margin-right:0;}
.jse.items>.item .extra{display:block;position:relative;background:0 0;margin:.5rem 0 0;width:100%;padding:0;top:0;left:0;color:rgba(0,0,0,.4);box-shadow:none;transition:color .1s ease;border-top:none;}
.jse.items>.item .extra>*{margin:.25rem .5rem .25rem 0; font-size: 1em;color: #939393;}
.jse.items>.item .extra::after{display:block;content:" ";height:0;clear:both;overflow:hidden;visibility:hidden;}
.jse.items>.item>.image:not(.jse){width:175px;}
@media only screen and (min-width:768px) and (max-width:991.98px){
    .jse.items>.item{margin:1em 0;}
    .jse.items>.item>.image:not(.jse){width:150px;}
    .jse.items>.item>.image+.content{display:block;padding:0 0 0 1em;}
}
.jse.divided.items>.item{border-top:1px solid rgba(34,36,38,.15);margin:0;padding:1em 0;}
.jse.divided.items>.item:first-child{border-top:none;margin-top:0!important;padding-top:0!important;}
.jse.divided.items>.item:last-child{margin-bottom:0!important;padding-bottom:0!important;}
.jse.items>.item{font-size:1em;}
@media only screen and (max-width:767.98px){
    .jse.unstackable.items>.item>.image,.jse.unstackable.items>.item>.image>img{width:125px!important;}
}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}

.jse[class*="center aligned"].container {
    text-align: center;
}
.jse[class*="left aligned"].container {
    text-align: left;
}
.jse-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

/* Light Box */
.jseditor .light_box img {
    max-width: 100%;
    max-height: 100%;
    padding: 2%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.jseditor span.light_box-close {
    display: block;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    background: white;
    color: white;
    text-decoration: none;
    position: absolute;
    top: -80px;
    right: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    top: 0;
}

/* Provides part of the "X" to eliminate an image from the close link */

.jseditor span.light_box-close:before {
    content: "";
    display: block;
    height: 30px;
    width: 1px;
    background: black;
    position: absolute;
    left: 26px;
    top:10px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

.jseditor span.light_box-close:after {
    content: "";
    display: block;
    height: 30px;
    width: 1px;
    background: black;
    position: absolute;
    left: 26px;
    top:10px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}


/* Font icon */

.jse.header>i.icon{display:table-cell;opacity:1;font-size:1.5em;padding-top:0;vertical-align:middle;}
.jse.icon.header>i.icon{float:none;display:block;width:auto;height:auto;line-height:1;padding:0;font-size:3em;margin:0 auto .5rem;opacity:1;}
i.jse.icon{display:inline-block;opacity:1;margin:0;width:1.18em;height:1em;font-family:icons;font-style:normal;font-weight:400;text-decoration:inherit;text-align:center;speak:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
i.jse.icon.outline {font-family: outline-icons;}
i.jse.icon::before{background:0 0!important;}
i.jse.icon:active,i.icon:hover{opacity:1;}
i.jse.green.icon.icon.icon.icon.icon{color:#21ba45;}
i.jse.primary.icon.icon.icon.icon.icon{color:#0085ff;}
i.jse.icon{font-size:1em;line-height:1;font-style:normal;}
i.jse.icon.upload::before{content:"\f093";}
.jse .ui.form ::placeholder{color:rgba(191,191,191,.87);}
.jse .ui.form :focus::placeholder{color:rgba(115,115,115,.87);}

i.jse.icon.inf.circle::before {content: "\f05a";}
i.jse.icon.share::before {content: "\f1e0";}
i.jse.icon.upload::before {content: "\f093";}
i.jse.icon.angle.right::before{content:"\f105";}
i.jse.icon.angle.left::before{content:"\f104";}
i.jse.icon.lock::before{content:"\f023";}
i.jse.icon.checkmark::before{content:"\f00c";}
i.jse.icon.check.circle::before {content: "\f058";}
i.jse.icon.times::before { content: "\f00d";}
i.jse.icon.exclamation::before {content: "\f12a";}
i.jse.icon.inf::before { content: "\f129";}
i.jse.icon.plus::before {content: "\f067";}
i.jse.icon.pen::before {content: "\f304";}
i.jse.icon.image::before {content: "\f03e";}
i.jse.icon.mouse.pointer::before {content: "\f245";}
i.jse.icon.file.pdf.outline::before {content: "\f1c1";}
i.jse.icon.pen::before {content: "\f304";}
i.jse.icon.download::before {content: "\f019";}
i.jse.icon.linkify::before {content: "\f0c1";}


@font-face{font-family:icons;src:url(fonts/icons.woff2) format("woff2"),url(fonts/icons.woff) format("woff");font-style:normal;font-weight:400;font-display:block;font-variant:normal;text-decoration:inherit;text-transform:none;}
@font-face{font-family:outline-icons;src:url(fonts/outline-icons.woff2) format("woff2"),url(fonts/outline-icons.woff) format("woff");font-style:normal;font-weight:400;font-display:block;font-variant:normal;text-decoration:inherit;text-transform:none;}

/* Form */


.jse .header_center {
    font-size: 13px;
    font-weight: 600;
    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-column-gap: 1em;
    align-items: center;
    margin: 10px 0 10px 0;
    letter-spacing: 0.1em;
}

.jse .header_center::before,
.jse .header_center::after {
    content: "";
    border: 0;
    border-top: 1px solid #b3b3b361;
    margin: 0;
    height: 0;
}

.jse.form .inline.fields {
    margin: 0 0 1em;
    align-items: center;
}
.jse.form .fields {
    display: flex;
    flex-direction: row;
    margin: 0 -0.5em 1em;
}

.jse.form .inline.fields .field {
    margin: 0;
    padding: 0 1em 0 0;
}

.jse.form .fields .wide.field {
    width: 6.25%;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.jse.form .five.wide.field {
    width: 31.25%;
}
.jse.form .three.wide.field {
    width: 18.75%;
}
.jse.form .fields>.field:first-child {
    border-left: none;
    box-shadow: none;
}
.jse.form .fields .field {
    clear: both;
    margin: 0;
}
.jse.form .field .jse.input, .jse.form .fields .field .jse.input, .jse.form .wide.field .jse.input {
    width: 100%;
}
.jse.fluid.input {
    display: flex;
}


.jse.form .field .jse.input, .jse.form .fields .field .jse.input, .jse.form .wide.field .jse.input {
    width: 100%;
}


.jse.form .disabled.field, .jse.form .disabled.fields .field, .jse.form .field :disabled {
    pointer-events: none;
    opacity: .45;
}
.jse.form select {
    display: block;
    height: auto;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: 0.28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    padding: 0.62em 1em;
    color: rgba(0, 0, 0, .87);
    transition: color .1s ease, border-color .1s ease;
    appearance: auto !important;
    -webkit-appearance: inherit;
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

.jse.form .field>label {
    display: block;
    margin: 0 0 0.28571429rem 0;
    font-size: .92857143em;
    font-weight: 700;
    text-transform: none;
}




.jse.labeled.input:not([class*="corner labeled"]) .label:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.jse.labeled.input>.label:not(.corner) {
    padding-top: 0.78571429em;
    padding-bottom: 0.78571429em;
}
.jse.labeled.input>.label {
    flex: 0 0 auto;
    margin: 0;
    font-size: 1em;
}
.jse.label:first-child {
    margin-left: 0;
}
.jse.label, .jse.labels .label {
    font-size: .85714286rem;
}
.jse.label {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0 0.14285714em;
    background-color: #e8e8e8;
    background-image: none;
    padding: 0.5833em 0.833em;
    color: rgba(0, 0, 0, .6);
    text-transform: none;
    font-weight: 700;
    border: 0 solid transparent;
    border-radius: 0.28571429rem;
    transition: background .1s ease;
}



.jse.form .wide.field .jse.input input {
    flex: 1 0 auto;
    width: 0;
}

.jse.labeled.input:not([class*="corner labeled"]) .label:first-child+input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: transparent;
}

.jse.form input:not([type]), .jse.form input[type=color], .jse.form input[type=date], .jse.form input[type=datetime-local], .jse.form input[type=email], .jse.form input[type=file], .jse.form input[type=month], .jse.form input[type=number], .jse.form input[type=password], .jse.form input[type=search], .jse.form input[type=tel], .jse.form input[type=text], .jse.form input[type=time], .jse.form input[type=url], .jse.form input[type=week] {
    font-family: Lato, system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.21428571em;
    padding: 0.67857143em 1em;
    font-size: 1em;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    color: rgba(0, 0, 0, .87);
    border-radius: 0.28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    transition: color .1s ease, border-color .1s ease;
}
.jse.form input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;}input[type=number]{-moz-appearance:textfield}
.jse.shares{border-top: 1px solid #e1e1e1;padding-top: 10px;}
.jse.share-button{border-radius:3px;padding:2px 9px;border: 1px solid #c6ddf0;display:inline-block;width: fit-content;cursor: pointer;font-size: 0.95em;background: #f2f7fa;z-index: 100;margin:0 3px;color: #181818;position: relative;}
.jse.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2 none;color:rgba(0,0,0,.6);margin: 3px;padding: 7px 12px;text-transform:none;text-shadow:none;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.28571429rem;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;will-change:auto;-webkit-tap-highlight-color:transparent;}
.jse.button:hover{background-color:#cacbcd;background-image:none;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8);}
.jse.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8);background-image:none;}
.jse.button:active{background-color:#babbbc;color:rgba(0,0,0,.9);box-shadow:none;}
.jse.jse.jse.jse.jse.jse.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent;opacity:1;pointer-events:auto;transition:all 0s linear,opacity .1s ease;}
.jse.loading.button::before{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1em;height:1em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15);}
.jse.loading.button::after{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1em;height:1em;border-radius:500rem;animation:loader .6s infinite linear;border:.2em solid currentColor;color:#fff;box-shadow:0 0 0 1px transparent;}
.jse.button:disabled{cursor:default;opacity:.45!important;background-image:none;box-shadow:none;pointer-events:none!important;}
.jse.jse.jse.jse.loading:not(.usual)::after{border-color:currentColor;}
.jse.jse.jse.jse.jse.jse.loading::after{border-left-color:transparent;border-right-color:transparent;}
.jse.jse.jse.jse.jse.jse.jse.loading:not(.double)::after{border-bottom-color:transparent;}
.jse.compact.icon.button, .jse.compact.icon.buttons .button {
    padding: 0.38928571em 0.38928571em 0.38928571em;
}
.jse.mini.button {
   font-size: 1em;
}

.jse.google.plus.button {
    background-color: #dd4b39;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset;
}

.jse.green.button {
    background-color: #21ba45;
    color: #fff;
    text-shadow: none;
    background-image: none;
}

@keyframes loader{100%{transform:rotate(360deg);}}



.jse.checkbox{position:relative;display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;min-height:17px;font-size:1em;line-height:17px;min-width:17px;}
.jse.checkbox input[type=radio]{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:3;width:17px;height:17px;}
.jse.checkbox label{cursor:auto;position:relative;display:block;padding-left:1.5em;outline:0;font-size: 1em;}
.jse.checkbox label::before{position:absolute;top:0;left:0;width:17px;height:17px;content:"";background:#fff;border-radius:.21428571rem;transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;border:1px solid #d4d4d5;}
.jse.checkbox label::after{position:absolute;font-size:14px;top:1px;left:0;width:17px;height:17px;text-align:center;opacity:0;color:rgba(0,0,0,.87);transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;}
.jse.checkbox label{color:rgba(0,0,0,.87);transition:color .1s ease;}
.jse.checkbox label:hover::before{background:#fff;border-color:rgba(34,36,38,.35);}
.jse.checkbox label:hover{color:rgba(0,0,0,.8);}
.jse.checkbox label:active::before{background:#f9fafb;border-color:rgba(34,36,38,.35);}
.jse.checkbox label:active::after{color:rgba(0,0,0,.95);}
.jse.checkbox input:active~label{color:rgba(0,0,0,.95);}
.jse.checkbox input:focus~label::before{background:#fff;border-color:#96c8da;}
.jse.checkbox input:focus~label::after{color:rgba(0,0,0,.95);}
.jse.checkbox input:focus~label{color:rgba(0,0,0,.95);}
.jse.checkbox input:checked~label::before{background:#fff;border-color:rgba(34,36,38,.35);}
.jse.checkbox input:checked~label::after{opacity:1;color:rgba(0,0,0,.95);}
.jse.checkbox input:checked:focus~label::before{background:#fff;border-color:#96c8da;}
.jse.checkbox input:checked:focus~label::after{color:rgba(0,0,0,.95);}
.jse.checkbox input.hidden{z-index:-1;}
.jse.checkbox input+label[for],.jse.checkbox input.hidden+label{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.jse.radio.checkbox{min-height:15px;}
.jse.radio.checkbox label{padding-left: 1.5em;}
.jse.radio.checkbox label::before{
    content:"";transform:none;width:15px;height:15px;border-radius:500rem;top:1px;left:0;
}
.jse.radio.checkbox label::after{
    border: none;
    content: "" !important;
    border-radius: 50%;
    transform: scale(.46666667);
    background-color: rgba(0, 0, 0, .87);
}
.jse.radio.checkbox input:focus~label::before{background-color:#fff;}
.jse.radio.checkbox input:focus~label::after{background-color:rgba(0,0,0,.95);}
.jse.radio.checkbox input:checked~label::before{background-color:#fff;}
.jse.radio.checkbox input:checked~label::after{background-color:rgba(0,0,0,.95);}
.jse.radio.checkbox input:focus:checked~label::before{background-color:#fff;}
.jse.radio.checkbox input:focus:checked~label::after{background-color:rgba(0,0,0,.95);}
.jse.checkbox label::after{font-family:Checkbox;}
.jse.checkbox input:checked~label::after{content:"\e800";}


.jse.checkbox input[type=checkbox], .jse.checkbox input[type=radio] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0 !important;
    outline: 0;
    width: 41px;
    height: 17px;
}

@media only screen and (max-width: 767.98px) {
    .jse.form .fields {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

}@media only screen and (max-width: 767.98px) {
    .jse.form:not(.unstackable) .fields:not(.unstackable) > .field, .jse.form:not(.unstackable) .fields:not(.unstackable) > .fields {
        width: 100%;
        margin: 0 0 1em;
    }
}


@media only screen and (min-width: 320.98px) {

    .jse.form.jse_size > .field.mx200 {
        max-width: 200px !important;
    }
}

/* Steps */
.jseditor .wizard,
.jseditor .tabcontrol
{
    display: block;
    width: 100%;
    overflow: initial;
    font-size: 15px;
}

.jseditor .wizard a,
.jseditor .tabcontrol a
{
    outline: 0;
    font-size: 16px;
}

.jseditor .wizard ul,
.jseditor .tabcontrol ul
{
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.jseditor .wizard ul > li,
.jseditor .tabcontrol ul > li
{
    display: block;
    padding: 4px 4px;
}

/* Accessibility */
.jseditor .wizard > .steps .current-info,
.jseditor .tabcontrol > .steps .current-info
{
    position: absolute;
    left: -999em;
}

.jseditor .wizard > .content > .title,
.jseditor .tabcontrol > .content > .title
{
    position: absolute;
    left: -999em;
}


/*
    Wizard
*/

.jseditor .wizard > .steps
{
    position: relative;
    display: flex;
    width: 100%;
}

.jseditor .wizard.vertical > .steps
{
    display: inline;
    float: left;
    width: 30%;
}

.jseditor .wizard > .steps .number
{
    font-size: 1.2em;
}

.jseditor .wizard > .steps > ul > li
{
    width: fit-content;
}

.jseditor .wizard > .steps > ul > li,
.jseditor .wizard > .actions > ul > li
{
    float: left;
}

.jseditor .wizard.vertical > .steps > ul > li
{
    float: none;
    width: 100%;
}

.jseditor .wizard > .steps a,
.jseditor .wizard > .steps a:hover,
.jseditor .wizard > .steps a:active
{
    display: block;
    width: auto;
    margin: 0;
    padding: 4px 8px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.jseditor .wizard > .steps .disabled a,
.jseditor .wizard > .steps .disabled a:hover,
.jseditor .wizard > .steps .disabled a:active
{
    background: #eee;
    color: #aaa;
    cursor: default;
}

.jseditor .wizard > .steps .current a,
.jseditor .wizard > .steps .current a:hover,
.jseditor .wizard > .steps .current a:active
{
    background: #007bff;
    color: #fff;
    cursor: default;
}

.jseditor .wizard > .steps .done a,
.jseditor .wizard > .steps .done a:hover,
.jseditor .wizard > .steps .done a:active
{
    background: #007bff75;
    color: #fff;
}

.jseditor .wizard > .steps .error a,
.jseditor .wizard > .steps .error a:hover,
.jseditor .wizard > .steps .error a:active
{
    background: #ff3111;
    color: #fff;
}

.jseditor .wizard > .content
{
    background: transparent;
    display: block;
    margin: 0.5em 0em;
    min-height: 75px;
    overflow: initial;
    position: relative;
    width: auto;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #dee2e6;
}

.jseditor .wizard.vertical > .content
{
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}

.jseditor .wizard > .content > .body
{
    width: 100%;
    height: auto;
    position: absolute;
    padding: 10px 0;
}
.jseditor .wizard .content .body.current {
    position: relative;
}
.jseditor .wizard > .content > .body ul
{
    list-style: disc !important;
}

.jseditor .wizard > .content > .body ul > li
{
    display: list-item;
}

.jseditor .wizard > .content > .body > iframe
{
    border: 0 none;
    width: 100%;
    height: 100%;
}

.jseditor .wizard > .content > .body input
{
    /*display: block;
     border: 1px solid #ccc; */
}

.jseditor .wizard > .content > .body input[type="checkbox"]
{
    display: inline-block;
}

.jseditor .wizard > .content > .body input.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.jseditor .wizard > .content > .body label
{
    margin-bottom: 0.0em;
}

.jseditor .wizard > .content > .body label.error
{
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}

.jseditor .wizard > .actions
{
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}

.jseditor .wizard.vertical > .actions
{
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.jseditor .wizard > .actions > ul
{
    display: inline-block;
    text-align: right;
}

.jseditor .wizard > .actions > ul > li
{
    margin: 0 0.5em;
}

.jseditor .wizard.vertical > .actions > ul > li
{
    margin: 0 0 0 1em;
}

.jseditor .wizard > .actions a,
.jseditor .wizard > .actions a:hover,
.jseditor .wizard > .actions a:active
{
    background: #007bff;
    color: #fff;
    display: block;
    padding: 7px 7px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.jseditor .wizard > .actions .disabled a,
.jseditor .wizard > .actions .disabled a:hover,
.jseditor .wizard > .actions .disabled a:active
{
    background: #eee;
    color: #aaa;
}



/*
    Tabcontrol
*/

.jseditor .tabcontrol > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.jseditor .tabcontrol > .steps > ul
{
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}

.jseditor .tabcontrol > .steps > ul > li
{
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.jseditor .tabcontrol > .steps > ul > li:hover
{
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}

.jseditor .tabcontrol > .steps > ul > li.current
{
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}

.jseditor .tabcontrol > .steps > ul > li > a
{
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}

.jseditor .tabcontrol > .steps > ul > li > a:hover
{
    text-decoration: none;
}

.jseditor .tabcontrol > .steps > ul > li.current > a
{
    padding: 15px 30px 10px 30px;
}

.jseditor .tabcontrol > .content
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

.jseditor .tabcontrol > .content > .body
{
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.jseditor .tabcontrol > .content > .body ul
{
    list-style: disc !important;
}

.jseditor .tabcontrol > .content > .body ul > li
{
    display: list-item;
}


/* Toast */

.jseditor .toast-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px 5px;
    margin: 2em auto;
    padding: 1rem;
    border: none;
    font-weight: 500;
    border-radius: 3px;
    cursor: pointer;
    min-width: 150px;
    font-size: 1rem;
    outline: none;
    background: #3498db;
    color: #fff;
}

.jseditor .toast-btn:hover {
    filter: brightness(0.8);
}

.jseditor button.success-toast {
    background-color: #27ae60;
}

.jseditor button.danger-toast {
    background-color: #c0392b;
}

.jseditor button.info-toast {
    background-color: #2980b9;
}

.jseditor button.warning-toast {
    background-color: #f39c12;
}

.jseditor .toasts {
    position: fixed;
    top: 2rem;
    right: 1rem;
    z-index: 99999;
}

.jseditor .toast-notification {
    width: 350px;
    margin-bottom: 10px;
    background: #f8f8ff;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 1px 4px 0 rgb(34 36 38 / 35%), 0 2px 10px 0 rgb(22 25 27 / 12%);
}

.jseditor .hide-toast {
    display: none;
}

.jseditor .toast-notification .toast-content {
    font-size: 15px;
    color: #353b48;
    padding: 10px 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 7px;
}

.jseditor .toast-notification .toast-icon {
    background-color: #27ae60;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.jseditor .toast-notification .toast-icon i {
    font-size: 14px;
}

.jseditor .toast-notification .toast-progress {
    height: 2px;
    width: 100%;
    position: relative;
    bottom: 0;
}
.jseditor .toast-notification .toast-progress-bar.success {
    background: #05be54;
}
.jseditor .toast-notification .toast-progress-bar.danger {
    background: #d91300;
}
.jseditor .toast-notification .toast-progress-bar.warning {
    background: #f39c12;
}
.jseditor .toast-notification .toast-progress-bar.info {
    background: #0081d7;
}

.jseditor .toast-notification .toast-progress-bar {
    background-color: #b7b7b7;
    height: 2px;
    animation: toastProgress 5s ease-in-out forwards;
    opacity: 0.8;
}

.jseditor .slide-in-slide-out {
    animation: slideInRight 0.3s ease-in-out forwards, slideOutRight 0.5s ease-in-out forwards 5s;
    transform: translateX(110%);
}

.jseditor .slide-in-fade-out {
    animation: slideInRight 0.3s ease-in-out forwards, fadeOut 0.5s ease-in-out forwards 5s;
    transform: translateX(110%);
}


.jseditor .wiggle-me {
    animation: wiggle 5s ease-in;
}

@keyframes slideInRight {
    0% { transform: translateX(110%); }
    75% { transform: translateX(-10%); }
    100% { transform: translateX(0%); }
}

@keyframes slideOutRight {
    0% { transform: translateX(0%); }
    25% { transform: translateX(-10%); }
    100% { transform: translateX(110%); }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes toastProgress {
    0% { width: 100%; }
    100% { width: 0; }
}

@keyframes wiggle {
    0%, 7% { transform: rotateZ(0); }
    15% { transform: rotateZ(-13deg); }
    20% { transform: rotateZ(9deg); }
    25% { transform: rotateZ(-10deg); }
    30% { transform: rotateZ(7deg); }
    35% { transform: rotateZ(-2deg); }
    40%, 100% { transform: rotateZ(0); }
}




/* Extra */
.invisible {
    visibility: hidden !important;
    display: none;
}



.jseditor .wizard ul > li:first-child {
    padding-left: 0;
    margin-left: 0;
}
.jseditor .wizard ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-left: 0;
}

.jseditor .wizard ul > li {
    padding-left: 0;
    margin-left: 0;
}


input[type="number"] {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
}