body{background-size:10px;overflow:auto;overscroll-behavior:auto;font-size:14px}::-webkit-scrollbar{width:7px;height:7px;background-color:transparent}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.bg-chessboard{background-image:repeating-linear-gradient(45deg,#000 25%,#fff 25%,#fff 75%,#000 75%,#000) , repeating-linear-gradient(45deg,#000 25%,#fff 25%,#fff 75%,#000 75%,#000);background-position:0 0 , 20px 20px;background-size:40px 40px}input[type="checkbox"]:checked:before,input[type="radio"]:checked:before{background:rgba(var(--primary-rgb),1)}.btn,btn,form .btn,button,.submit{color:var(--primary-text);background:rgba(var(--primary-rgb),1);box-shadow:0 2px 5px rgba(var(--theme-primary),.3)}.btn{padding:5px 15px;font-size:16px}textarea{min-height:100px}form input[type="submit"]{border-radius:8px}.auth{background:#fff}.auth .cen{width:360px;max-width:80%;padding:20px}.auth .logo{width:70%;margin:0 15% 20px 15%}.auth form{background:#f0f0f0;border-radius:6px;padding:25px 20px}.auth .link{font-size:14px;text-align:center;padding:6px}.auth .link a{opacity:.8}#cpanel-nav{position:fixed;background:#fff;text-align:left;color:#8d8d8d;top:0;width:230px;height:100%;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:auto}#cpanel-nav .main{flex:1}#cpanel-nav ul.sub{opacity:.5;padding:5px 0 5px 5px;background: rgb(255 255 255 / 15%);margin:10px -15px 0 0;border-radius:5px 0 0 15px;transition:.2s ease-in-out}#cpanel-nav li:hover>ul.sub{opacity:1}#cpanel-nav ul.sub li{font-size:12px;letter-spacing:2px;padding:3px 15px 3px 5px;color:#fff}#cpanel-nav .logo{margin:20px;display:block}#cpanel-body{margin:0;left:230px;bottom:0;right:0;top:0;padding:20px;position:fixed;overflow:auto;display:flex;flex-direction:column}.cpanel-table{flex:1;height:100%;background:#fff;border-radius:10px 10px 0 0}#cpanel-nav i{margin:0;width:30px;text-align:center;display:inline-block;font-size:120%;float:right;opacity:.5;line-height:1}#cpanel-nav li.current i{opacity:1}#cpanel-nav li{border-top:1px solid #f0f0f0;font-size:16px;padding:12px 15px 12px 15px;display:block;white-space:nowrap;text-overflow:ellipsis}#cpanel-nav li:first-child{border-left:none;border-top:none}#cpanel-nav .userinfo{margin:0 0 20px 0;border: 2px solid rgb(255 255 255 / 10%);border-left:none;border-right:0}#cpanel-nav .avatar_img{height:40px;width:40px;border-radius:20px;border:2px solid #fff;margin:0 10px 0 0}.cpanel-table .table{padding:10px;background:#fff;width:100%;max-width:100%}.cpanel-table .short{max-width:0}.cpanel-table th,.cpanel-table td{width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.cpanel-table th{text-align:left;padding:10px 15px;background:#c9c9c9;line-height:1.2;top:0;left:0;position:sticky;z-index:9;top:0}.cpanel-table th:first-child{text-align:center}.cpanel-table td{padding:8px 15px;vertical-align:middle;border-left:none;border-bottom:1px dsolid #e7e7e7}.cpanel-table th:after,.cpanel-table td:after{content:'';position:absolute;right:0;top:0;height:100%;border-left:1px solid #e9e9e9}.cpanel-table th:after{border-left:1px solid #e9e9e9;border-color:#aaa}.cpanel-table th:last-child:after,.cpanel-table td:last-child:after{border-left:none}.cpanel-table .actions{width:0}.cpanel-table .selectbox{display:none;position:sticky;left:0;top:0;z-index:10;padding:5px 2px 0 7px}.cpanel-table .selectbox label{padding:0;margin:0}.cpanel-table td.selectbox{background-color:#e9e9e9}.enable-bulk-actions .cpanel-table .selectbox,.no-js .enable-bulk-actions .cpanel-table .selectbox{display:table-cell}.cpanel-table .table-row:hover{background: rgb(0 0 0 / 5%)
}.enable-bulk-actions .cpanel-table th{left:44px}.enable-bulk-actions .cpanel-table th.selectbox{left:0;z-index:11}.cpanel-pager{text-align:center;padding:5px;box-shadow:0 0 10px rgba(0,0,0,.1);width:100%;overflow:auto;position:relative;border-radius:0 0 10px 10px}.cpanel-pager:after{content:'';width:100%;height:100%;opacity:.25;background:rgba(var(--primary-rgb),1);position:absolute;z-index:-1;top:0;left:0}.cpanel-pager .page{padding:5px 10px;display:inline-block}.cpanel-pager .dots{padding-left:5px;padding-right:5px}.cpanel-pager .active{color:rgba(var(--primary-rgb),1)}.cpanel-table-container{font-size:inherit;width:100%;height:100%;display:flex;flex-direction:column}.cpanel-table-head{margin:0 0 10px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.cpanel-table-head .action{font-size:16px;vertical-align:middle;margin:0 0 0 15px;float:right}.cpanel-table-head h1{display:inline;vertical-align:middle;margin:0 10px 0 -6px;color:inherit}.cpanel-overview{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;height:100%}.coc{flex:1;background:#fff;padding:20px;margin:2%;border-radius:18px;box-shadow:0 2px 5px rgba(0,0,0,.1);position:relative;min-width:300px;width:27%}.coc-icon{font-size:90px;position:absolute;right:10%;top:50%;opacity:.1;transform:translate(0,-50%)}.coc-label{font-weight:800;font-size:20px;margin:0 0 10px 0}.coc .new{margin:0 10px 0 0}.cpanel-editor{padding:0;margin:0 auto;max-width:1200px;width:100%}.cpanel-editor h1{margin:0 5px 20px 5px;font-weight:400;letter-spacing:1px;font-size:30px}.repeater{margin:-15px 0}.repeat-row{display:flex;background: rgb(0 0 0 / 5%);padding:0 5px 0 5px;border-radius:10px;border: 2px solid rgb(0 0 0 / 5%);width:100%;margin:15px 0;flex-wrap:wrap}.repeater .ui-sortable-placeholder{display:block;width:100%;height:1px;background:var(--primary);opacity:1;visibility:visible!important;box-shadow:0 0 10px var(--primary) , 0 0 50px var(--primary);margin:10px!important}.repeat-row.ui-sortable-helper{opacity:.2}.repeat-content{display:flex;flex-wrap:wrap;flex:1}.repeat-row .input,.repeat-row label{flex:1;min-width:100px;margin:2px}.repeat-row .repeat-actions{text-align:center;padding:6px 2px 0 2px}.repeat-row .repeat-action{background: rgb(0 0 0 / 0.1);border-radius:10px;margin:0 0 3px 0;width:30px;height:25px;line-height:27px;font-size:18px;cursor:pointer}.repeat-row .repeat-action.clone{background:var(--green);color:var(--green-text)}.repeat-row .repeat-action.remove{background:var(--red);color:var(--red-text)}@media (max-width:800px){#cpanel-nav{flex-direction:row;width:100%;height:auto;overflow:auto;z-index:9999}#cpanel-nav .logo{width:auto;padding:0 10px;margin:0}#cpanel-nav img{height:30px;max-width:initial}#cpanel-nav .main,#cpanel-nav .bottom{flex-direction:row;display:flex;align-items:center;justify-content:space-around;overflow:auto}#cpanel-nav li{font-size:0;padding:8px 0;margin:5px;text-align:center;border:none}#cpanel-nav li i{font-size:18px;display:block;margin:0 auto}#cpanel-body{left:0;top:50px;width:100%;padding:10px}.cpanel-pager .extra{display:none}#cpanel-nav .userinfo{display:none}.cpanel-table-head .action{font-size:0}.cpanel-table-head .action i{font-size:20px}.is-web ::-webkit-scrollbar{width:3px;height:3px;background-color:transparent}.is-web ::-webkit-scrollbar-thumb{border:1px solid #fff}#cpanel-nav ul.sub{display:none}}.avatar-uploader{width:100px;display:inline-block;vertical-align:middle;margin:0}.avatar-uploader input{display:none}.avatar-uploader .preview{background-color:#b3b3b3;border-radius:10px;background-size:cover;background-position:center}.fields-boolean .label{display:flex;width:100%;align-items:center}.fields-boolean .label:after{content:'';display:block;height:28px;margin:-14px 0 0 0;position:absolute;top:50%;left:10px;right:10px;z-index:-1}.fields-boolean .label:after{background: rgb(0 0 0 / 0.2);background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 100%)}.fields-boolean b{flex:1}.cpanel-table .field-images{width:10px;padding:10px}.fields-upload .upload-item-row{display:flex;padding:5px 5px;background: rgb(0 0 0 / 0.05);border-radius:10px;margin:5px 0}.fields-upload .upload-item-row a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;align-self:center}.fields-upload .remove-file{padding:0 5px;margin:0 0 0 5px;font-size:140%;line-height:1;background: rgb(255 0 0 / 9%);border-radius:5px;color:red}.upload-list{display:block;width:100%;margin:0;padding:0}.upload-list-row{display:flex;width:100%;padding:2px 5px;justify-content:space-between}.cpanel-bulk-actions{flex:1;flex-basis:90%;padding:5px;background:#fff;margin:15px 0 0 0;border-radius:10px;display:none;overflow:auto}.enable-bulk-actions .cpanel-bulk-actions,.no-js .enable-bulk-actions .cpanel-bulk-actions{display:flex}.cpanel-action{padding:10px;margin:5px;display:flex;flex-wrap:wrap;flex:1;background: rgb(0 0 0 / 4%);border-radius:5px;max-width:90%}.cpanel-action .btn{margin:10px;white-space:nowrap}.cpanel-action__note{font-size:15px;margin:0 10px 0 10px}.cpanel-search{flex:1;flex-basis:90%;display:none;margin:15px 0 10px 0}.cpanel-search input,.cpanel-search .btn{padding:10px;line-height:1;border:none;border-radius:0;margin:0;border-radius:10px 0 0 10px;box-shadow:0 2px 5px var(--shadow)}.cpanel-search .btn{border-radius:0 10px 10px 0;padding:10px}.enable-searchbox .cpanel-search{display:block;display:flex}.cpanel-save{position:sticky;bottom:0;z-index:9999}.cpanel-section{padding:10px;margin:15px;background:#fff;border-radius:10px 10px 20px 20px;box-shadow: 0 3px 5px rgb(0 0 0 / 10%)}.cpanel-section-header{padding:13px;letter-spacing:1px;background:#e0f0eb;border-radius:5px;margin-bottom:10px}.is-web .notify{font-size:20px}.table-grid .table-row th{display:none}.table-grid .table-row tbody{columns:3}.table-grid .table-row{display:flex;width:240px;max-width:100%;flex-direction:column;flex-wrap:wrap;font-size:14px;margin:15px;padding:0;background:#f0f0f0;border-radius:10px}.table-grid .table-row td{display:block;flex:1;border-right:none}