gdx-ui 1.13.0 → 1.13.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/logo.svg +44 -0
- package/assets/no-image.jpg +0 -0
- package/base.css +1 -1
- package/components/dialog/Dialog.js +29 -18
- package/components/images/Thumb.js +6 -3
- package/package.json +1 -1
package/assets/logo.svg
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
5
|
+
width="160px" height="50px" viewBox="0 0 160 50" enable-background="new 0 0 160 50" xml:space="preserve">
|
|
6
|
+
<path fill="#30CDFF" d="M9.167,23.788c0.029,0.092,0.065,0.184,0.104,0.276l8.335,19.661c0.81,1.912,3.015,2.805,4.926,1.993
|
|
7
|
+
l12.8-5.426c1.911-0.812,2.803-3.015,1.993-4.926L28.99,15.704c-0.09-0.212-0.198-0.412-0.32-0.598
|
|
8
|
+
c-0.298-0.691-0.858-1.27-1.613-1.575l-10.109-4.09c-1.522-0.616-3.255,0.119-3.871,1.641l-4.09,10.109
|
|
9
|
+
C8.63,22.073,8.726,23.024,9.167,23.788z M15.028,16.907c-0.563-1.327,0.057-2.857,1.384-3.42c1.326-0.562,2.856,0.057,3.419,1.384
|
|
10
|
+
c0.562,1.326-0.057,2.857-1.383,3.419C17.121,18.853,15.591,18.233,15.028,16.907z"/>
|
|
11
|
+
<path fill="#30CDFF" d="M41.092,13.244l-7.711-7.711c-1.161-1.161-3.043-1.161-4.205,0l-7.71,7.711
|
|
12
|
+
c-0.576,0.576-0.865,1.328-0.871,2.081c-0.04,0.219-0.061,0.444-0.061,0.675v21.355c0,2.076,1.682,3.758,3.757,3.758h13.903
|
|
13
|
+
c2.076,0,3.758-1.682,3.758-3.758V16c0-0.099-0.003-0.198-0.012-0.294C42.047,14.83,41.764,13.917,41.092,13.244z M31.249,14.266
|
|
14
|
+
c-1.441,0-2.608-1.167-2.608-2.607c0-1.441,1.167-2.609,2.608-2.609s2.609,1.167,2.609,2.609
|
|
15
|
+
C33.857,13.099,32.69,14.266,31.249,14.266z"/>
|
|
16
|
+
<path fill="#30B1FF" d="M35.331,40.292l-1.936,0.819h-9.104c-2.076,0-3.758-1.682-3.758-3.756V16c0-0.23,0.021-0.456,0.062-0.675
|
|
17
|
+
c0.005-0.753,0.294-1.504,0.871-2.081l1.406-1.407l4.184,1.694c0.755,0.305,1.315,0.884,1.613,1.575
|
|
18
|
+
c0.123,0.187,0.23,0.386,0.321,0.598l8.335,19.662C38.134,37.277,37.242,39.48,35.331,40.292z"/>
|
|
19
|
+
<path fill="#069CFF" d="M53.586,21.191l-4.089-10.108c-0.616-1.522-2.349-2.257-3.871-1.641l-10.108,4.09
|
|
20
|
+
c-0.755,0.305-1.315,0.884-1.614,1.575c-0.122,0.186-0.23,0.386-0.32,0.598l-8.335,19.662c-0.81,1.91,0.082,4.115,1.993,4.926
|
|
21
|
+
l12.8,5.426c1.911,0.812,4.116-0.08,4.926-1.992l8.335-19.662c0.038-0.092,0.074-0.184,0.104-0.276
|
|
22
|
+
C53.847,23.024,53.943,22.073,53.586,21.191z M44.125,18.29c-1.326-0.562-1.945-2.093-1.383-3.419
|
|
23
|
+
c0.563-1.327,2.093-1.946,3.419-1.384c1.327,0.562,1.947,2.093,1.384,3.42C46.982,18.233,45.452,18.853,44.125,18.29z"/>
|
|
24
|
+
<rect x="58.699" y="16.474" fill="none" width="97.301" height="36.793"/>
|
|
25
|
+
<g enable-background="new ">
|
|
26
|
+
<path fill="#888888" d="M77.73,18.981l-1.556,1.474c-1.119-1.101-2.346-1.936-3.679-2.505c-1.333-0.568-2.632-0.853-3.897-0.853
|
|
27
|
+
c-1.574,0-3.073,0.387-4.498,1.16c-1.424,0.774-2.527,1.822-3.31,3.146s-1.174,2.723-1.174,4.198c0,1.511,0.405,2.946,1.215,4.307
|
|
28
|
+
c0.81,1.36,1.929,2.43,3.358,3.207c1.428,0.778,2.994,1.167,4.695,1.167c2.066,0,3.813-0.582,5.242-1.747
|
|
29
|
+
c1.429-1.164,2.275-2.675,2.539-4.531h-6.402v-1.938h8.654c-0.018,3.104-0.939,5.566-2.764,7.392
|
|
30
|
+
c-1.824,1.824-4.266,2.736-7.323,2.736c-3.712,0-6.652-1.265-8.817-3.795c-1.666-1.947-2.498-4.199-2.498-6.756
|
|
31
|
+
c0-1.902,0.478-3.672,1.433-5.31c0.956-1.638,2.266-2.919,3.931-3.843c1.666-0.923,3.549-1.385,5.651-1.385
|
|
32
|
+
c1.702,0,3.304,0.307,4.805,0.921S76.301,17.625,77.73,18.981z"/>
|
|
33
|
+
<path fill="#888888" d="M90.943,15.609l9.363,20.079h-2.166l-3.158-6.606h-8.65l-3.129,6.606h-2.238l9.486-20.079H90.943z
|
|
34
|
+
M90.689,19.875l-3.439,7.268h6.863L90.689,19.875z"/>
|
|
35
|
+
<path fill="#888888" d="M103.419,35.688V15.609h4.163c3.003,0,5.183,0.241,6.538,0.724c1.947,0.682,3.47,1.865,4.566,3.549
|
|
36
|
+
s1.645,3.69,1.645,6.02c0,2.012-0.435,3.781-1.304,5.31c-0.869,1.529-1.997,2.657-3.385,3.386
|
|
37
|
+
c-1.388,0.728-3.333,1.092-5.836,1.092H103.419z M105.344,33.791h2.32c2.775,0,4.7-0.173,5.773-0.519
|
|
38
|
+
c1.511-0.49,2.698-1.375,3.563-2.652c0.864-1.277,1.296-2.839,1.296-4.685c0-1.937-0.469-3.592-1.405-4.964
|
|
39
|
+
c-0.938-1.373-2.243-2.314-3.918-2.823c-1.256-0.382-3.326-0.573-6.211-0.573h-1.419V33.791z"/>
|
|
40
|
+
<path fill="#888888" d="M123.164,15.609h2.347l4.808,7.813l4.835-7.813h2.315l-5.988,9.702l6.385,10.377h-2.347l-5.214-8.474
|
|
41
|
+
l-5.23,8.474h-2.348l6.415-10.364L123.164,15.609z"/>
|
|
42
|
+
<path fill="#888888" d="M141.257,15.609h11.507v1.966h-9.5v6.292h9.418v1.965h-9.418v7.89h9.418v1.966h-11.425V15.609z"/>
|
|
43
|
+
</g>
|
|
44
|
+
</svg>
|
|
Binary file
|
package/base.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.checkmark:after,.clearfix:after,.clearfix:before,.form-inline:after,.form-inline:before,.input-inside:after,.input-inside:before,.slider:before,.toolbar-group:after,.toolbar-group:before{content:""}.clearfix:after,.form-inline:after,.input-inside:after,.toolbar-group:after{clear:both}.input-inside,body,button,input,select,textarea{font-family:'Open Sans',sans-serif}.app-layout,.btn,.input-inside,.row-item,.snackbar,.thumb,body,html,input,select,textarea{box-sizing:border-box}.btn,.center,.pagination-input{text-align:center}.btn,a,button.anchor{text-decoration:none;cursor:pointer}.clearfix:after,.clearfix:before{display:table;line-height:0}.widget-hover{box-shadow:0 6px 10px rgba(0,0,0,.2)}body{background:var(--body-bg);color:var(--color);font-size:14px;font-weight:500;line-height:1.5em}.code-editor,code,pre{font-family:monospace}body,html{height:100%;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.5em;margin:0 0 15px;padding:0}.btn-link,.strong,h3,h4,h5,h6{font-weight:700}h1{font-size:25px}h2{font-size:20px}h3{font-size:15px}.btn,h4,h5,h6{font-size:14px}a,button.anchor{color:#1D9EFC;background:0 0;border:none;padding:0}a:hover,button.anchor:hover{color:#0390f7}p{margin:0 0 15px}code,pre{color:#7b7b7b}pre{background:var(--body-bg);border-radius:4px;border:1px solid var(--border-color);line-height:1.5em;overflow:auto;padding:15px;text-wrap:wrap}.box,.carousel{background:var(--el-bg)}.btn,hr{border:none}hr{border-bottom:solid 1px var(--border-color);margin:15px 0}.box,.dialog{-webkit-box-shadow:0 4px 18px rgba(0,0,0,.1);-moz-box-shadow:0 4px 18px rgba(0,0,0,.1);margin-bottom:15px}.app-layout{min-height:100%;display:flex;flex-direction:column}.app-body{flex-grow:1}.app-footer,.app-header{flex-grow:0;flex-shrink:0}.carousel-dots,.flex-align-center,.loader-squares{justify-content:center}.wrapper .span-side{width:250px}.wrapper .span-double{width:835px}.wrapper .adds-4 .span-add{width:263.75px}.wrapper .adds-3 .span-add{width:356.67px}.wrapper .span-half{width:542.5px}:root{--base-margin:15px}.theme-light,:root{--color:#272729;--btn-bg:#ECEDEF;--btn-bg-darker:#dee0e3;--el-bg:#FFFFFF;--el-bg-highlight:#f2f5f7;--body-bg:#f1f5f8;--border-color:#DDD;--overlay-color:rgba(0, 0, 0, 0.2);--input-bg:#FFFFFF}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:500;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk_RkaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1y4n.ttf) format('truetype')}.blink-soft{animation:blinker 2s linear infinite}@keyframes blinker{50%{opacity:.4}}.box{box-shadow:0 4px 18px rgba(0,0,0,.1);border-radius:4px;position:relative}.box-header{color:#888}.box .box-footer .row,.box .box-toolbar .form-element,.box .box-toolbar .row{margin-bottom:0}.box .box-top-btn{position:absolute;right:10px;top:10px}.carousel,.carousel-img-wrapper,.input-wrapper{position:relative}.box .box{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid var(--border-color)}button:focus-visible{outline:#1D9EFC auto 1px}.btn-circle:active,.btn:active{outline:rgba(29,158,252,.7) solid 3px!important}.btn-circle:focus-visible,.btn:focus-visible{outline:#038df2 solid 2px;outline-offset:2px}.btn{border-radius:4px;display:inline-block;margin:0;vertical-align:middle;padding:10px 20px;transition:background .2s cubic-bezier(.4,0,.2,1)}.btn.disabled,.btn[disabled]{opacity:50%;pointer-events:none}.btn-normal{border:none}.btn-outline{background:0 0;color:var(--color)}.btn-link{border:1px solid transparent;background:0 0;color:#1D9EFC}.btn-normal-default{background:var(--btn-bg);border:1px solid var(--btn-bg);color:var(--color)}.btn-outline-default{border:1px solid #a2a2a2;color:var(--color)}.btn-link-default{color:var(--color)}.btn-link-default:hover{background:#ECEDEF}.btn-normal-default:hover,.btn-outline-default:hover{background:var(--btn-bg-darker);border-color:var(--btn-bg-darker)}.btn-normal-primary{background:#1D9EFC;border:1px solid #1D9EFC;color:#FFF}.btn-outline-primary{border:1px solid #1D9EFC;color:#1D9EFC}.btn-link-primary{color:#1D9EFC}.btn-link-primary:hover{background:#e2f1fb}.btn-normal-primary:hover,.btn-outline-primary:hover{color:#FFF;background:#038aed}.btn-normal-alert{background:#ea0835;border:1px solid #ea0835;color:#FFF}.btn-outline-alert{border:1px solid #ea0835;color:#ea0835}.btn-link-alert{color:#ea0835}.btn-link-alert:hover{background:#FCC5C5}.btn-normal-alert:hover,.btn-outline-alert:hover{color:#FFF;background:#c3072c}.btn-normal-success{background:#1bd741;border:1px solid #1bd741;color:#FFF}.btn-outline-success{border:1px solid #1bd741;color:#1bd741}.btn-link-success{color:#1bd741}.btn-link-success:hover{background:#DDFFD4}.btn-normal-success:hover,.btn-outline-success:hover{color:#FFF;background:#16b336}.btn-size-large{font-size:20px;padding:15px 30px}.btn-size-small{font-size:12px;padding:4px 8px}.btn-circle{border-radius:50%;border:none;height:30px;width:30px;margin:0;padding-top:2px}.btn-circle.disabled,.btn-circle[disabled]{opacity:30%;pointer-events:none;cursor:not-allowed}.btn-circle:active{outline:rgba(29,158,252,.7) solid 3px!important}.btn-alert:active,.input-alert:focus{outline:rgba(234,8,53,.7) solid 3px!important}.btn-circle-bg-clear{background:rgba(0,0,0,.1)}.btn-circle-bg-solid{background:var(--btn-bg)}.btn-circle:hover{background:#1D9EFC}.btn-circle:hover svg{color:#fff!important}.btn-circle-size-default{font-size:1em}.btn-circle-size-small{width:18px;height:18px;padding-top:0;font-size:10px}.btn-circle-size-small svg{margin-left:-2px;margin-top:3px}.btn-circle-size-large{width:48px;height:48px;padding-top:0;font-size:15px}.btn-circle-size-large svg{margin-left:0;margin-top:0}.btn-alert:focus-visible{outline:#c7072d solid 2px;outline-offset:2px}.btn-success:active{outline:rgba(27,215,65,.7) solid 3px!important}.btn-success:focus-visible{outline:#17b737 solid 2px;outline-offset:2px}.carousel{width:100%;overflow:hidden;border-radius:4px;user-select:none}.carousel-slide{display:flex;height:100%;will-change:transform}.carousel-img-wrapper{min-width:100%;height:100%;overflow:hidden}.carousel-img{width:100%;height:100%;object-fit:cover;display:block}.carousel-dots,.flex{display:flex;gap:15px}.carousel-title{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);color:#fff;padding:15px;font-size:20px;border-radius:0 0 4px 4px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:9}.dialog,.loader-full{transform:translate(-50%,-50%)}.carousel-btn-left{left:15px}.carousel-btn-right{right:15px}.carousel-dots{position:absolute;left:0;right:0;bottom:15px;z-index:9}.carousel-dot-btn{width:15px;height:15px;border-radius:50%;border:none;cursor:pointer;outline:0;transition:backgrund .2s}.dialog-title,.table .underlined td,.table .underlined th,.table thead td,.table thead th,.tabs{border-bottom:solid 1px var(--border-color)}.dialog{background:var(--el-bg);box-shadow:0 4px 18px rgba(0,0,0,.1);border-radius:4px;left:50%;top:50%;position:fixed;z-index:999}.dialog h1,.dialog h2,.dialog h3{margin:0}.dialog-title{padding:15px;border-radius:4px 4px 0 0}.dialog-content{padding:15px}.dialog-actions{border-top:solid 1px var(--border-color);padding:15px}.dialog-actions .btn,.dialog-actions .flex,.dialog-actions .row{margin-bottom:0}.dialog-close{position:absolute;top:10px;right:15px}.dialog-close button:focus,.dialog-close button:focus-visible{outline:#038df2 solid 2px;outline-offset:2px}.dialog-primary>.dialog-title{background:#1D9EFC;color:#fff}.dialog-alert>.dialog-title{background:#ea0835;color:#fff}.dialog-success>.dialog-title{background:#1bd741;color:#fff}.dialog .box{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid var(--border-color)!important}.dropdown,.navbar-menu .navbar-menu-item>.navbar-submenu{background:var(--el-bg);-webkit-box-shadow:0 4px 18px rgba(0,0,0,.1);-moz-box-shadow:0 4px 18px rgba(0,0,0,.1)}.dialog:focus{outline:0}.dropdown{box-shadow:0 4px 18px rgba(0,0,0,.1);border-radius:4px;border:1px solid var(--border-color);padding:5px 0;position:absolute;z-index:99;width:100%;cursor:pointer;margin:0}.dropdown li{list-style:none;margin:0}.dropdown-item{padding:8px 12px}.dropdown-item:hover{background-color:var(--el-bg-highlight)}.dropdown-active{background-color:#1D9EFC!important;color:#fff}.navbar-menu-item .dropdown a{margin:0!important;padding:0!important;color:var(--color)!important}.flex{margin-bottom:15px}.flex-align-right{justify-content:flex-end}.flex-align-left{justify-content:flex-start}.flex-align-justify{justify-content:space-between}.flex-valign-center{align-items:center}.flex-valign-top{align-items:flex-start}.flex-valign-bottom{align-items:flex-end}.flex-valign-stretch{align-items:stretch}input:focus,select:focus,textarea:focus{outline:rgba(29,158,252,.7) solid 3px;border-color:#4fb4fd}.input-inside,button,input,select,textarea{background:var(--input-bg);color:var(--color)}.input-inside,input,select,textarea{display:inline-block;padding:10px;font-size:14px;line-height:1.5em;border-radius:4px;vertical-align:middle;border:1px solid var(--border-color);-webkit-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;margin-bottom:0!important}.form-element,fieldset,fieldset label{margin-bottom:15px}.input-inside.large,input.large,select.large,textarea.large{font-size:25px;padding:6px}.input-inside:hover,input:hover,select:hover,textarea:hover{-webkit-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;border-color:#4fb4fd}.inline-elements .form-element,.toolbar .form-element{margin-bottom:0}input[type=color]{border:none;padding:0}.input-alert{-webkit-transition:none!important;transition:none!important;border-color:#ea0835!important}.code-editor:focus,.input-inside input:focus,.input-inside select:focus{outline:0!important}.input-reset-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2}.input-inside{padding:0 4px 0 0;position:relative}.input-inside select{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0;padding:0 0 0 4px;color:#888;border-right:solid 1px var(--border-color);background:var(--input-bg);border-radius:0;height:40px}.badge .btn-circle,.label .btn-circle,.swith-label{margin-left:5px}.input-focus,.input-inside:focus{outline:rgba(29,158,252,.7) solid 3px;border-color:#1D9EFC}.input-inside select:focus{background:#e2f1fb}.input-inside :first-child{border-radius:4px 0 0 4px}.input-inside :last-child{border-radius:0 4px 4px 0}.input-inside .btn-circle{height:24px;width:24px}.input-inside,textarea{height:auto}.input-btns{position:absolute;right:5px;top:5px}.label-inline{padding:0!important}.label-inline label{color:#888;padding:4px 8px}.label-inline select{border-right:none!important;border-left:solid 1px var(--border-color);color:var(--color)}.input-inside:after,.input-inside:before{display:table;line-height:0}.input-inside button,.input-inside i,.input-inside input,.input-inside span{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.input-inside input,.input-inside textarea{border:0!important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input.disabled,input[disabled]{background-color:var(--el-bg-color);border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:4px 0!important}input:-moz-read-only,input:read-only{color:brown;border:none!important}input[type=checkbox],input[type=radio]{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}select{margin-top:0;color:var(--color)}textarea{resize:none}label{display:block}label input,label select,label textarea,td label{margin-bottom:0}fieldset{border:1px solid var(--border-color);border-radius:4px}legend{color:var(--dark-gray);padding:0 5px}.form-inline:after,.form-inline:before{display:table;line-height:0}.form-inline button,.form-inline input,.form-inline label,.form-inline select,.form-inline textarea{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.toolbar-group:after,.toolbar-group:before{display:table;line-height:0}.toolbar-group button,.toolbar-group input,.toolbar-group label,.toolbar-group select,.toolbar-group textarea{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle;margin-right:-5px;border-right:solid 1px #FFF;border-radius:0}.toolbar-group button:first-child,.toolbar-group input:first-child,.toolbar-group label:first-child,.toolbar-group select:first-child,.toolbar-group textarea:first-child{border-radius:4px 0 0 4px}.toolbar-group button:last-child,.toolbar-group input:last-child,.toolbar-group label:last-child,.toolbar-group select:last-child,.toolbar-group textarea:last-child{border-radius:0 4px 4px 0;border-right:solid 1px var(--border-color)}::placeholder{color:#888;opacity:1}:-ms-input-placeholder{color:var(--border-color)}::-ms-input-placeholder{color:var(--border-color)}label.switch{margin-top:-5px}.switch{position:relative;display:inline-block;width:32px;height:19px}.switch input{opacity:0;width:0;height:0;outline:0}.checkmark,.slider:before{width:15px;border-radius:50%}.form-switch{display:inline-block}.slider{-webkit-box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%)!important;-moz-box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%)!important;box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%)!important;border-radius:15px;-webkit-transition:background-color .1s;background-color:#ccc;bottom:-1px;cursor:pointer;left:0;position:absolute;right:1px;top:1px;transition:background-color .1s}.slider:before{left:2px;-webkit-transition:.1s;background-color:#fff;bottom:2px;height:15px;position:absolute;transition:.1s}input:checked+.slider{background-color:#1bd741}input:focus+.slider{box-shadow:0 0 1px #1bd741}input:checked+.slider:before{transform:translateX(12px)}.switch input[type=checkbox]:focus+.slider{outline:0}.switch input[type=checkbox]:focus-visible+.slider{outline:rgba(29,158,252,.7) solid 3px;border-color:#1D9EFC;outline-offset:2px}.cust-radio input[type=radio]:focus+.checkmark{outline:0}.cust-radio input[type=radio]:focus-visible+.checkmark{outline:rgba(29,158,252,.7) solid 3px;border-color:#1D9EFC;outline-offset:2px}.input-label,.input-label-alert{display:block;font-size:12px;margin-bottom:2px}.input-label{color:#888}.input-label-alert{color:#ea0835}.cust-radio{display:block;position:relative;padding-left:18px;padding-right:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cust-radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:4px;left:0;height:15px;background-color:var(--border-color);-webkit-box-shadow:inset 0 1px 3px rgb(0 0 0 / 20%)!important;-moz-box-shadow:inset 0 1px 3px rgb(0 0 0 / 20%)!important;box-shadow:inset 0 1px 3px rgb(0 0 0 / 20%)!important}.cust-radio input:checked~.checkmark{background-color:#1D9EFC}.checkmark:after{position:absolute;display:none}.cust-radio input:checked~.checkmark:after{display:block}.cust-radio .checkmark:after{top:5px;left:5px;width:5px;height:5px;border-radius:50%;background:#fff}.hidden-arrows::-webkit-inner-spin-button,.hidden-arrows::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.information,.row{margin-bottom:15px}.code-editor{color:#7b7b7b;font-size:12px;border:0;padding:0;width:100%}.information,.label{border-radius:4px}.information{padding:15px;position:relative}.information-icon{position:absolute;top:15px;left:15px;font-size:1.2em;opacity:.75}.information-content-icon{padding-left:30px}.information-large{font-size:25px;padding:30px}.information-default{background:var(--el-bg-highlight)}.information-primary{background:#e2f1fb;color:#1D9EFC}.information-primary hr{border-bottom:solid 1px #1D9EFC}.information-warning{background:#FFDA33;color:var(--color)}.information-success{background:#DDFFD4;color:#1bd741}.information-success hr{border-bottom:solid 1px #1bd741}.information-alert{background:#FCC5C5;color:#ea0835}.information-alert hr{border-bottom:solid 1px #ea0835}.badge,.label{cursor:default;display:inline-block;line-height:1.5em;color:#fff;vertical-align:baseline;white-space:nowrap;position:relative}.badge:empty,.label:empty{display:none}.badge-default,.label-default{background-color:var(--btn-bg);color:#7b7b7b}.badge.badge-primary,.badge.label-primary,.label.badge-primary,.label.label-primary{background-color:#1D9EFC}.badge.badge-warning,.badge.label-warning,.label.badge-warning,.label.label-warning{color:var(--color);background-color:#FFDA33}.badge.badge-success,.badge.label-success,.label.badge-success,.label.label-success{background-color:#1bd741}.badge.badge-alert,.badge.label-alert,.label.badge-alert,.label.label-alert{background-color:#ea0835}.badge{border-radius:20px;padding:2px 10px}.badge-small{padding:0 10px;font-size:12px}.badge-closable{padding-right:0}.clear-list ul,ul.clear-list{margin:0 0 15px;padding:0}.clear-list ul li,ul.clear-list li{margin:0;padding:0;list-style:none;line-height:1.5em}.inline-list ul,ul.inline-list{display:flex;gap:15px;margin:0 0 15px;padding:0}.inline-list ul li,ul.inline-list li{padding:0;margin:0;list-style:none}.loader-squares{display:flex;gap:8px;align-items:center;height:40px}.loader-square{width:16px;height:16px;border-radius:4px;animation:loader-grow .7s cubic-bezier(.4,0,.2,1) infinite;transform-origin:center;background-color:#1895ff}.loader-square:nth-child(1){animation-delay:0s}.loader-square:nth-child(2){animation-delay:.15s}.loader-square:nth-child(3){animation-delay:.3s}.loader-square:nth-child(4){animation-delay:.45s}.loader-square:nth-child(5){animation-delay:.6s}@keyframes loader-grow{0%,100%{transform:scale(1);background-color:#1895ff}30%{transform:scale(1.5);background-color:#24d3fc}60%{transform:scale(1);background-color:#1fb5fe}}.loader-lock{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:9990}.loader-wrapper{position:relative;z-index:9999}.loader-full{position:fixed;top:50%;left:50%}header{background:#212121;border-bottom:solid 3px #1D9EFC}.navbar-responsive{-webkit-backdrop-filter:blur(5px);align-items:center;backdrop-filter:blur(5px);color:#fff;display:flex;min-height:60px;padding:0 15px;position:relative;z-index:100}.navbar-logo img{height:40px}.navbar-main{flex:1}.navbar-menu{display:flex;list-style:none;margin:0;padding:0}.navbar-menu .navbar-menu-item{position:relative;cursor:pointer;display:inline-block;z-index:888}.navbar-menu .navbar-menu-item a{color:#fff;display:block;padding:19px 30px}.navbar-menu .navbar-menu-item>.navbar-submenu{display:none;position:absolute;left:0;top:100%;min-width:160px;z-index:999;color:var(--color)!important;padding:4px 0;box-shadow:0 4px 18px rgba(0,0,0,.1);border-radius:4px;border:1px solid var(--border-color)}.navbar-menu .navbar-menu-item>.navbar-submenu a{color:var(--color);padding:10px 15px}.navbar-menu .navbar-menu-item>.navbar-submenu li:hover{background-color:#1D9EFC;color:#fff}.navbar-menu .navbar-menu-item>.navbar-submenu li:hover>a{color:#fff}.navbar-icon-area,.navbar-menu,.navbar-menu-item.has-submenu>.navbar-submenu{color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar-menu-item.open>.navbar-submenu,.navbar-menu-item:hover>.navbar-submenu{display:block}.navbar-icon-btn:hover,.navbar-menu-item:hover,.navbar-submenu-item:hover{background:rgba(255,255,255,.08)}.navbar-submenu{list-style:none;margin:0;padding:0}.navbar-icons{display:flex;gap:.5rem}.navbar-icons .navbar-icon-btn{color:#fff;background:0 0;border:none;cursor:pointer;font-size:1.2em;height:40px;width:40px;display:flex;align-items:center;justify-content:center;opacity:.8}.navbar-icons .navbar-icon-btn:hover{opacity:1}.navbar-hamburger{display:none;background:0 0;border:none;font-size:1.5em;margin-left:1rem;cursor:pointer;color:#fff}.navbar-icon-area{background:var(--el-bg);-webkit-box-shadow:0 4px 18px rgba(0,0,0,.1);-moz-box-shadow:0 4px 18px rgba(0,0,0,.1);box-shadow:0 4px 18px rgba(0,0,0,.1);border-radius:4px;display:none;position:absolute;right:1rem;top:100%;z-index:20}.navbar-icon-area.open{display:block}.pagination{padding-bottom:15px}.pagination-bar{width:100%;display:flex;justify-content:center;align-items:center;padding:15px 0}.pagination-bar-inner{display:flex;align-items:center;gap:15px;min-width:150px;max-width:220px}.pagination-input{width:48px;border-radius:4px;border:1px solid #ccc;padding:4px 0;font-size:1em}.row{display:flex;flex-wrap:wrap;width:100%;gap:15px}.list-scroller-wrapper{width:100%;position:relative}.list-scroller{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:15px;width:100%;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:5px}.clipped,.image-zoom,.skeleton,.thumb{overflow:hidden}.list-scroller::-webkit-scrollbar{display:none}.image,.snackbar-stack,.tabs{display:flex}.list-scroller li{margin:0;padding:0;list-style:none}.list-scroller-btn{position:absolute;z-index:9;background:#CCC;top:50%;transform:translateY(-50%)}.skeleton,.snackbar,.tab-content,.tabs .tab.active,.thumb{position:relative}.list-scroller-btn-left{left:-15px}.list-scroller-btn-right{right:-15px}.skeleton{background:linear-gradient(90deg,var(--btn-bg) 25%,#bbb 50%,var(--btn-bg) 75%);background-size:200% 100%;animation:skeleton-shimmer 2s infinite linear;border-radius:4px;padding:15px;margin-bottom:15px}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.snackbar{padding:15px 60px 15px 15px;color:#FFF;border-radius:4px;margin:auto auto 15px;min-width:500px;-webkit-box-shadow:0 3px 10px rgba(0,0,0,.3);-moz-box-shadow:0 3px 10px rgba(0,0,0,.3);box-shadow:0 3px 10px rgba(0,0,0,.3)}.snackbar .snackbar-close{position:absolute;top:10px;right:10px}.snackbar-stack{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);z-index:9999;flex-direction:column;align-items:center}table{max-width:100%;border-collapse:collapse;border-spacing:0}.table{cursor:default;border-bottom:solid 1px transparent;margin-bottom:15px;border-collapse:separate;background:var(--el-bg)}.table thead td,.table thead th{background-color:var(--el-bg);color:#888;font-weight:400;position:sticky;top:0;z-index:9}.table thead td a,.table thead td button.anchor,.table thead th a,.table thead th button.anchor{color:#888!important}.table thead td a:hover,.table thead td button.anchor:hover,.table thead th a:hover,.table thead th button.anchor:hover{text-decoration:underline;color:#6f6f6f}.table thead td:first-child,.table thead th:first-child{border-radius:4px 0 0}.table thead td:last-child,.table thead th:last-child{border-radius:0 4px 0 0}.table td,.table th{padding:8px 6px;line-height:1.5em}.content,.tab-content,.tabs .tab{padding:15px}.table td .form-element,.table th .form-element{margin-bottom:0!important}.table .input-wrapper,.table .uneditable-input,.table input,.table select,.table td .btn,.table td .row,.table textarea,.table th .btn,.table th .row{margin-bottom:0}.table tbody td,.table tbody th{border-top:solid 1px transparent}.border-top,.table .overlined td,.table .overlined th{border-top:solid 1px var(--border-color)}.table tr.valign-middle td{vertical-align:middle}.table tr.valign-top td{vertical-align:top}.table tr.valign-bottom td{vertical-align:bottom}.table-striped tbody tr:nth-child(odd){background-color:var(--el-bg-highlight)}.table-striped tbody tr:nth-child(odd).highlight-success{background-color:#b5ffa1}.table-striped tbody tr.highlight-success{background-color:#DDFFD4!important}.table-hover tbody tr:hover>td{background-color:#e2f1fb}.table td.highlight-alert,.table th.highlight-alert,.table tr.highlight-alert td,.table tr.highlight-alert th{background-color:#FCC5C5!important}.table td.highlight-primary,.table th.highlight-primary,.table tr.highlight-primary td,.table tr.highlight-primary th{background-color:#e2f1fb!important}.tabs .tab{margin:0;cursor:pointer;border:1px solid transparent;border-radius:4px 4px 0 0}.tabs .tab.active{border:1px solid var(--border-color);border-bottom:solid 1px #FFF;color:#1D9EFC;z-index:9;background:#FFF;bottom:-1px}.tabs .tab.disabled,.tabs .tab[disabled]{color:#a2a2a2;pointer-events:none}.tab-content{border:1px solid var(--border-color);border-top:solid 1px transparent;border-radius:0 0 4px 4px;z-index:1;background:#FFF}.thumb,.thumb img{border-radius:4px}.image-left{justify-content:flex-start}.image-right{justify-content:flex-end}.image-center{justify-content:center}.thumb{background-color:#FFF!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:100%!important;height:80px;margin-bottom:15px;width:100%}.thumb.thumb-bordered{border:1px solid var(--border-color)}.thumb-small{width:56px;height:56px}.thumb-smallest{width:32px;height:32px}.thumb-medium{width:80px;height:80px}.thumb-large{width:160px;height:160px}.thumb-largest{width:240px;height:240px}.thumb .center-by-width{height:auto;position:absolute;top:50%;transform:translate(0,-50%);width:100%}.image-zoom-caption,.tooltip{transform:translateX(-50%);border-radius:4px}.thumb .center-by-height{display:block;margin-left:auto;margin-right:auto;width:auto;height:100%}ul.tree li:after,ul.tree li:before{width:15px;color:#fff;content:""}.thumb .thumb-corner{position:absolute;top:-13px;right:-13px}.image-zoom{position:relative;touch-action:none;background:#fff}.image-zoom img{position:absolute;user-select:none}.image-zoom-caption{position:absolute;bottom:15px;background:rgba(0,0,0,.25);color:#fff;padding:5px 15px;font-size:12px;z-index:9;left:50%;display:block}.image-zoom:hover>.image-zoom-caption{display:none}.clipped,.inline,.tooltip-wrapper,ul.tree li .tree-content,ul.tree li .tree-last-content,ul.tree li:after,ul.tree li:before{display:inline-block}.tooltip-wrapper{position:relative}.tooltip{position:absolute;bottom:120%;left:50%;background:rgba(0,0,0,.7);color:#fff;padding:6px 12px;white-space:nowrap;z-index:100;font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.15)}ul.tree{list-style:none;padding:0;margin:0 0 15px}ul.tree ul.tree{margin-left:-23px;margin-top:4px;margin-bottom:0}ul.tree li{margin:0;padding:0 7px;line-height:2rem;border-left:1px solid #646464;cursor:default;position:relative}ul.tree li .tree-content{margin:3px 0 0 40px}ul.tree li .tree-last-content{margin:3px 0 0 15px}ul.tree li .tree-button{position:absolute;top:3px;left:15px;z-index:5}ul.tree li:last-child{border-left:none;line-height:15px!important}ul.tree li:last-child:before{border-left:1px solid #646464}ul.tree li:before{position:absolute;top:-3px;height:1.6em;border-bottom:1px solid #646464;left:0}ul.tree li:after{position:relative;top:-.3em;height:1.6em;left:-7px}small{font-size:12px}.text-size-normal{font-size:14px}.text-size-large{font-size:25px}.note,.text-size-small{font-size:12px}.margin-top{margin-top:15px}.margin-bottom{margin-bottom:15px}.collapesed-bottom{margin-bottom:0}.default-color{color:var(--color)!important}.primary-color{color:#1D9EFC!important}.success-color{color:#1bd741!important}.alert-color{color:#ea0835!important}.active-color{color:#64FA00!important}.gray{color:#888}.light-gray{color:#a2a2a2}.apply-color.gray a{color:#888}.apply-color.gray a:hover{text-decoration:underline}.bg-primary{background-color:#1D9EFC}.bg-success{background-color:#1bd741}.bg-alert{background-color:#ea0835}.bg-warning{background-color:#FFDA33;color:#272729}.bg-default{background-color:#7b7b7b}.bg-alert .btn-circle-bg-clear svg,.bg-default .btn-circle-bg-clear svg,.bg-primary .btn-circle-bg-clear svg,.bg-success .btn-circle-bg-clear svg{color:#fff!important}.inline{vertical-align:middle}.note{color:#888}.clipped{text-wrap:nowrap}.clipped-dots{position:absolute;margin-left:1px}.relative{position:relative}.absolute,.corner-btn{position:absolute}.corner-btn{right:15px;top:15px}.component-locker,.overlay{background:var(--overlay-color);height:100%;left:0;top:0;transition:.2s;width:100%}.border-bottom{border-bottom:solid 1px var(--border-color)}.right{text-align:right}.left{text-align:left}.visible{visibility:visible}.invisible{visibility:hidden}.hidden{display:none}.expanded{width:100%;margin-bottom:15px}.rounded{border-radius:4px}.clickable{cursor:pointer}.clickable:hover{outline:#1D9EFC solid 2px}.bordered{border:1px solid var(--border-color);border-radius:4px}.bordered-primary{border-color:#1D9EFC}.bordered-top{border-top:solid 1px var(--border-color)}.bordered-bottom{border-bottom:solid 1px var(--border-color)}.overlay{position:fixed;z-index:99}.component-locker{border-radius:4px;position:absolute;z-index:9}.outline-primary{outline:#1D9EFC dashed 1px}.outline-success{outline:#1bd741 dashed 1px}.wrapper{position:relative;margin:auto}.wrapper-large{width:1100px}.wrapper-large .role-mainside{width:835px}.wrapper-large .role-sidebar{width:250px}.wrapper-large .role-half{width:550px}.wrapper-large .box .role-mainside,.wrapper-large .box .role-sidebar{width:820px}.wrapper-small{width:366.67px}.wrapper-medium{width:550px}@-ms-viewport{width:device-width}@media (max-width:550px){body{font-size:14px}h1,h2,h3{font-size:1.1em}.wrapper-default,.wrapper-large{width:96%;margin:auto}.row-item{flex:0 0 100%!important;max-width:100%!important}.btn,.expanded-phone,.snackbar{width:100%}.dialog{width:95%!important}}@media (min-width:551px) and (max-width:1115px){body{font-size:14px}h1{font-size:1.3em}h2,h3{font-size:1.1em}.wrapper-default,.wrapper-large{width:96%;margin:auto}.row-item{flex:0 0 calc(50% - (15px / 2))!important;max-width:calc(50% - (15px / 2))!important}.snackbar{width:100%}}@media (max-width:1115px){.navbar-menu{flex-direction:column;display:none;background:#fff;position:absolute;left:0;top:56px;width:100%;box-shadow:0 4px 16px rgba(0,0,0,.08)}.navbar-main.open .navbar-menu{display:flex}.navbar-hamburger{display:block}.navbar-menu-item{width:100%}.navbar-icons{margin-left:auto}}
|
|
1
|
+
.clearfix:after,.clearfix:before,.form-inline:after,.form-inline:before,.input-inside:after,.input-inside:before,.toolbar-group:after,.toolbar-group:before{line-height:0;content:""}.clearfix:after,.form-inline:after,.input-inside:after,.toolbar-group:after{clear:both}.input-inside,body,button,input,select,textarea{font-family:'Open Sans',sans-serif}.app-layout,.btn,.input-inside,.row-item,.snackbar,.thumb,body,html,input,select,textarea{box-sizing:border-box}.clearfix:after,.clearfix:before{display:table}.widget-hover{box-shadow:0 6px 10px rgba(0,0,0,.2)}body{background:var(--body-bg);color:var(--color);font-size:14px;font-weight:500;line-height:1.5em}.code-editor,code,pre{font-family:monospace}body,html{height:100%;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.5em;margin:0 0 15px;padding:0}.btn-link,.strong,h3,h4,h5,h6{font-weight:700}h1{font-size:25px}h2{font-size:20px}h3{font-size:15px}.btn,h4,h5,h6{font-size:14px}a,button.anchor{color:#1D9EFC;text-decoration:none;background:0 0;border:none;cursor:pointer;padding:0}a:hover,button.anchor:hover{color:#0390f7}p{margin:0 0 15px}code,pre{color:#7b7b7b}pre{background:var(--body-bg);border-radius:4px;border:1px solid var(--border-color);line-height:1.5em;overflow:auto;padding:15px;text-wrap:wrap}.btn,hr{border:none}.carousel,.carousel-img-wrapper{overflow:hidden;position:relative}hr{border-bottom:solid 1px var(--border-color);margin:15px 0}.app-layout{min-height:100%;display:flex;flex-direction:column}.app-body{flex-grow:1}.app-footer,.app-header{flex-grow:0;flex-shrink:0}.wrapper .span-side{width:250px}.wrapper .span-double{width:835px}.wrapper .adds-4 .span-add{width:263.75px}.wrapper .adds-3 .span-add{width:356.67px}.wrapper .span-half{width:542.5px}:root{--base-margin:15px}.theme-light,:root{--color:#272729;--btn-bg:#ECEDEF;--btn-bg-darker:#dee0e3;--el-bg:#FFFFFF;--el-bg-highlight:#f2f5f7;--body-bg:#f1f5f8;--border-color:#DDD;--overlay-color:rgba(0, 0, 0, 0.2);--input-bg:#FFFFFF}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:500;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk_RkaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjaVc.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1y4n.ttf) format('truetype')}.blink-soft{animation:blinker 2s linear infinite}@keyframes blinker{50%{opacity:.4}}.box{background:var(--el-bg);-webkit-box-shadow:0 4px 18px rgba(0,0,0,.1);-moz-box-shadow:0 4px 18px rgba(0,0,0,.1);box-shadow:0 4px 18px rgba(0,0,0,.1);border-radius:4px;position:relative;margin-bottom:15px}.box .box-top-btn,.carousel-btn,.carousel-dots,.carousel-title,.dialog,.dialog-close,.dropdown{position:absolute}.box .box-footer .row,.box .box-toolbar .form-element,.box .box-toolbar .row,.dialog-actions .btn,.dialog-actions .flex,.dialog-actions .row{margin-bottom:0}.box-header{color:#888}.box .box-top-btn{right:10px;top:10px}.box .box{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid var(--border-color)}button:focus-visible{outline:#1D9EFC auto 1px}.btn-circle:active,.btn:active{outline:rgba(29,158,252,.7) solid 3px!important}.btn-circle:focus-visible,.btn:focus-visible{outline:#038df2 solid 2px;outline-offset:2px}.btn{border-radius:4px;display:inline-block;margin:0;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;padding:10px 20px;transition:background .2s cubic-bezier(.4,0,.2,1)}.btn.disabled,.btn[disabled]{opacity:50%;pointer-events:none}.btn-normal{border:none}.btn-outline{background:0 0;color:var(--color)}.btn-link{border:1px solid transparent;background:0 0;color:#1D9EFC}.btn-normal-default{background:var(--btn-bg);border:1px solid var(--btn-bg);color:var(--color)}.btn-outline-default{border:1px solid #a2a2a2;color:var(--color)}.btn-link-default{color:var(--color)}.btn-link-default:hover{background:#ECEDEF}.btn-normal-default:hover,.btn-outline-default:hover{background:var(--btn-bg-darker);border-color:var(--btn-bg-darker)}.btn-normal-primary{background:#1D9EFC;border:1px solid #1D9EFC;color:#FFF}.btn-outline-primary{border:1px solid #1D9EFC;color:#1D9EFC}.btn-link-primary{color:#1D9EFC}.btn-link-primary:hover{background:#e2f1fb}.btn-normal-primary:hover,.btn-outline-primary:hover{color:#FFF;background:#038aed}.btn-normal-alert{background:#ea0835;border:1px solid #ea0835;color:#FFF}.btn-outline-alert{border:1px solid #ea0835;color:#ea0835}.btn-link-alert{color:#ea0835}.btn-link-alert:hover{background:#FCC5C5}.btn-normal-alert:hover,.btn-outline-alert:hover{color:#FFF;background:#c3072c}.btn-normal-success{background:#1bd741;border:1px solid #1bd741;color:#FFF}.btn-outline-success{border:1px solid #1bd741;color:#1bd741}.btn-link-success{color:#1bd741}.btn-link-success:hover{background:#DDFFD4}.btn-normal-success:hover,.btn-outline-success:hover{color:#FFF;background:#16b336}.btn-size-large{font-size:20px;padding:15px 30px}.btn-size-small{font-size:12px;padding:4px 8px}.btn-circle{border-radius:50%;border:none;height:30px;width:30px;margin:0;padding-top:2px}.carousel,.dialog{border-radius:4px}.btn-circle.disabled,.btn-circle[disabled]{opacity:30%;pointer-events:none;cursor:not-allowed}.btn-circle:active{outline:rgba(29,158,252,.7) solid 3px!important}.btn-alert:active,.input-alert:focus{outline:rgba(234,8,53,.7) solid 3px!important}.btn-circle-bg-clear{background:rgba(0,0,0,.1)}.btn-circle-bg-solid{background:var(--btn-bg)}.btn-circle:hover{background:#1D9EFC}.btn-circle:hover svg{color:#fff!important}.btn-circle-size-default{font-size:1em}.btn-circle-size-small{width:18px;height:18px;padding-top:0;font-size:10px}.btn-circle-size-small svg{margin-left:-2px;margin-top:3px}.btn-circle-size-large{width:48px;height:48px;padding-top:0;font-size:15px}.btn-circle-size-large svg{margin-left:0;margin-top:0}.btn-alert:focus-visible{outline:#c7072d solid 2px;outline-offset:2px}.btn-success:active{outline:rgba(27,215,65,.7) solid 3px!important}.btn-success:focus-visible{outline:#17b737 solid 2px;outline-offset:2px}.carousel{width:100%;background:var(--el-bg);user-select:none}.carousel-slide{display:flex;height:100%;will-change:transform}.carousel-img-wrapper{min-width:100%;height:100%}.carousel-img{width:100%;height:100%;object-fit:cover;display:block}.checkmark,.slider:before{height:15px;border-radius:50%}.carousel-title{left:0;right:0;bottom:0;background:rgba(0,0,0,.45);color:#fff;padding:15px;font-size:20px;border-radius:0 0 4px 4px}.carousel-btn{top:50%;transform:translateY(-50%);z-index:9}.dialog,.snackbar-stack{transform:translateX(-50%)}.carousel-btn-left{left:15px}.carousel-btn-right{right:15px}.carousel-dots{left:0;right:0;bottom:15px;display:flex;justify-content:center;gap:15px;z-index:9}.carousel-dot-btn{width:15px;height:15px;border-radius:50%;border:none;cursor:pointer;outline:0;transition:backgrund .2s}.dialog-title,.table .underlined td,.table .underlined th,.table thead td,.table thead th,.tabs{border-bottom:solid 1px var(--border-color)}.dialog{background:var(--el-bg);-webkit-box-shadow:0 4px 18px rgba(0,0,0,.1);-moz-box-shadow:0 4px 18px rgba(0,0,0,.1);box-shadow:0 4px 18px rgba(0,0,0,.1);left:50%;min-width:320px;max-width:90vw;width:auto;margin:0;z-index:9999;display:flex;flex-direction:column}.flex-align-center,.loader-squares{justify-content:center}.dialog h1,.dialog h2,.dialog h3{margin:0}.dialog-title{padding:15px;border-radius:4px 4px 0 0}.dialog-content{padding:15px}.dialog-actions{border-top:solid 1px var(--border-color);padding:15px}.dialog-close{top:10px;right:15px}.dialog-close button:focus,.dialog-close button:focus-visible{outline:#038df2 solid 2px;outline-offset:2px}.dialog-primary>.dialog-title{background:#1D9EFC;color:#fff}.dialog-alert>.dialog-title{background:#ea0835;color:#fff}.dialog-success>.dialog-title{background:#1bd741;color:#fff}.dialog .box{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid var(--border-color)!important}.dialog:focus{outline:0}.dropdown{background:var(--el-bg);-webkit-box-shadow:0 4px 18px rgba(0,0,0,.1);-moz-box-shadow:0 4px 18px rgba(0,0,0,.1);box-shadow:0 4px 18px rgba(0,0,0,.1);border-radius:4px;border:1px solid var(--border-color);padding:5px 0;z-index:99;width:100%;cursor:pointer;margin:0}.dropdown li{list-style:none;margin:0}.dropdown-item{padding:8px 12px}.dropdown-item:hover{background-color:var(--el-bg-highlight)}.dropdown-active{background-color:#1D9EFC!important;color:#fff}.navbar-menu-item .dropdown a{margin:0!important;padding:0!important;color:var(--color)!important}.flex{display:flex;gap:15px;margin-bottom:15px}.flex-align-right{justify-content:flex-end}.flex-align-left{justify-content:flex-start}.flex-align-justify{justify-content:space-between}.flex-valign-center{align-items:center}.flex-valign-top{align-items:flex-start}.flex-valign-bottom{align-items:flex-end}.flex-valign-stretch{align-items:stretch}input:focus,select:focus,textarea:focus{outline:rgba(29,158,252,.7) solid 3px;border-color:#4fb4fd}.input-inside,button,input,select,textarea{background:var(--input-bg);color:var(--color)}.input-inside,input,select,textarea{display:inline-block;padding:10px;font-size:14px;line-height:1.5em;border-radius:4px;vertical-align:middle;border:1px solid var(--border-color);-webkit-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;margin-bottom:0!important}.form-element,fieldset,fieldset label{margin-bottom:15px}.input-inside.large,input.large,select.large,textarea.large{font-size:25px;padding:6px}.input-inside:hover,input:hover,select:hover,textarea:hover{-webkit-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;border-color:#4fb4fd}.inline-elements .form-element,.toolbar .form-element{margin-bottom:0}input[type=color]{border:none;padding:0}.input-alert{-webkit-transition:none!important;transition:none!important;border-color:#ea0835!important}.code-editor:focus,.input-inside input:focus,.input-inside select:focus{outline:0!important}.input-wrapper{position:relative}.input-reset-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2}.input-inside{padding:0 4px 0 0;position:relative}.input-btns,.slider,.slider:before{position:absolute}.input-inside select{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0;padding:0 0 0 4px;color:#888;border-right:solid 1px var(--border-color);background:var(--input-bg);border-radius:0;height:40px}.badge .btn-circle,.label .btn-circle,.swith-label{margin-left:5px}.input-focus,.input-inside:focus{outline:rgba(29,158,252,.7) solid 3px;border-color:#1D9EFC}.input-inside select:focus{background:#e2f1fb}.input-inside :first-child{border-radius:4px 0 0 4px}.input-inside :last-child{border-radius:0 4px 4px 0}.input-inside .btn-circle{height:24px;width:24px}.input-inside,textarea{height:auto}.input-btns{right:5px;top:5px}.label-inline{padding:0!important}.label-inline label{color:#888;padding:4px 8px}.label-inline select{border-right:none!important;border-left:solid 1px var(--border-color);color:var(--color)}.input-inside:after,.input-inside:before{display:table}.input-inside button,.input-inside i,.input-inside input,.input-inside span{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.input-inside input,.input-inside textarea{border:0!important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input.disabled,input[disabled]{background-color:var(--el-bg-color);border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:4px 0!important}input:-moz-read-only,input:read-only{color:brown;border:none!important}input[type=checkbox],input[type=radio]{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}select{margin-top:0;color:var(--color)}textarea{resize:none}label{display:block}label input,label select,label textarea,td label{margin-bottom:0}fieldset{border:1px solid var(--border-color);border-radius:4px}legend{color:var(--dark-gray);padding:0 5px}.form-inline:after,.form-inline:before{display:table}.form-inline button,.form-inline input,.form-inline label,.form-inline select,.form-inline textarea{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.toolbar-group:after,.toolbar-group:before{display:table}.toolbar-group button,.toolbar-group input,.toolbar-group label,.toolbar-group select,.toolbar-group textarea{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle;margin-right:-5px;border-right:solid 1px #FFF;border-radius:0}.toolbar-group button:first-child,.toolbar-group input:first-child,.toolbar-group label:first-child,.toolbar-group select:first-child,.toolbar-group textarea:first-child{border-radius:4px 0 0 4px}.toolbar-group button:last-child,.toolbar-group input:last-child,.toolbar-group label:last-child,.toolbar-group select:last-child,.toolbar-group textarea:last-child{border-radius:0 4px 4px 0;border-right:solid 1px var(--border-color)}::placeholder{color:#888;opacity:1}:-ms-input-placeholder{color:var(--border-color)}::-ms-input-placeholder{color:var(--border-color)}label.switch{margin-top:-5px}.switch{position:relative;display:inline-block;width:32px;height:19px}.switch input{opacity:0;width:0;height:0;outline:0}.form-switch{display:inline-block}.slider{-webkit-box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%)!important;-moz-box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%)!important;box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%)!important;border-radius:15px;-webkit-transition:background-color .1s;background-color:#ccc;bottom:-1px;cursor:pointer;left:0;right:1px;top:1px;transition:background-color .1s}.slider:before{left:2px;width:15px;-webkit-transition:.1s;background-color:#fff;bottom:2px;content:"";transition:.1s}input:checked+.slider{background-color:#1bd741}input:focus+.slider{box-shadow:0 0 1px #1bd741}input:checked+.slider:before{transform:translateX(12px)}.switch input[type=checkbox]:focus+.slider{outline:0}.switch input[type=checkbox]:focus-visible+.slider{outline:rgba(29,158,252,.7) solid 3px;border-color:#1D9EFC;outline-offset:2px}.cust-radio input[type=radio]:focus+.checkmark{outline:0}.cust-radio input[type=radio]:focus-visible+.checkmark{outline:rgba(29,158,252,.7) solid 3px;border-color:#1D9EFC;outline-offset:2px}.input-label,.input-label-alert{display:block;font-size:12px;margin-bottom:2px}.input-label{color:#888}.input-label-alert{color:#ea0835}.cust-radio{display:block;position:relative;padding-left:18px;padding-right:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cust-radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:4px;left:0;width:15px;background-color:var(--border-color);-webkit-box-shadow:inset 0 1px 3px rgb(0 0 0 / 20%)!important;-moz-box-shadow:inset 0 1px 3px rgb(0 0 0 / 20%)!important;box-shadow:inset 0 1px 3px rgb(0 0 0 / 20%)!important}.cust-radio input:checked~.checkmark{background-color:#1D9EFC}.checkmark:after{content:"";position:absolute;display:none}.cust-radio input:checked~.checkmark:after{display:block}.cust-radio .checkmark:after{top:5px;left:5px;width:5px;height:5px;border-radius:50%;background:#fff}.hidden-arrows::-webkit-inner-spin-button,.hidden-arrows::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.information,.row{margin-bottom:15px}.code-editor{color:#7b7b7b;font-size:12px;border:0;padding:0;width:100%}.information,.label{border-radius:4px}.information{padding:15px;position:relative}.information-icon{position:absolute;top:15px;left:15px;font-size:1.2em;opacity:.75}.information-content-icon{padding-left:30px}.information-large{font-size:25px;padding:30px}.information-default{background:var(--el-bg-highlight)}.information-primary{background:#e2f1fb;color:#1D9EFC}.information-primary hr{border-bottom:solid 1px #1D9EFC}.information-warning{background:#FFDA33;color:var(--color)}.information-success{background:#DDFFD4;color:#1bd741}.information-success hr{border-bottom:solid 1px #1bd741}.information-alert{background:#FCC5C5;color:#ea0835}.information-alert hr{border-bottom:solid 1px #ea0835}.badge,.label{cursor:default;display:inline-block;line-height:1.5em;color:#fff;vertical-align:baseline;white-space:nowrap;position:relative}.badge:empty,.label:empty{display:none}.badge-default,.label-default{background-color:var(--btn-bg);color:#7b7b7b}.badge.badge-primary,.badge.label-primary,.label.badge-primary,.label.label-primary{background-color:#1D9EFC}.badge.badge-warning,.badge.label-warning,.label.badge-warning,.label.label-warning{color:var(--color);background-color:#FFDA33}.badge.badge-success,.badge.label-success,.label.badge-success,.label.label-success{background-color:#1bd741}.badge.badge-alert,.badge.label-alert,.label.badge-alert,.label.label-alert{background-color:#ea0835}.badge{border-radius:20px;padding:2px 10px}.badge-small{padding:0 10px;font-size:12px}.badge-closable{padding-right:0}.clear-list ul,ul.clear-list{margin:0 0 15px;padding:0}.clear-list ul li,ul.clear-list li{margin:0;padding:0;list-style:none;line-height:1.5em}.inline-list ul,ul.inline-list{display:flex;gap:15px;margin:0 0 15px;padding:0}.inline-list ul li,ul.inline-list li{padding:0;margin:0;list-style:none}.loader-squares{display:flex;gap:8px;align-items:center;height:40px}.loader-square{width:16px;height:16px;border-radius:4px;animation:loader-grow .7s cubic-bezier(.4,0,.2,1) infinite;transform-origin:center;background-color:#1895ff}.loader-square:nth-child(1){animation-delay:0s}.loader-square:nth-child(2){animation-delay:.15s}.loader-square:nth-child(3){animation-delay:.3s}.loader-square:nth-child(4){animation-delay:.45s}.loader-square:nth-child(5){animation-delay:.6s}@keyframes loader-grow{0%,100%{transform:scale(1);background-color:#1895ff}30%{transform:scale(1.5);background-color:#24d3fc}60%{transform:scale(1);background-color:#1fb5fe}}.loader-lock{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:9990}.loader-wrapper{position:relative;z-index:9999}.loader-full{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}header{background:#212121;border-bottom:solid 3px #1D9EFC}.navbar-responsive{-webkit-backdrop-filter:blur(5px);align-items:center;backdrop-filter:blur(5px);color:#fff;display:flex;min-height:60px;padding:0 15px;position:relative;z-index:100}.navbar-logo img{height:40px}.navbar-main{flex:1}.navbar-menu{display:flex;list-style:none;margin:0;padding:0}.navbar-menu .navbar-menu-item{position:relative;cursor:pointer;display:inline-block;z-index:888}.navbar-icon-area,.navbar-menu .navbar-menu-item>.navbar-submenu{-webkit-box-shadow:0 4px 18px rgba(0,0,0,.1);position:absolute;top:100%}.navbar-menu .navbar-menu-item a{color:#fff;display:block;padding:19px 30px}.navbar-menu .navbar-menu-item>.navbar-submenu{display:none;left:0;min-width:160px;z-index:999;color:var(--color)!important;padding:4px 0;background:var(--el-bg);-moz-box-shadow:0 4px 18px rgba(0,0,0,.1);box-shadow:0 4px 18px rgba(0,0,0,.1);border-radius:4px;border:1px solid var(--border-color)}.navbar-menu .navbar-menu-item>.navbar-submenu a{color:var(--color);padding:10px 15px}.navbar-menu .navbar-menu-item>.navbar-submenu li:hover{background-color:#1D9EFC;color:#fff}.navbar-menu .navbar-menu-item>.navbar-submenu li:hover>a{color:#fff}.navbar-icon-area,.navbar-menu,.navbar-menu-item.has-submenu>.navbar-submenu{color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar-menu-item.open>.navbar-submenu,.navbar-menu-item:hover>.navbar-submenu{display:block}.navbar-icon-btn:hover,.navbar-menu-item:hover,.navbar-submenu-item:hover{background:rgba(255,255,255,.08)}.navbar-submenu{list-style:none;margin:0;padding:0}.navbar-icons{display:flex;gap:.5rem}.navbar-icons .navbar-icon-btn{color:#fff;background:0 0;border:none;cursor:pointer;font-size:1.2em;height:40px;width:40px;display:flex;align-items:center;justify-content:center;opacity:.8}.navbar-icons .navbar-icon-btn:hover{opacity:1}.navbar-hamburger{display:none;background:0 0;border:none;font-size:1.5em;margin-left:1rem;cursor:pointer;color:#fff}.navbar-icon-area{background:var(--el-bg);-moz-box-shadow:0 4px 18px rgba(0,0,0,.1);box-shadow:0 4px 18px rgba(0,0,0,.1);border-radius:4px;display:none;right:1rem;z-index:20}.navbar-icon-area.open{display:block}.pagination{padding-bottom:15px}.pagination-bar{width:100%;display:flex;justify-content:center;align-items:center;padding:15px 0}.pagination-bar-inner{display:flex;align-items:center;gap:15px;min-width:150px;max-width:220px}.pagination-input{width:48px;text-align:center;border-radius:4px;border:1px solid #ccc;padding:4px 0;font-size:1em}.row{display:flex;flex-wrap:wrap;width:100%;gap:15px}.list-scroller-wrapper{width:100%;position:relative}.list-scroller{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:15px;width:100%;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:5px}.clipped,.image-zoom,.skeleton,.thumb{overflow:hidden}.list-scroller::-webkit-scrollbar{display:none}.list-scroller li{margin:0;padding:0;list-style:none}.list-scroller-btn{position:absolute;z-index:9;background:#CCC;top:50%;transform:translateY(-50%)}.skeleton,.snackbar{border-radius:4px;position:relative}.list-scroller-btn-left{left:-15px}.list-scroller-btn-right{right:-15px}.skeleton{background:linear-gradient(90deg,var(--btn-bg) 25%,#bbb 50%,var(--btn-bg) 75%);background-size:200% 100%;animation:skeleton-shimmer 2s infinite linear;padding:15px;margin-bottom:15px}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.snackbar{padding:15px 60px 15px 15px;color:#FFF;margin:auto auto 15px;min-width:500px;-webkit-box-shadow:0 3px 10px rgba(0,0,0,.3);-moz-box-shadow:0 3px 10px rgba(0,0,0,.3);box-shadow:0 3px 10px rgba(0,0,0,.3)}.snackbar .snackbar-close{position:absolute;top:10px;right:10px}.snackbar-stack{position:fixed;bottom:15px;left:50%;z-index:9999;display:flex;flex-direction:column;align-items:center}table{max-width:100%;border-collapse:collapse;border-spacing:0}.table{cursor:default;border-bottom:solid 1px transparent;margin-bottom:15px;border-collapse:separate;background:var(--el-bg)}.table thead td,.table thead th{background-color:var(--el-bg);color:#888;font-weight:400;position:sticky;top:0;z-index:9}.table thead td a,.table thead td button.anchor,.table thead th a,.table thead th button.anchor{color:#888!important}.table thead td a:hover,.table thead td button.anchor:hover,.table thead th a:hover,.table thead th button.anchor:hover{text-decoration:underline;color:#6f6f6f}.table thead td:first-child,.table thead th:first-child{border-radius:4px 0 0}.table thead td:last-child,.table thead th:last-child{border-radius:0 4px 0 0}.table td,.table th{padding:8px 6px;line-height:1.5em}.content,.tab-content,.tabs .tab{padding:15px}.table td .form-element,.table th .form-element{margin-bottom:0!important}.table .input-wrapper,.table .uneditable-input,.table input,.table select,.table td .btn,.table td .row,.table textarea,.table th .btn,.table th .row{margin-bottom:0}.table tbody td,.table tbody th{border-top:solid 1px transparent}.border-top,.table .overlined td,.table .overlined th{border-top:solid 1px var(--border-color)}.table tr.valign-middle td{vertical-align:middle}.table tr.valign-top td{vertical-align:top}.table tr.valign-bottom td{vertical-align:bottom}.table-striped tbody tr:nth-child(odd){background-color:var(--el-bg-highlight)}.table-striped tbody tr:nth-child(odd).highlight-success{background-color:#b5ffa1}.table-striped tbody tr.highlight-success{background-color:#DDFFD4!important}.table-hover tbody tr:hover>td{background-color:#e2f1fb}.table td.highlight-alert,.table th.highlight-alert,.table tr.highlight-alert td,.table tr.highlight-alert th{background-color:#FCC5C5!important}.table td.highlight-primary,.table th.highlight-primary,.table tr.highlight-primary td,.table tr.highlight-primary th{background-color:#e2f1fb!important}.tabs{display:flex}.tabs .tab{margin:0;cursor:pointer;border:1px solid transparent;border-radius:4px 4px 0 0}.tabs .tab.active{border:1px solid var(--border-color);border-bottom:solid 1px #FFF;color:#1D9EFC;position:relative;z-index:9;background:#FFF;bottom:-1px}.tabs .tab.disabled,.tabs .tab[disabled]{color:#a2a2a2;pointer-events:none}.tab-content{border:1px solid var(--border-color);border-top:solid 1px transparent;border-radius:0 0 4px 4px;position:relative;z-index:1;background:#FFF}.thumb,.thumb img{border-radius:4px}.image{display:flex}.image-left{justify-content:flex-start}.image-right{justify-content:flex-end}.image-center{justify-content:center}.thumb{background-color:#FFF!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:100%!important;height:80px;position:relative;width:100%}.thumb.thumb-bordered{border:1px solid var(--border-color)}.thumb-small{width:56px;height:56px}.thumb-smallest{width:32px;height:32px}.thumb-medium{width:80px;height:80px}.thumb-large{width:160px;height:160px}.thumb-largest{width:240px;height:240px}.thumb .center-by-width{height:auto;position:absolute;top:50%;transform:translate(0,-50%);width:100%}.image-zoom-caption,.tooltip{transform:translateX(-50%);border-radius:4px}.thumb .center-by-height{display:block;margin-left:auto;margin-right:auto;width:auto;height:100%}ul.tree li:after,ul.tree li:before{width:15px;color:#fff;content:""}.thumb .thumb-corner{position:absolute;top:-13px;right:-13px}.image-zoom{position:relative;touch-action:none;background:#fff}.image-zoom img{position:absolute;user-select:none}.image-zoom-caption{position:absolute;bottom:15px;background:rgba(0,0,0,.25);color:#fff;padding:5px 15px;font-size:12px;z-index:9;left:50%;display:block}.image-zoom:hover>.image-zoom-caption{display:none}.clipped,.inline,.tooltip-wrapper,ul.tree li .tree-content,ul.tree li .tree-last-content,ul.tree li:after,ul.tree li:before{display:inline-block}.tooltip-wrapper{position:relative}.tooltip{position:absolute;bottom:120%;left:50%;background:rgba(0,0,0,.7);color:#fff;padding:6px 12px;white-space:nowrap;z-index:100;font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.15)}ul.tree{list-style:none;padding:0;margin:0 0 15px}ul.tree ul.tree{margin-left:-23px;margin-top:4px;margin-bottom:0}ul.tree li{margin:0;padding:0 7px;line-height:2rem;border-left:1px solid #646464;cursor:default;position:relative}ul.tree li .tree-content{margin:3px 0 0 40px}ul.tree li .tree-last-content{margin:3px 0 0 15px}ul.tree li .tree-button{position:absolute;top:3px;left:15px;z-index:5}ul.tree li:last-child{border-left:none;line-height:15px!important}ul.tree li:last-child:before{border-left:1px solid #646464}ul.tree li:before{position:absolute;top:-3px;height:1.6em;border-bottom:1px solid #646464;left:0}ul.tree li:after{position:relative;top:-.3em;height:1.6em;left:-7px}small{font-size:12px}.text-size-normal{font-size:14px}.text-size-large{font-size:25px}.note,.text-size-small{font-size:12px}.margin-top{margin-top:15px}.margin-bottom{margin-bottom:15px}.collapesed-bottom{margin-bottom:0}.default-color{color:var(--color)!important}.primary-color{color:#1D9EFC!important}.success-color{color:#1bd741!important}.alert-color{color:#ea0835!important}.active-color{color:#64FA00!important}.gray{color:#888}.light-gray{color:#a2a2a2}.apply-color.gray a{color:#888}.apply-color.gray a:hover{text-decoration:underline}.bg-primary{background-color:#1D9EFC}.bg-success{background-color:#1bd741}.bg-alert{background-color:#ea0835}.bg-warning{background-color:#FFDA33;color:#272729}.bg-default{background-color:#7b7b7b}.bg-alert .btn-circle-bg-clear svg,.bg-default .btn-circle-bg-clear svg,.bg-primary .btn-circle-bg-clear svg,.bg-success .btn-circle-bg-clear svg{color:#fff!important}.inline{vertical-align:middle}.note{color:#888}.clipped{text-wrap:nowrap}.clipped-dots{position:absolute;margin-left:1px}.relative{position:relative}.absolute,.corner-btn{position:absolute}.corner-btn{right:15px;top:15px}.component-locker,.overlay{background:var(--overlay-color);height:100%;left:0;top:0;transition:.2s;width:100%}.border-bottom{border-bottom:solid 1px var(--border-color)}.center{text-align:center}.right{text-align:right}.left{text-align:left}.visible{visibility:visible}.invisible{visibility:hidden}.hidden{display:none}.expanded{width:100%;margin-bottom:15px}.rounded{border-radius:4px}.clickable{cursor:pointer}.clickable:hover{outline:#1D9EFC solid 2px}.bordered{border:1px solid var(--border-color);border-radius:4px}.bordered-primary{border-color:#1D9EFC}.bordered-top{border-top:solid 1px var(--border-color)}.bordered-bottom{border-bottom:solid 1px var(--border-color)}.overlay{position:fixed;z-index:99}.component-locker{border-radius:4px;position:absolute;z-index:9}.outline-primary{outline:#1D9EFC dashed 1px}.outline-success{outline:#1bd741 dashed 1px}.wrapper{position:relative;margin:auto}.wrapper-large{width:1100px}.wrapper-large .role-mainside{width:835px}.wrapper-large .role-sidebar{width:250px}.wrapper-large .role-half{width:550px}.wrapper-large .box .role-mainside,.wrapper-large .box .role-sidebar{width:820px}.wrapper-small{width:366.67px}.wrapper-medium{width:550px}@-ms-viewport{width:device-width}@media (max-width:550px){body{font-size:14px}h1,h2,h3{font-size:1.1em}.wrapper-default,.wrapper-large{width:96%;margin:auto}.row-item{flex:0 0 100%!important;max-width:100%!important}.btn,.expanded-phone,.snackbar{width:100%}.dialog{width:95%!important}}@media (min-width:551px) and (max-width:1115px){body{font-size:14px}h1{font-size:1.3em}h2,h3{font-size:1.1em}.wrapper-default,.wrapper-large{width:96%;margin:auto}.row-item{flex:0 0 calc(50% - (15px / 2))!important;max-width:calc(50% - (15px / 2))!important}.snackbar{width:100%}}@media (max-width:1115px){.navbar-menu{flex-direction:column;display:none;background:#fff;position:absolute;left:0;top:56px;width:100%;box-shadow:0 4px 16px rgba(0,0,0,.08)}.navbar-main.open .navbar-menu{display:flex}.navbar-hamburger{display:block}.navbar-menu-item{width:100%}.navbar-icons{margin-left:auto}}
|
|
@@ -62,20 +62,6 @@ var Dialog = exports.Dialog = function Dialog(_ref) {
|
|
|
62
62
|
onClose && onClose();
|
|
63
63
|
}
|
|
64
64
|
};
|
|
65
|
-
|
|
66
|
-
// avoid scroll when Dialod is open
|
|
67
|
-
(0, _react.useEffect)(function () {
|
|
68
|
-
if (open) {
|
|
69
|
-
document.body.style.overflow = 'hidden';
|
|
70
|
-
} else {
|
|
71
|
-
document.body.style.overflow = '';
|
|
72
|
-
}
|
|
73
|
-
return function () {
|
|
74
|
-
document.body.style.overflow = '';
|
|
75
|
-
};
|
|
76
|
-
}, [open]);
|
|
77
|
-
|
|
78
|
-
// set focus to first element or close button
|
|
79
65
|
(0, _react.useEffect)(function () {
|
|
80
66
|
var _dialogRef$current, _dialogRef$current2, _dialogRef$current3;
|
|
81
67
|
if (!open) return;
|
|
@@ -83,19 +69,44 @@ var Dialog = exports.Dialog = function Dialog(_ref) {
|
|
|
83
69
|
// Busca el primer input, select o textarea
|
|
84
70
|
var firstField = (_dialogRef$current = dialogRef.current) === null || _dialogRef$current === void 0 ? void 0 : _dialogRef$current.querySelector('input, select, textarea');
|
|
85
71
|
if (firstField) {
|
|
86
|
-
firstField.focus(
|
|
72
|
+
firstField.focus({
|
|
73
|
+
preventScroll: true
|
|
74
|
+
});
|
|
87
75
|
return;
|
|
88
76
|
}
|
|
89
77
|
|
|
90
78
|
// Si no hay campos, busca el botón de cerrar
|
|
91
79
|
var closeBtn = (_dialogRef$current2 = dialogRef.current) === null || _dialogRef$current2 === void 0 ? void 0 : _dialogRef$current2.querySelector('.dialog-close button, .dialog-close [tabindex="0"]');
|
|
92
80
|
if (closeBtn) {
|
|
93
|
-
closeBtn.focus(
|
|
81
|
+
closeBtn.focus({
|
|
82
|
+
preventScroll: true
|
|
83
|
+
});
|
|
94
84
|
return;
|
|
95
85
|
}
|
|
96
86
|
|
|
97
87
|
// Si no hay nada, enfoca el propio diálogo
|
|
98
|
-
(_dialogRef$current3 = dialogRef.current) === null || _dialogRef$current3 === void 0 || _dialogRef$current3.focus(
|
|
88
|
+
(_dialogRef$current3 = dialogRef.current) === null || _dialogRef$current3 === void 0 || _dialogRef$current3.focus({
|
|
89
|
+
preventScroll: true
|
|
90
|
+
});
|
|
91
|
+
}, [open]);
|
|
92
|
+
(0, _react.useEffect)(function () {
|
|
93
|
+
if (open && dialogRef.current) {
|
|
94
|
+
var dialogHeight = dialogRef.current.offsetHeight;
|
|
95
|
+
var viewportHeight = window.innerHeight;
|
|
96
|
+
var scrollY = window.scrollY;
|
|
97
|
+
var top;
|
|
98
|
+
if (dialogHeight < viewportHeight) {
|
|
99
|
+
// Centrado vertical respecto al viewport actual
|
|
100
|
+
top = scrollY + (viewportHeight - dialogHeight) / 2;
|
|
101
|
+
} else {
|
|
102
|
+
// Si el diálogo es más grande, empieza en la posición actual
|
|
103
|
+
top = scrollY;
|
|
104
|
+
}
|
|
105
|
+
dialogRef.current.style.top = "".concat(top, "px");
|
|
106
|
+
dialogRef.current.style.left = '50%';
|
|
107
|
+
dialogRef.current.style.transform = 'translateX(-50%)';
|
|
108
|
+
dialogRef.current.style.position = 'absolute';
|
|
109
|
+
}
|
|
99
110
|
}, [open]);
|
|
100
111
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, open && /*#__PURE__*/_react["default"].createElement(DialogContext.Provider, {
|
|
101
112
|
value: {
|
|
@@ -141,7 +152,7 @@ var DialogContent = exports.DialogContent = function DialogContent(_ref3) {
|
|
|
141
152
|
settings = _useContext.settings;
|
|
142
153
|
var isLoading = settings.isLoading;
|
|
143
154
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
144
|
-
className: "".concat(spacing ? 'content' : '', " ").concat(isLoading ? 'blurred' : '', " ").concat(className ? className : '')
|
|
155
|
+
className: "dialog-content ".concat(spacing ? 'content' : '', " ").concat(isLoading ? 'blurred' : '', " ").concat(className ? className : '')
|
|
145
156
|
}, children);
|
|
146
157
|
};
|
|
147
158
|
var DialogActions = exports.DialogActions = function DialogActions(_ref4) {
|
|
@@ -8,6 +8,7 @@ exports.Thumb = void 0;
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
10
|
var _util = require("../util");
|
|
11
|
+
var _noImage = _interopRequireDefault(require("../../assets/no-image.jpg"));
|
|
11
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
@@ -17,7 +18,7 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
|
|
|
17
18
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
18
19
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
19
20
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
20
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import noImage from '../../../assets/logo.svg';
|
|
21
22
|
var Thumb = exports.Thumb = function Thumb(_ref) {
|
|
22
23
|
var src = _ref.src,
|
|
23
24
|
alt = _ref.alt,
|
|
@@ -56,8 +57,10 @@ var Thumb = exports.Thumb = function Thumb(_ref) {
|
|
|
56
57
|
src: src,
|
|
57
58
|
alt: alt,
|
|
58
59
|
className: "center-by-".concat(imageData.width > imageData.height ? 'width' : 'height')
|
|
59
|
-
}) : /*#__PURE__*/_react["default"].createElement(
|
|
60
|
-
|
|
60
|
+
}) : /*#__PURE__*/_react["default"].createElement("img", {
|
|
61
|
+
src: _noImage["default"],
|
|
62
|
+
alt: alt,
|
|
63
|
+
className: "center-by-width"
|
|
61
64
|
}));
|
|
62
65
|
};
|
|
63
66
|
Thumb.propTypes = {
|