:root{--main-color:#151c2ea6;--secondary-color:#24282b;--grey-cloud:#e2e8f1;--text-color:#242729;--soft-sky:#bfdbfe;--hard-blue:#1e3a8a}*{margin:0;padding:0}html{background:var(--main-color)}body,html{width:100%;height:100%;font-family:Open Sans,sans-serif;padding:0;margin:0;overflow:hidden;background-color:var(--main-color)}.gjs-frame{outline:medium none;height:calc(100vh - 52px);width:100%;border:none;margin-top:2px;display:block;transition:width .35s ease,height .35s ease;position:absolute;top:0;bottom:0;left:0;right:0}.gjs-frame-wrapper{background-color:var(--main-color)}.gjs-pn-options{right:15%;top:0;display:flex}.gjs-cv-canvas{top:0;width:100%;height:100%}.gjs-block{width:auto;height:auto;min-height:auto}#gjs-blocks-no-cat{height:57em!important}.panel__top{padding:0;width:100%;display:flex;justify-content:center;justify-content:space-between}.panel__basic-actions,.panel__top{position:static}.editor-row{display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;height:300px;position:relative}.editor-canvas{flex-grow:1;height:100vh}.panel__right{flex-basis:230px;position:relative;overflow-y:scroll;overflow-x:hidden;width:190px;height:calc(100vh - 44px);background-color:var(--main-color)}.panel__right::-webkit-scrollbar{width:10px}.panel__right::-webkit-scrollbar-track{background:var(--grey-cloud)}.panel__right::-webkit-scrollbar-thumb{background-color:var(--main-color)}.panel__switcher{position:static}#gjs{border:none}.gjs-editor-cont{width:100%!important;height:100vh!important}.gjs-one-bg{background-color:var(--main-color)}.gjs-two-color{color:var(--grey-cloud)}.gjs-three-bg{background-color:#ec5896;color:white}#panel__left{width:200px;height:900px;position:absolute;z-index:2;margin-left:30px;overflow-y:scroll;overflow-x:hidden;border-left:1px solid rgb(63 65 76);height:calc(100vh - 44px);background-color:var(--main-color);backdrop-filter:blur(10px)}#panel__left::-webkit-scrollbar{width:10px}#panel__left::-webkit-scrollbar-track{background:var(--secondary-color)}#panel__left::-webkit-scrollbar-thumb{background:#888}.panel__devices{position:static}.top_panel_button{height:20px;cursor:pointer;border:none;display:block;color:var(--grey-cloud);margin-top:-5px}.top_panel_button_left{width:20px}.top_panel_button_right{width:35px}.left_sidebar_button{width:20px;height:20px;cursor:pointer;border:none;display:block;color:var(--grey-cloud);margin-top:18px!important}.left_sidebar_button_first{margin-top:0!important}.top_middle_panel_button{width:20px;height:20px;cursor:pointer;border:none;color:var(--grey-cloud);margin-top:2px}.left_sidebar_icon{width:19px!important}#panel__left__buttons{background-color:var(--main-color);width:fit-content;height:100vh;float:left}.panel__switcher{width:230px}.gjs-block{width:44%;height:85px}#checkbox{margin-left:5px;margin-bottom:5px}#checkbox,#components-categories{background:var(--secondary-color);display:inline-block;padding:5px 8px;border-radius:4px;position:relative;cursor:pointer}#components-categories{left:54%}#database-add-tables{background:var(--secondary-color);display:inline-block;padding:5px 8px;border-radius:4px;position:relative;cursor:pointer;left:78%}#components-categories>i,#database-add-tables>span{color:rgba(255,255,255,.445);font-weight:100;font-size:21px}#panel__left_pin_button{display:block;position:absolute;left:0;top:0;z-index:99999;opacity:0}#panel__left__buttons>button{margin:5px}#pages__container{width:200px;height:900px;background-color:var(--main-color)}.mdi-pin{font-size:20px}#checkbox>input[type=checkbox]+span{color:rgba(255,255,255,.445)}#checkbox>input[type=checkbox]:checked+span{color:#fff}.chartbox.folder-view{min-width:280px}.file-tree{padding:10px 20px}.file-tree label{cursor:pointer;display:block}.file-tree-item.day,.file-tree-item.hour,.file-tree-item.month{margin-left:20px;padding:4px 0;vertical-align:2px;font-size:13px;font-family:sans-serif;color:var(--grey-cloud)}.file-tree-cb{visibility:hidden;width:0;height:0}.file-tree-label{vertical-align:2px;font-size:13px;font-family:sans-serif;color:var(--grey-cloud)}.file-tree-cb:checked+.file-tree-label{font-size:14px;font-weight:700}.file-tree-branches{display:none}.file-tree-cb:checked+.file-tree-label+.file-tree-branches{background:rgba(0,0,0,.15);display:block}.page-tree-item{border-bottom:1px solid white;padding:2px 0}#add_new_page_icon{margin-left:6.6em;color:#cbccd1;cursor:pointer}.form_wrapper{display:grid;grid-template-columns:2fr 1fr;grid-gap:20px}.add_new_record_button{height:2.2em;width:7em;margin-top:12px}.form_input{height:23px;outline:none;width:50em}#tables_table,.tables_table_td,.tables_table_tr{border:1px solid var(--secondary-color)}.tables_table_td{padding:4px;color:var(--text-color);cursor:pointer}.tables_table_td:hover{background:var(--secondary-color);transition:.1s}#tables_table{width:11em;margin:11px;border-collapse:collapse}tr:nth-child(2n){background:rgba(0,0,0,.15)}.gjs-trt-trait{display:flex;justify-content:flex-start;padding:8px 10px;font-weight:lighter;align-items:center;text-align:left}.database-modal .gjs-mdl-dialog{width:fit-content!important;max-width:fit-content!important}.trait-modal .gjs-mdl-dialog{max-width:752px!important}.theme-modal .gjs-mdl-dialog{width:fit-content!important;max-width:fit-content!important}#add_new_trait_icon,#translation_icon{color:#cbccd1;cursor:pointer}#traits_container_buttons_bar>button,#traits_container_buttons_bar>i{padding:0 10px}#traits_container_buttons_bar>button{height:25px;background:#41434f;border:1px solid #666565;color:rgba(255,255,255,.7);cursor:pointer}#tab{width:93%}#conf_tabs,#tab{overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1;border-radius:20px;display:flex;margin:10px}#conf_tabs{width:100%}#tab>button,.config{border:none;cursor:pointer;padding:6px;transition:.3s;font-size:13px;width:100%;height:24px}#tab>button:hover{background-color:#ec5896}#left_tabs,#left_tabs2{overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1;border-radius:20px;display:flex;margin:10px}#left_tabs2>button,#left_tabs>button{border:none;padding:6px;height:24px}#conf-button,#left_tabs2>button,#left_tabs>button{cursor:pointer;transition:.3s;font-size:13px;width:100%}#conf-button{border-radius:10px;border:none;padding:5px;height:30px;background:#4c4f53;margin-left:9px;color:var(--main-color)}#conf-button:hover,#left_tabs2>button:hover,#left_tabs>button:hover{background-color:#ec5896}.trait-button{border:1px solid #ec5896;background:none;font-size:12px;color:#ec5896;width:6%;height:22px;margin-left:6px;cursor:pointer}#loader{position:relative;--width:187px;--thickness:calc(var(--width) / 8);--duration:1.5s;width:var(--width);aspect-ratio:1/1;transform:scale(.16);left:42%;top:-16px;height:41px}#spinner-back{border-radius:var(--width);border:var(--thickness) solid #0099f0}#spinner,#spinner-back{position:absolute;width:var(--width);aspect-ratio:1/1}#spinner{top:0;left:0;border-radius:var(--width);border:var(--thickness) solid #b3e0fb;border-right-color:transparent;transform-origin:50% 50%;animation:spinner var(--duration) infinite ease-in-out}#spinner:after,#spinner:before{content:"";position:absolute;height:calc(var(--thickness));aspect-ratio:1/1;top:calc(var(--thickness) * .4);right:calc(var(--thickness) * .2);background-color:#0099f0;border-radius:var(--thickness)}#spinner:after{top:unset;bottom:calc(var(--thickness) * .4)}@keyframes spinner{68%{transform:rotate(2.63turn)}96%,to{transform:rotate(2turn)}}.gjs-cv-canvas .gjs-highlighter,.gjs-cv-canvas .gjs-highlighter-sel{position:absolute;outline:none;outline-offset:-1px;pointer-events:none;width:100%;height:100%}.gjs-cv-canvas .gjs-highlighter-sel{outline:none;outline-offset:-2px}.gjs-badge{pointer-events:none;color:#fff;background-color:rgba(35,29,114,.822);padding:2px 5px;position:absolute;z-index:1;font-size:12px;outline:none;display:none}#context-menu{position:fixed;z-index:100;width:150px;background:var(--main-color);border-radius:5px;transform:scale(0);transform-origin:top left}#context-menu.visible{transform:scale(1);transition:transform .2s ease-in-out}#context-menu .item{padding:8px 10px;font-size:15px;color:#eee;cursor:pointer;border-radius:inherit}#context-menu .item span{color:#a1a1a1;float:right}#context-menu .item:hover{background:#343434}.gjs-badge,.gjs-toolbar{border-radius:4px!important;padding:0 6px!important;transform:translateY(-7px)!important;background:var(--soft-sky)!important;border:1px solid var(--hard-blue)}.gjs-toolbar-item__toolbar-separator-1,.gjs-toolbar-item__toolbar-separator-2{width:.1em;height:25px;padding:0;background:var(--hard-blue);align-self:center;color:var(--hard-blue)}.gjs-badge,.gjs-toolbar *,.gjs-toolbar-item{color:var(--hard-blue)}.gjs-toolbar-item{text-align:center;margin-bottom:-7px;font-size:14px}.gjs-toolbar .chevron-icon{font-weight:100!important;font-size:13px!important;color:var(--hard-blue)!important;opacity:.9}.gjs-toolbar-item-vertical-line{border-left:1px solid #5f6368;height:100px;display:inline-block;height:26px;margin-bottom:-6px}.gjs-clm-sels-info{margin:7px 0 30px;text-align:left}.gjs-sm-clear{border-style:solid;border-width:1px}#component-preview{position:fixed;z-index:100;margin-left:-3em;top:-138px;display:none;background:aliceblue;border-radius:10px;border:none}.neon_block{box-shadow:0 0 30px #ec5896!important}.trans-row{display:grid;padding:5px}.trans-textarea{border-radius:4px;outline:none}.save-translations-button{padding:12px 20px;float:right;color:white;border:none;border-radius:4px;cursor:pointer;background-color:var(--secondary-color)}.gjs-am-add-asset button{width:26%;float:right}.customButton{background-color:white;border:none;border-radius:4px;color:#5e5c5c;padding:8px 16px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;transition-duration:.4s;cursor:pointer}.editButton,.trashButton{font-size:20px;line-height:0;cursor:pointer;margin:0 3px}.editButton svg,.trashButton svg{opacity:.85;fill:rgba(255,255,255,.9)}.editButton svg:hover,.trashButton svg:hover{opacity:1}.deleteConfirmation{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column}.panel__devices{display:flex}.drag-mode-select{outline:none;height:70%;margin:auto;color:#c9c9c9}.smallModal .gjs-mdl-dialog{max-width:335px}#add_record,#submit-option,#submit_add_new_record_button,#submit_edit_new_record_button,.addOPtion{border:none;cursor:pointer;padding:6px;transition:.3s;font-size:13px;height:30px;width:100%;margin-top:22px;float:right;color:#000;background:white}#add_record:hover,#submit_add_new_record_button:hover{background-color:#ec5896}.submit_add_new_record_button{border:none;cursor:pointer;padding:6px;transition:.3s;font-size:13px;height:30px;width:11%;margin-top:22px;float:right;color:#000;background:white}#submit-option:hover,#submit_edit_new_record_button:hover,.addOPtion:hover,.submit_add_new_record_button:hover{background-color:#ec5896}#data_table{border-spacing:0;width:100%;border:none!important}#db_first{padding:15px}.data_tr,.data_tr>td,.data_tr>th{text-align:left;padding:16px}#deleteRecord,#editRecord{cursor:pointer}.pagination{display:inline-block;width:100%}.pagination button{color:black;float:right;margin:8px;padding:8px 16px;text-decoration:none;transition:background-color .3s;border:1px solid #ddd;cursor:pointer}.inputModal{width:95%;padding:8px 18px;margin:8px 0;display:inline-block;border:2px solid #fff;box-sizing:border-box;background:white;border-radius:10px;color:black}.gridModal{display:grid;grid-template-columns:auto auto}.colModal{width:95%;margin:10px}.inputModal:focus{border-color:#ec5896;outline:none}.labelModal{color:#fff;font-size:14px}.col-12-caver{width:95%}icon-delete{margin-left:15px}.custom-field.one input{background:white;border:2px solid #ddd;transition:border-color .3s ease;width:100%;border-radius:10px;color:black}.custom-field.one input+.placeholder{left:8px;padding:0 5px;color:black}.custom-field.one input:focus{border-color:#ec5896;transition-delay:.1s}.custom-field.one input.dirty+.placeholder,.custom-field.one input:focus+.placeholder,.custom-field.one input:not(:placeholder-shown)+.placeholder{top:0;bottom:10px;font-size:13px;color:#fff;background:none;width:auto}.custom-field{width:90%;position:relative;font-size:14px;margin-bottom:5px;display:inline-block;border-top:20px solid #ffffff00;--field-padding:12px}.custom-field input{border:none;-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;appearance:none;background:#f2f2f2;padding:var(--field-padding);border-radius:3px;width:250px;outline:none;font-size:14px}.custom-field .placeholder{position:absolute;left:var(--field-padding);width:calc(100% - (var(--field-padding) * 2));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;top:22px;line-height:100%;transform:translateY(-50%);color:#fff;transition:top .3s ease,color .3s ease,font-size .3s ease}.custom-field input.dirty+.placeholder,.custom-field input:focus+.placeholder,.custom-field input:not(:placeholder-shown)+.placeholder{top:-10px;font-size:10px;background:none;color:#fff}input[type=checkbox],input[type=radio]{accent-color:#ec5896}.gjs-clm-tags #gjs-clm-tag-label{flex-grow:1;text-overflow:ellipsis;overflow:hidden;padding:0 3px;cursor:text;font-size:15px}.gjs-clm-header-label{font-size:13px;color:white}.gjs-clm-label-sel{font-size:15px;color:white}.gjs-clm-sel-cmp{font-size:15px;color:#e0dcd5}.gjs-clm-sel-id{color:rgb(255 242 248);font-size:15px}.gjs-clm-tag-close,.gjs-clm-tag-status{width:15px;height:15px}#gjs-clm-new{font-size:15px}#gjs-clm-states{font-size:13px}.styled-checkbox{position:absolute;opacity:0}.styled-checkbox+label{position:relative;cursor:pointer;padding:0}.styled-checkbox+label:before{content:"";margin-right:10px;display:inline-block;vertical-align:text-top;width:20px;height:20px;background:white}.styled-checkbox:hover+label:before{background:#ec5896}.styled-checkbox:focus+label:before{box-shadow:0 0 0 3px rgba(0,0,0,.12)}.styled-checkbox:checked+label:before{background:#ec5896}.styled-checkbox:disabled+label{color:#b8b8b8;cursor:auto}.styled-checkbox:disabled+label:before{box-shadow:none;background:#ddd}.styled-checkbox:checked+label:after{content:"";position:absolute;left:5px;top:9px;background:white;width:2px;height:2px;box-shadow:2px 0 0 white,4px 0 0 white,4px -2px 0 white,4px -4px 0 white,4px -6px 0 white,4px -8px 0 white;transform:rotate(45deg)}.fileBox{display:flex;justify-content:center;align-items:center;min-width:150px;height:150px}.fileBox .fileBoxContent{flex-direction:column;text-align:center}.fileBox i{font-size:5em;margin:1em 0}.position_button{margin-right:7px;color:rgba(255,255,255,.7);font-size:22px;padding:0 4px}#panel__bottom{background:var(--main-color);bottom:0;position:fixed;width:100%;height:20px;z-index:1;margin-left:40px}.position_button_active{background-color:var(--secondary-color)}.position_button_active>i{color:#c05682}.panel__bottom_breadcrumbs{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:-.5rem;font-size:14px}.breadcrumb__nav{margin-left:19px}.breadcrumbs__item{position:relative;margin-bottom:.5em;background-color:var(--main-color);color:var(--grey-cloud);cursor:pointer;margin-top:-3px}.breadcrumbs__item:not(:first-child){margin-left:1.7em}.stack-y>*+*{margin-top:1rem}.fz-large{font-size:1.5rem}#create_new_auth_type{background:#cccccc;border-radius:5px;padding:2px;margin:12px}.delete_auth_type_column{width:70px;height:30px}#users_collapse_button,.archives_buttons{width:100%;font-weight:lighter;background-color:rgba(0,0,0,.1);letter-spacing:1px;padding:9px 10px 9px 20px;border-bottom:1px solid rgba(0,0,0,.25);text-align:left;position:relative;cursor:pointer;color:#cccccc}.archives_buttons{font-size:smaller}#add_event_button{background:#cccccc}#add_event_button,#submit_event_button{border-radius:5px;padding:2px;margin:12px}#submit_event_button{background:#80dba6}#event_manager_options{display:flex;padding:11px}#reverse_effect_checkbox{margin-left:2em}.adding_event_style_manager{background:#ec58968c;color:beige}.event-button{width:100%;font-weight:lighter;background-color:rgba(0,0,0,.1);letter-spacing:1px;padding:9px 10px 9px 20px;border-bottom:1px solid rgba(0,0,0,.25);text-align:left;position:relative;cursor:pointer;color:#cccccc}.edit_event_icon{font-size:18px;float:right}.page-button{padding:9px;background-color:#55595d;width:100%;text-align:left;color:#cccccc;border:1px solid #3f3e3e}#top_panel{justify-content:space-between;width:100%;height:25px;background-color:var(--main-color)}#top_panel,.top_panel_left,.top_panel_right{display:flex;align-items:center}.top_panel_left{flex:0 0 auto;margin-left:30px}.top_panel_right{flex:0 0 auto;margin-right:15px}.top_panel_middle{flex:1;text-align:center}.icon_separator{align-self:stretch;width:1px;background-color:var(--grey-cloud);margin:0 8px}.top_panel_icon{width:19px!important}.top_right_icon_separator{align-self:stretch;width:1px;background-color:var(--grey-cloud);margin:0 25px}#traits-menu{position:absolute;background:var(--soft-sky);border:1px solid var(--hard-blue);color:white;border-radius:4px;padding:8px 12px;z-index:100000000;display:none;font-size:11px;white-space:nowrap}#traits-menu .gjs-traits-cs{background-color:var(--soft-sky);color:var(--hard-blue);font-weight:900}#traits-menu .gjs-field{background-color:var(--grey-cloud);border:1px solid var(--hard-blue)}