{"version":3,"sources":["webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/fonts/ds-icons/dist/ds-icons.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/dev-studio.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_normalize.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_variables.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_actions.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_adminbar.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_bar.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_data.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_data-table.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_fields.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_form.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_header.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_icons.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_left-panel.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_other.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_tools.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_utilities.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/partials/_ws.scss","webpack:///./src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/D:/OSPanel/domains/wp.lc/wp-content/plugins/dev-studio/src/sass/dev-studio.scss"],"names":[],"mappings":"AAEA;EACI,wBAHY;EAIZ;CCDJ;ADIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CCFJ;;ADmCA;EACI;CChCJ;;ADkCA;EACI;CC/BJ;;ADiCA;EACI;CC9BJ;;ADgCA;EACI;CC7BJ;;AD+BA;EACI;CC5BJ;;AD8BA;EACI;CC3BJ;;AD6BA;EACI;CC1BJ;;AD4BA;EACI;CCzBJ;;AD2BA;EACI;CCxBJ;;AD0BA;EACI;CCvBJ;;ADyBA;EACI;CCtBJ;;ADwBA;EACI;CCrBJ;;ADuBA;EACI;CCpBJ;;ADsBA;EACI;CCnBJ;;ADqBA;EACI;CClBJ;;ADoBA;EACI;CCjBJ;;ADmBA;EACI;CChBJ;;ADkBA;EACI;CCfJ;;ADiBA;EACI;CCdJ;;ADgBA;EACI;CCbJ;;ADeA;EACI;CCZJ;;ADcA;EACI;CCXJ;;ADaA;EACI;CCVJ;;ADYA;EACI;CCTJ;;ADWA;EACI;CCRJ;;ADUA;EACI;CCPJ;;ADSA;EACI;CCNJ;;ACvHE;EACE;EACA,YCEO;EDDP;CD0HJ;;AG9HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CHiIF;AG/HE;EACE;CHiIJ;AG9HE;EACE;EACA;EACA;EACA;EACA;CHgIJ;AG/HI;EACE;EACA;EACA;EACA;EACA;EACA;CHiIN;AGzHI;EACE;EACA;EACA;EACA;EACA;EACA;CH2HN;AGzHI;EACE;CH2HN;AGzHI;EACE;EACA;EACA;EACA;EACA;CH2HN;AGzHM;EACE;CH2HR;AGzHM;EACE;EACA;CH2HR;AGzHQ;EACE;CH2HV;AGzHQ;EACE;CH2HV;AGrHE;EACE;CHuHJ;AGtHI;EACE;CHwHN;AGtHI;EACE;CHwHN;;AIlMC;EACC;CJqMF;AInME;EACC;EACE;CJqML;AIpMG;EACC;EACA;EACA;CJsMJ;AInME;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;UAAA;CJoMH;;AI/LA;EACC;IAAQ;GJmMP;EIlMD;IAAS;GJqMR;CACF;;AIxMA;EACC;IAAQ;GJmMP;EIlMD;IAAS;GJqMR;CACF;AKjOI;EACE;CLmON;AKlOM;EAFF;IAGI;GLqON;CACF;AK7NI;EACE;CL+NN;AKvNM;EACE;CLyNR;AKxNQ;EAFF;IAGI;GL2NR;CACF;AKrNI;EACE,aHlCU;CFyPhB;AKrNM;EACE;EACA,aHtCQ;EGuCR;CLuNR;AKlNM;EACE,kBH7CQ;CFiQhB;AKjNM;EACE,kBHjDQ;CFoQhB;;AK5MA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,0BH5Dc;CF2QhB;AK7ME;EACE;EACA;CL+MJ;AK5ME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,0BHlFY;CFgShB;AK5MI;EACE;EACA;EACA;EACA;CL8MN;AK1ME;EACE;EACA;EACA;CL4MJ;AK1MI;EACE;EACA;EACA;EACA;EACA;CL4MN;AK1MM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CL4MR;AKxMI;EACE;EACA;CL0MN;AKxMM;EACE;EACA;EACA;CL0MR;AKxMQ;EACE;EACA;CL0MV;;AM9UE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CNiVJ;AM9UM;;EAEE;EACA;CNgVR;AM9UM;EACE;CNgVR;AM9UM;EACE;CNgVR;AM3UE;;EAEE;EACA;EACA;EACA;EACA;CN6UJ;AM3UI;;EACE;CN8UN;AM3UI;;;EACE;EACA;EACA;EACA,eJpCU;EIqCV;CN+UN;AM7UI;;EACE;EACA;EACA,eJ1CU;EI2CV;EACA;CNgVN;AM/UM;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CNkVR;AM/UI;;EACE;EACA;EACA;CNkVN;AMhVI;;EACE;EACA;EACA;CNmVN;AMjVI;;EACE;EACA;EACA;EACA;EACA;CNoVN;AM/UE;EACE;EACA;CNiVJ;AM/UI;EACE;EACA;EACA;EACA;EACA;CNiVN;AMhVM;EACE;EACA;EACA;CNkVR;AMhVQ;EACE;EACA;CNkVV;AMhVQ;EACE;CNkVV;AM5UM;EACE;CN8UR;AMzUM;EACE;EACA;EACA;EACA;CN2UR;AMzUM;EACE;CN2UR;AM1UQ;EACE;CN4UV;AMlUE;EACE;EACA;CNoUJ;AMlUI;EACE;EACA;EACA;EACA;EACA;EACA;CNoUN;AMnUM;EACE;CNqUR;AMlUI;EACE;CNoUN;;AM/TA;EACE;EACA;EACA;EACA;EACA;CNkUF;AMhUE;EACE;EACA;EACA;EACA,0BJ9JY;EI+JZ;EACA;EACA;EACA;EACA;EACA;EACA;CNkUJ;AM/TE;EACE;EACA;EACA;CNiUJ;AM/TI;EACE;EACA;CNiUN;AM/TI;EACE;EACA;CNiUN;AM9TI;EACE;EACA;CNgUN;AM7TI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CN+TN;AM3TI;EACE;EACA;EACA;CN6TN;AM3TI;EACE;EACA;CN6TN;AMzTE;EACE;EACA;CN2TJ;AMxTE;EACE;CN0TJ;AMvTE;EACE;CNyTJ;AMxTI;EACE;CN0TN;AMrTE;EACE,sBJnOY;EIoOZ;EAGA;CNuTJ;AMtTI;EACE,0BJzOU;CFiiBhB;;AMnTA;EACE;CNsTF;;AO1iBE;EACE;EACA;EACA;EACA;CP6iBJ;AO3iBI;EACE;CP6iBN;AO3iBI;EACE;EACA;CP6iBN;AO3iBQ;EACE;EACA;CP6iBV;AO1iBM;EACE;CP4iBR;AOviBQ;EACE;EACA;CPyiBV;AOriBQ;EACE;CPuiBV;AOpiBM;EACE;CPsiBR;AOniBQ;EACE;CPqiBV;AOhiBM;EACE;CPkiBR;AOjiBQ;EACE;CPmiBV;AOhiBM;EACE;CPkiBR;AOjiBQ;EACE;CPmiBV;AO9hBI;EACE;EACA;EACA;EACA;EACA;EACA;CPgiBN;AO7hBM;EACE;EACA;CP+hBR;AO7hBM;EACE;CP+hBR;AO7hBM;EACE;CP+hBR;AO7hBM;EACE;EACA;CP+hBR;AO7hBM;EACE;CP+hBR;AO5hBI;EACE;EACA;CP8hBN;AO5hBQ;EACE;EACA,eLjFQ;CF+mBlB;AO7hBU;EACE,eLnFM;CFknBlB;AO5hBQ;EACE;EACA;EACA;CP8hBV;AOvhBM;EACE,eLjGU;CF0nBlB;AOvhBM;EACE;CPyhBR;AOxhBQ;EACE;CP0hBV;AOrhBI;EACE;CPuhBN;AOphBI;EACE;CPshBN;AOrhBM;EACE;CPuhBR;;AQppBA;;;GAAA;AAIA;EAiRE;CRuYF;AQvpBE;EACE;CRypBJ;AQtpBI;EACE;CRwpBN;AQvpBM;EACE;EACA;CRypBR;AQlpBM;EACE;EACA;EACA;EACA;CRopBR;AQlpBQ;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CRmpBV;AQjpBU;EACE,eNrCI;EMsCJ,sBNtCI;CFyrBhB;AQjpBU;EACE,sBNzCI;EM0CJ;CRmpBZ;AQ3oBM;EACE;EACA;CR6oBR;AQ3oBQ;EACE;EACA;CR6oBV;AQ1oBU;EACE;EACA;EACA;CR4oBZ;AQ1oBY;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CR4oBd;AQ1oBc;EACE,0BNhFA;EMiFA,sBNjFA;EMkFA;CR4oBhB;AQ1oBc;EACE;EACA;EACA;EACA;CR4oBhB;AQvoBU;EACE;EACA;CRyoBZ;AQxoBY;EACE;EACA;EACA;CR0oBd;AQroBU;EACE;CRuoBZ;AQjoBI;EACE;EACA;EACA;CRmoBN;AQhoBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CRkoBN;AQ/nBQ;EACE;CRioBV;AQ9nBM;EACE;EACA;EACA;EACA;CRgoBR;AQ1nBE;EACE;EACA;EACA;EACA;CR4nBJ;AQxnBI;EACE;EACA;EACA;EACA;EACA;EACA;CR0nBN;AQxnBM;EACE;EACA;CR0nBR;AQxnBM;EACE;CR0nBR;AQtnBI;EACE;CRwnBN;AQtnBQ;EACE;EACA;CRwnBV;AQjnBI;EACE;EACA;EACA;EACA;CRmnBN;AQjnBM;EACE;CRmnBR;AQjnBM;EACE;EACA;EACA;EACA;CRmnBR;AQjnBM;EACE;EACA;EACA;EACA;EACA;EACA;CRmnBR;AQjnBM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CRmnBR;AQ5mBM;EACE;EACA;CR8mBR;AQ3mBM;EACE;CR6mBR;AQ1mBU;EACE;CR4mBZ;AQxmBQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CR0mBV;AQtmBM;EACE;CRwmBR;AQlmBQ;EACE;CRomBV;AQjmBM;EACE;EACA;EACA;EACA;EACA;EACA;CRmmBR;AQlmBQ;EACE;EACA;CRomBV;AQ7lBE;EAEE;EACA;EACA;EACA;CR8lBJ;AQ5lBE;EACE;CR8lBJ;AQ3lBE;EACE;CR6lBJ;AQ3lBE;EACE;CR6lBJ;AQxlBI;EACE;EACA;EACA;CR0lBN;AQxlBI;EACE;CR0lBN;AQzlBM;EACE;CR2lBR;AQvlBQ;EACE;EACA;CRylBV;;ASh5BE;;EAGE;CTk5BJ;ASh5BE;EACE;EACA;EACA;EACA,0BPHkB;EOIlB;EACA;EACA;EACA;EACA;EACA;EACA;CTk5BJ;ASh5BI;EACE;EACA,sBPbmB;CF+5BzB;AS/4BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;CT84BJ;ASn5BI;EACE;CTq5BN;AS94BE;EACE,YP1CO;EO2CP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CTg5BJ;AS54BI;EACE;CT84BN;AS14BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CT44BJ;AS14BE;EACE;CT44BJ;ASz4BE;EACE;CT24BJ;ASx4BE;EAAqB;EACnB;EACA;EAAY;CT44BhB;AS94BE;EAAqB;EACnB;EACA;EAAY;CT44BhB;AS94BE;EAAqB;EACnB;EACA;EAAY;CT44BhB;ASz4BE;EAA8B;EAC5B;CT44BJ;ASz4BE;EAA+B;EAC7B;CT44BJ;ASz4BE;EACE;CT24BJ;;AUr/BE;EACE;EACA;EACA;EACA;CVw/BJ;AUt/BI;EACE;EACA;EACA;CVw/BN;AUt/BM;EACE;EACA;EACA;EACA;EACA;CVw/BR;AUt/BQ;EACE;EACA;CVw/BV;AUt/BQ;EACE;EACA;CVw/BV;AUv/BU;EACE;CVy/BZ;AU/+BM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CVi/BR;AU/+BQ;EACE;EACA;EACA;EACA;EACA;CVi/BV;AUh/BU;EACE;CVk/BZ;AU/+BQ;EACE;CVi/BV;AU7+BM;EACE;EACA;EACA;EACA;CV++BR;AU7+BQ;EACE;CV++BV;AU9+BU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CVg/BZ;AU5+BQ;EACE;EACA;CV8+BV;AU7+BU;EACE;EACA;EACA;EACA;EACA;EACA;EACA,oBRxFI;EQyFJ;EACA;CV++BZ;AU9+BY;EACE;EACA,oBR5FQ;CF4kCtB;AU5+BQ;EACE;CV8+BV;AUt+BI;EACE;EACA;EACA;EACA;CVw+BN;;AW3lCE;EACE;EACA;EACA;EACA;CX8lCJ;AW1lCI;EACE;EACA;EACA;CX4lCN;AW1lCI;EACE;EACA;CX4lCN;;AY5mCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CZ+mCJ;AY5mCE;EACE;EACA;EACA;EACA;EAEA,ySACE;CZ4mCN;AYtmCI;EACE;EACA;EACA;CZwmCN;AYrmCI;EACE;CZumCN;AYnmCI;EACE;EACA;EACA;EACA;EACA;EACA;CZqmCN;AYnmCM;EACE;EACA;EACA;EACA;CZqmCR;AYnmCM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EASA;;;;;;;;;;;;KAAA;CZymCR;AYhnCQ;EACE;CZknCV;AYhnCQ;EACE;CZknCV;AYjmCQ;EACE;EACA;;;;;KAAA;CZwmCV;AYhmCQ;EACE;EACA,eV7FM;EU8FN;EAIA;;;;;;KAAA;CZqmCV;AYxmCU;EACE,eVhGI;CF0sChB;AYhmCQ;EACE;EACA;CZkmCV;;AajtCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CbotCJ;AaltCI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CbotCN;AaltCI;EACE;CbotCN;AaltCI;EACE;CbotCN;AajtCI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CbmtCN;Aa/sCM;EACE;CbitCR;Aa/sCM;EACE;EACA;EACA;CbitCR;Aa5sCE;EACE;EACA;Cb8sCJ;Aa3sCE;;EAEE;EACA;EACA;EACA;Cb6sCJ;Aa3sCI;;EACE;EACA,eX7DU;EW8DV;EACA;EACA;Cb8sCN;Aa1sCE;EACE;Cb4sCJ;Aa3sCI;EACE,eXlEY;EWmEZ;Cb6sCN;Aa3sCI;EACE,eXtEY;CFmxClB;AaxsCE;EACE;Cb0sCJ;AavsCE;EACE;CbysCJ;AatsCE;EACE;EACA;EACA;CbwsCJ;AarsCE;EACE;CbusCJ;AapsCE;EACE;CbssCJ;AansCE;EACE;CbqsCJ;AalsCE;EACE;CbosCJ;AajsCE;EACE;EACA;CbmsCJ;AahsCE;EACE;EACA;CbksCJ;Aa/rCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CbisCJ;Aa/rCM;EACE;CbisCR;Aa9rCI;EACE;CbgsCN;Aa5rCE;EACE;Cb8rCJ;Aa3rCE;EACE;Cb6rCJ;Aa1rCE;EACE;Cb4rCJ;AazrCE;EACE;Cb2rCJ;AaxrCE;EACE;Cb0rCJ;AavrCE;EACE;EACA;EACA;EACA;EACA;CbyrCJ;AaxrCI;EACE;Cb0rCN;AarrCE;EACE;CburCJ;AanrCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CbqrCJ;AanrCI;EACE;CbqrCN;AajrCM;EACE;CbmrCR;Aa/qCI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CbirCN;Aa/qCM;EAEE;CbgrCR;Aa9qCM;EACE;EACA;CbgrCR;Aa9qCM;EACE;EACA;EACA;EACA;EACA;CbgrCR;;Acr5CA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;Cdu5CF;Acr5CE;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Cds5CJ;Acp5CI;EACE;Cds5CN;Acp5CI;EACE;Cds5CN;Acr5CM;EACE,eZ1BQ;CFi7ChB;Acn5CM;EACE,eZ/BQ;CFo7ChB;Acj5CI;EACE;EACA;Cdm5CN;Acl5CM;EACE;Cdo5CR;Acl5CM;EACE;Cdo5CR;Ach5CI;EACE;EACA;EACA;Cdk5CN;Acj5CM;EACE;Cdm5CR;Ae58CA;EAEE;;;KAAA;EAsCA;;;KAAA;EAeA;;;KAAA;EAkCA;;;KAAA;EA0BA;;;KAAA;Cf+2CF;Ae59CE;EACE;EACA;Cf89CJ;Ae59CI;EACE;EACA;EACA;EACA;EACA;Cf89CN;Ae39CQ;EACE;EACA;Cf69CV;Aez9CM;EACE;EACA;EACA;Cf29CR;Aez9CQ;EACE;EACA;Cf29CV;Ae19CU;EACE;Cf49CZ;Aej9CE;EACE;EACA;EACA;Cfm9CJ;Aev8CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Cfy8CJ;Aev8CI;EACE;Cfy8CN;Aev8CI;EACE;EACA;EACA;EACA;Cfy8CN;Aet8CI;EACE;Cfw8CN;Aev8CM;EACE,eb9EQ;CFuhDhB;Aeh8CE;EACE;EACA;EACA;EACA;EACA;Cfk8CJ;Aeh8CI;EACE;Cfk8CN;Aej8CM;EACE;Cfm8CR;Aeh8CI;EACE;EACA;EACA;Cfk8CN;Aex7CE;EACE;Cf07CJ;Aet7CI;EACE;Cfw7CN;Aer7CM;EACE;EACA;EACA;Cfu7CR;;AgBzjDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ChB4jDJ;AgB1jDI;EACE;EACA;EACA;EACA;EACA;EACA;ChB4jDN;AgB1jDM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ChB4jDR;AgB1jDQ;EACE,edzBM;Ec0BN;ChB4jDV;AgB1jDQ;EACE;EACA;ChB4jDV;AgBvjDI;EACE;EACA;EACA;EACA;EACA;ChByjDN;AgBvjDM;EACE;EACA;ChByjDR;AgBtjDQ;EACE;EACA;ChBwjDV;AgBtjDQ;EACE;EACA;EACA;ChBwjDV;AgBvjDU;EACE;EACA;EACA;EACA;EACA;ChByjDZ;AgBvjDU;EACE;EACA;EACA;ChByjDZ;AgBljDI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ChBojDN;AgBljDM;EACE,0BdxFQ;EcyFR,sBdzFQ;Ec0FR;ChBojDR;AgBljDM;EACE;EACA;EACA;EACA;ChBojDR;;AiBtoDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YfxBS;EeyBT;CjByoDF;AiBvoDE;EACE;EACA;CjByoDJ;AiBtoDE;EACE;EACA;EACA;EACA;EACA;CjBwoDJ;AiBroDE;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CjBsoDJ;AiBhoDI;EACE;EACA;EACA;CjBkoDN;AiBhoDI;EACE","file":"assets/css/dev-studio.css","sourcesContent":["$ds-icons-font: \"ds-icons\";\n\n@font-face {\n    font-family: $ds-icons-font;\n    src: url(\"./../fonts/ds-icons.ttf?65d819dc493765df05ba01911786d55f\") format(\"truetype\");\n}\n\nspan[class^=\"ds-icon-\"]:before, span[class*=\" ds-icon-\"]:before {\n    font-family: ds-icons !important;\n    font-style: normal;\n    font-weight: normal !important;\n    font-variant: normal;\n    text-transform: none;\n    line-height: 1;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n$ds-icons-map: (\n    \"add\": \"\\f101\",\n    \"apps\": \"\\f102\",\n    \"arrow_down\": \"\\f103\",\n    \"arrow_left\": \"\\f104\",\n    \"arrow_right\": \"\\f105\",\n    \"arrow_up\": \"\\f106\",\n    \"check\": \"\\f107\",\n    \"checkpoints\": \"\\f108\",\n    \"close\": \"\\f109\",\n    \"copy\": \"\\f10a\",\n    \"database\": \"\\f10b\",\n    \"error\": \"\\f10c\",\n    \"gear\": \"\\f10d\",\n    \"menu\": \"\\f10e\",\n    \"php\": \"\\f10f\",\n    \"pin\": \"\\f110\",\n    \"query_stats\": \"\\f111\",\n    \"refresh\": \"\\f112\",\n    \"server\": \"\\f113\",\n    \"settings\": \"\\f114\",\n    \"shopping_cart\": \"\\f115\",\n    \"sort\": \"\\f116\",\n    \"time\": \"\\f117\",\n    \"tip\": \"\\f118\",\n    \"view\": \"\\f119\",\n    \"warning\": \"\\f11a\",\n    \"wordpress\": \"\\f11b\",\n);\n\n.ds-icon-add:before {\n    content: map-get($ds-icons-map, \"add\");\n}\n.ds-icon-apps:before {\n    content: map-get($ds-icons-map, \"apps\");\n}\n.ds-icon-arrow_down:before {\n    content: map-get($ds-icons-map, \"arrow_down\");\n}\n.ds-icon-arrow_left:before {\n    content: map-get($ds-icons-map, \"arrow_left\");\n}\n.ds-icon-arrow_right:before {\n    content: map-get($ds-icons-map, \"arrow_right\");\n}\n.ds-icon-arrow_up:before {\n    content: map-get($ds-icons-map, \"arrow_up\");\n}\n.ds-icon-check:before {\n    content: map-get($ds-icons-map, \"check\");\n}\n.ds-icon-checkpoints:before {\n    content: map-get($ds-icons-map, \"checkpoints\");\n}\n.ds-icon-close:before {\n    content: map-get($ds-icons-map, \"close\");\n}\n.ds-icon-copy:before {\n    content: map-get($ds-icons-map, \"copy\");\n}\n.ds-icon-database:before {\n    content: map-get($ds-icons-map, \"database\");\n}\n.ds-icon-error:before {\n    content: map-get($ds-icons-map, \"error\");\n}\n.ds-icon-gear:before {\n    content: map-get($ds-icons-map, \"gear\");\n}\n.ds-icon-menu:before {\n    content: map-get($ds-icons-map, \"menu\");\n}\n.ds-icon-php:before {\n    content: map-get($ds-icons-map, \"php\");\n}\n.ds-icon-pin:before {\n    content: map-get($ds-icons-map, \"pin\");\n}\n.ds-icon-query_stats:before {\n    content: map-get($ds-icons-map, \"query_stats\");\n}\n.ds-icon-refresh:before {\n    content: map-get($ds-icons-map, \"refresh\");\n}\n.ds-icon-server:before {\n    content: map-get($ds-icons-map, \"server\");\n}\n.ds-icon-settings:before {\n    content: map-get($ds-icons-map, \"settings\");\n}\n.ds-icon-shopping_cart:before {\n    content: map-get($ds-icons-map, \"shopping_cart\");\n}\n.ds-icon-sort:before {\n    content: map-get($ds-icons-map, \"sort\");\n}\n.ds-icon-time:before {\n    content: map-get($ds-icons-map, \"time\");\n}\n.ds-icon-tip:before {\n    content: map-get($ds-icons-map, \"tip\");\n}\n.ds-icon-view:before {\n    content: map-get($ds-icons-map, \"view\");\n}\n.ds-icon-warning:before {\n    content: map-get($ds-icons-map, \"warning\");\n}\n.ds-icon-wordpress:before {\n    content: map-get($ds-icons-map, \"wordpress\");\n}\n","@font-face {\n  font-family: \"ds-icons\";\n  src: url(\"./../fonts/ds-icons.ttf?65d819dc493765df05ba01911786d55f\") format(\"truetype\");\n}\nspan[class^=ds-icon-]:before, span[class*=\" ds-icon-\"]:before {\n  font-family: ds-icons !important;\n  font-style: normal;\n  font-weight: normal !important;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.ds-icon-add:before {\n  content: \"\\f101\";\n}\n\n.ds-icon-apps:before {\n  content: \"\\f102\";\n}\n\n.ds-icon-arrow_down:before {\n  content: \"\\f103\";\n}\n\n.ds-icon-arrow_left:before {\n  content: \"\\f104\";\n}\n\n.ds-icon-arrow_right:before {\n  content: \"\\f105\";\n}\n\n.ds-icon-arrow_up:before {\n  content: \"\\f106\";\n}\n\n.ds-icon-check:before {\n  content: \"\\f107\";\n}\n\n.ds-icon-checkpoints:before {\n  content: \"\\f108\";\n}\n\n.ds-icon-close:before {\n  content: \"\\f109\";\n}\n\n.ds-icon-copy:before {\n  content: \"\\f10a\";\n}\n\n.ds-icon-database:before {\n  content: \"\\f10b\";\n}\n\n.ds-icon-error:before {\n  content: \"\\f10c\";\n}\n\n.ds-icon-gear:before {\n  content: \"\\f10d\";\n}\n\n.ds-icon-menu:before {\n  content: \"\\f10e\";\n}\n\n.ds-icon-php:before {\n  content: \"\\f10f\";\n}\n\n.ds-icon-pin:before {\n  content: \"\\f110\";\n}\n\n.ds-icon-query_stats:before {\n  content: \"\\f111\";\n}\n\n.ds-icon-refresh:before {\n  content: \"\\f112\";\n}\n\n.ds-icon-server:before {\n  content: \"\\f113\";\n}\n\n.ds-icon-settings:before {\n  content: \"\\f114\";\n}\n\n.ds-icon-shopping_cart:before {\n  content: \"\\f115\";\n}\n\n.ds-icon-sort:before {\n  content: \"\\f116\";\n}\n\n.ds-icon-time:before {\n  content: \"\\f117\";\n}\n\n.ds-icon-tip:before {\n  content: \"\\f118\";\n}\n\n.ds-icon-view:before {\n  content: \"\\f119\";\n}\n\n.ds-icon-warning:before {\n  content: \"\\f11a\";\n}\n\n.ds-icon-wordpress:before {\n  content: \"\\f11b\";\n}\n\n#dev-studio div, #dev-studio span:not(.ds-icon), #dev-studio td, #dev-studio select, #dev-studio input, #dev-studio textarea, #dev-studio label {\n  font-family: \"Helvetica\", sans-serif !important;\n  color: #444;\n  box-sizing: border-box;\n}\n\n#dev-studio-actions {\n  width: 320px;\n  min-width: 320px;\n  overflow: auto;\n  padding: 5px 3px;\n  background-color: #fdfcf6;\n  border-right: 1px #ddd solid;\n  display: none;\n}\n#dev-studio-actions.ds-show {\n  display: block;\n}\n#dev-studio-actions .ds-cp-wrapper {\n  display: flex;\n  line-height: 1.4em;\n  font-size: 13px;\n  margin: 2px;\n  padding: 2px;\n}\n#dev-studio-actions .ds-cp-wrapper .ds-cp-type {\n  flex-basis: 5%;\n  background-color: #ddd;\n  border-radius: 50%;\n  max-width: 10px;\n  max-height: 10px;\n  margin-top: 4px;\n}\n#dev-studio-actions .ds-cp-wrapper .ds-cp-name {\n  flex-basis: 85%;\n  overflow: hidden;\n  font-size: 12px;\n  padding-left: 4px;\n  padding-right: 4px;\n  line-height: 1.5em;\n}\n#dev-studio-actions .ds-cp-wrapper .ds-cp-check {\n  flex-basis: 10%;\n}\n#dev-studio-actions .ds-cp-wrapper.start {\n  border: 1px #eee7cc solid;\n  border-radius: 1px;\n  background-color: #fff7da;\n  margin: 0;\n  padding: 4px 2px 0 3px;\n}\n#dev-studio-actions .ds-cp-wrapper.start .ds-cp-name {\n  line-height: 20px;\n}\n#dev-studio-actions .ds-cp-wrapper.start .ds-cp-start {\n  cursor: pointer;\n  padding: 0 2px;\n}\n#dev-studio-actions .ds-cp-wrapper.start .ds-cp-start.expanded {\n  transform: rotate(180deg);\n}\n#dev-studio-actions .ds-cp-wrapper.start .ds-cp-start:hover {\n  color: #fdb302 !important;\n}\n#dev-studio-actions .ds-cp-not-available {\n  display: none;\n}\n#dev-studio-actions .ds-cp-not-available .ds-cp-name {\n  color: #999 !important;\n}\n#dev-studio-actions .ds-cp-not-available.ds-show {\n  display: block;\n}\n\n#wpadminbar .ds-admin-bar {\n  position: relative !important;\n}\n#wpadminbar .ds-admin-bar > a {\n  display: flex !important;\n  align-items: center !important;\n}\n#wpadminbar .ds-admin-bar > a img {\n  width: 17px !important;\n  height: 17px !important;\n  margin: 0 5px 0 0 !important;\n}\n#wpadminbar .ds-admin-bar.ds-alert:before {\n  content: \"\";\n  position: absolute;\n  right: -4px;\n  top: 54%;\n  transform: translateY(-54%);\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: red;\n  animation: ds-scale-animation 1s infinite;\n}\n\n@keyframes ds-scale-animation {\n  0% {\n    transform: translateY(-54%) scale(1);\n  }\n  50% {\n    transform: translateY(-54%) scale(1.3);\n  }\n}\nbody.wp-admin #dev-studio-bar {\n  top: 32px;\n}\n@media only screen and (max-width: 782px) {\n  body.wp-admin #dev-studio-bar {\n    top: 46px;\n  }\n}\nbody.wp-admin.js.is-fullscreen-mode #dev-studio-bar {\n  display: none;\n}\nbody:not(.wp-admin).admin-bar #dev-studio-bar {\n  top: 32px;\n}\n@media only screen and (max-width: 782px) {\n  body:not(.wp-admin).admin-bar #dev-studio-bar {\n    top: 46px;\n  }\n}\nbody.ds-bar-expand #dev-studio-bar {\n  height: 26px;\n}\nbody.ds-bar-expand #dev-studio-bar .ds-bar-wrap {\n  font-size: 13px;\n  height: 26px;\n  line-height: 1.4em;\n}\nbody.ds-bar-expand #wpwrap #adminmenuwrap {\n  padding-top: 26px;\n}\nbody.ds-bar-expand #wpwrap #wpbody {\n  padding-top: 26px;\n}\n\n#dev-studio-bar {\n  height: 0;\n  display: flex;\n  position: fixed;\n  width: 100%;\n  left: 0;\n  top: 0;\n  z-index: 9999;\n  border-top: 0 #59bef8 solid;\n  background-color: #0073aa;\n}\n#dev-studio-bar div, #dev-studio-bar :not(.ds-icon), #dev-studio-bar td, #dev-studio-bar select, #dev-studio-bar input, #dev-studio-bar textarea {\n  font-family: \"Helvetica\", sans-serif !important;\n  line-height: 1em;\n}\n#dev-studio-bar .ds-bar-icon {\n  position: absolute;\n  height: 12px !important;\n  max-height: 12px;\n  color: #fff;\n  padding: 0 7px 0 7px !important;\n  left: 50%;\n  transform: translateX(-50%);\n  line-height: 12px !important;\n  bottom: -11px;\n  cursor: pointer;\n  z-index: 0;\n  overflow: hidden;\n  border-bottom-left-radius: 50%;\n  border-bottom-right-radius: 50%;\n  background-color: #0073aa;\n}\n#dev-studio-bar .ds-bar-icon .ds-icon {\n  position: relative;\n  display: block;\n  font-size: 16px;\n  margin-top: -2px;\n}\n#dev-studio-bar .ds-bar-wrap {\n  display: flex;\n  height: 0;\n  overflow: hidden;\n}\n#dev-studio-bar .ds-bar-wrap .ds-bar-ds {\n  padding: 4px 5px 0 4px;\n  background-color: #016797;\n  height: 26px;\n  cursor: pointer;\n  line-height: 0;\n}\n#dev-studio-bar .ds-bar-wrap .ds-bar-ds img {\n  border: 0 !important;\n  display: block !important;\n  padding: 0 !important;\n  margin: 0 auto !important;\n  width: 17px !important;\n  height: 17px !important;\n  border-radius: 0 !important;\n  max-width: none !important;\n  max-height: none !important;\n}\n#dev-studio-bar .ds-bar-wrap .ds-bar-inner {\n  display: flex;\n  align-items: center;\n}\n#dev-studio-bar .ds-bar-wrap .ds-bar-inner > div {\n  color: #fff;\n  padding: 0 7px;\n  font-size: 13px;\n}\n#dev-studio-bar .ds-bar-wrap .ds-bar-inner > div .ds-icon {\n  padding-right: 3px;\n  font-size: 13px;\n}\n\n#dev-studio #ds-data-container {\n  display: flex;\n  align-items: stretch;\n  border-radius: 1px;\n  border: 2px #ddd solid;\n  background-color: #fff;\n  flex-basis: 100%;\n  min-height: 0;\n}\n#dev-studio #ds-data-container.ds-col-2 #dev-studio-data,\n#dev-studio #ds-data-container.ds-col-2 #dev-studio-data-info {\n  flex-basis: 50%;\n  width: auto;\n}\n#dev-studio #ds-data-container.ds-col-2 #dev-studio-tools {\n  border-right: 1px #ddd dashed;\n}\n#dev-studio #ds-data-container.ds-col-2 #dev-studio-data-info {\n  padding: 0 3px 3px 3px;\n}\n#dev-studio #dev-studio-data,\n#dev-studio #dev-studio-data-info {\n  flex-direction: column;\n  flex-wrap: wrap;\n  overflow: auto;\n  position: relative;\n  transition: width 1s;\n}\n#dev-studio #dev-studio-data.ds-col-2,\n#dev-studio #dev-studio-data-info.ds-col-2 {\n  flex-basis: 50%;\n}\n#dev-studio #dev-studio-data h2, #dev-studio #dev-studio-data h3,\n#dev-studio #dev-studio-data-info h2,\n#dev-studio #dev-studio-data-info h3 {\n  border-radius: 3px;\n  margin: 10px 0 7px 5px;\n  display: inline-block;\n  color: #0073aa;\n  border: 1px #0073aa dashed;\n}\n#dev-studio #dev-studio-data div.title,\n#dev-studio #dev-studio-data-info div.title {\n  margin: 5px 0 10px 5px;\n  font-size: 14px;\n  color: #0073aa;\n  position: relative;\n  line-height: 1.3em;\n}\n#dev-studio #dev-studio-data div.title:before,\n#dev-studio #dev-studio-data-info div.title:before {\n  content: \"\";\n  position: absolute;\n  bottom: -1px;\n  left: 0;\n  right: 0;\n  width: 50px;\n  border-bottom: 1px #59bef8 solid;\n}\n#dev-studio #dev-studio-data h2,\n#dev-studio #dev-studio-data-info h2 {\n  font-size: 15px;\n  padding: 5px 10px;\n  line-height: 1.4em;\n}\n#dev-studio #dev-studio-data h3,\n#dev-studio #dev-studio-data-info h3 {\n  font-size: 13px;\n  padding: 4px 8px;\n  line-height: 1.4em;\n}\n#dev-studio #dev-studio-data .message,\n#dev-studio #dev-studio-data-info .message {\n  display: inline-block;\n  color: #999;\n  margin: 10px;\n  font-size: 14px;\n  font-style: italic;\n}\n#dev-studio #dev-studio-data {\n  padding: 3px;\n  flex-basis: 100%;\n}\n#dev-studio #dev-studio-data .ds-panel {\n  display: flex;\n  align-items: center;\n  border-bottom: 1px #f2f2f2 solid;\n  margin-bottom: 5px;\n  padding: 3px 0 5px 3px;\n}\n#dev-studio #dev-studio-data .ds-panel .ds-filter {\n  display: flex;\n  align-items: center;\n  margin-right: 20px;\n}\n#dev-studio #dev-studio-data .ds-panel .ds-filter .ds-filter-label {\n  margin-right: 10px;\n  line-height: 1.8em;\n}\n#dev-studio #dev-studio-data .ds-panel .ds-filter .ds-filter-select {\n  min-width: 100px;\n}\n#dev-studio #dev-studio-data .ds-panel input[type=radio], #dev-studio #dev-studio-data .ds-panel input[type=checkbox] {\n  margin-top: 3px;\n}\n#dev-studio #dev-studio-data .ds-phpinfo td, #dev-studio #dev-studio-data .ds-phpinfo th {\n  font-size: 100% !important;\n  padding: 4px 6px !important;\n  color: #333 !important;\n  line-height: 1.4em;\n}\n#dev-studio #dev-studio-data .ds-phpinfo h2 {\n  border: 0 !important;\n}\n#dev-studio #dev-studio-data .ds-phpinfo h2 a {\n  font-weight: bold !important;\n}\n#dev-studio #dev-studio-data-info {\n  padding: 0;\n  width: 0;\n}\n#dev-studio #dev-studio-data-info .ds-data-info-control {\n  text-align: right;\n  font-size: 18px;\n  line-height: 20px;\n  border-bottom: 1px #f2f2f2 solid;\n  padding: 3px 4px 1px 0;\n  color: #666;\n}\n#dev-studio #dev-studio-data-info .ds-data-info-control .ds-icon {\n  font-size: 15px;\n}\n#dev-studio #dev-studio-data-info .ds-data-info {\n  /*padding:5px;*/\n}\n\n.ds-ui-block, .ds-ui-block-info {\n  border: 2px #ddd solid;\n  position: relative;\n  margin: 10px 0;\n  padding: 18px 10px 5px 10px;\n  border-radius: 2px;\n}\n.ds-ui-block .ds-ui-block-number, .ds-ui-block-info .ds-ui-block-number {\n  position: absolute;\n  left: -5px;\n  top: -5px;\n  background-color: #0073aa;\n  color: #fff !important;\n  padding-top: 3px;\n  border-radius: 2px;\n  width: 22px;\n  height: 22px;\n  text-align: center;\n  font-size: 11px;\n}\n.ds-ui-block .ds-ui-lr, .ds-ui-block-info .ds-ui-lr {\n  display: flex;\n  width: 100%;\n  background-color: #fff;\n}\n.ds-ui-block .ds-ui-lr .ds-ui-left, .ds-ui-block .ds-ui-lr .ds-ui-right, .ds-ui-block-info .ds-ui-lr .ds-ui-left, .ds-ui-block-info .ds-ui-lr .ds-ui-right {\n  flex-basis: 50%;\n  overflow: auto;\n}\n.ds-ui-block .ds-ui-lr .ds-ui-left, .ds-ui-block-info .ds-ui-lr .ds-ui-left {\n  border-right: 1px #ddd dashed;\n  padding-right: 5px;\n}\n.ds-ui-block .ds-ui-lr .ds-ui-right, .ds-ui-block-info .ds-ui-lr .ds-ui-right {\n  padding: 0 0 5px 5px;\n  /*border:1px red solid;*/\n}\n.ds-ui-block .ds-ui-lr .ds-ui-label, .ds-ui-block-info .ds-ui-lr .ds-ui-label {\n  padding: 3px 6px;\n  /*background-color:#ccdce3;*/\n  color: #ccc;\n  font-size: 12px;\n  display: inline-block;\n  border: 1px #ddd solid;\n  border-radius: 2px;\n}\n.ds-ui-block .ds-ui-lr .ds-ui-data, .ds-ui-block-info .ds-ui-lr .ds-ui-data {\n  margin-top: 10px;\n  margin-bottom: 10px;\n  font-size: 13px;\n}\n.ds-ui-block .ds-ui-lr .ds-ui-info, .ds-ui-block-info .ds-ui-lr .ds-ui-info {\n  padding-top: 3px;\n  border-top: 1px #ddd solid;\n}\n.ds-ui-block .ds-ui-info, .ds-ui-block-info .ds-ui-info {\n  font-size: 11px;\n  color: #888 !important;\n}\n.ds-ui-block td, .ds-ui-block-info td {\n  padding-left: 4px;\n}\n.ds-ui-block.ds-hl, .ds-ui-block-info.ds-hl {\n  border-color: #68c55b;\n}\n.ds-ui-block.ds-hl .ds-ui-block-number, .ds-ui-block-info.ds-hl .ds-ui-block-number {\n  background-color: #68c55b;\n}\n.ds-ui-block.ds-ui-link:hover, .ds-ui-block.ds-active, .ds-ui-block-info.ds-ui-link:hover, .ds-ui-block-info.ds-active {\n  border-color: #0073aa;\n  cursor: pointer;\n  -webkit-box-shadow: 0 0 6px -1px #034563;\n  -moz-box-shadow: 0 0 6px -1px #034563;\n  box-shadow: 0 0 6px -1px #034563;\n}\n.ds-ui-block.ds-ui-link:hover .ds-ui-block-number, .ds-ui-block.ds-active .ds-ui-block-number, .ds-ui-block-info.ds-ui-link:hover .ds-ui-block-number, .ds-ui-block-info.ds-active .ds-ui-block-number {\n  background-color: #0073aa;\n}\n\n.ds-ui-block-info-wr {\n  display: none;\n}\n\n#dev-studio .data-table {\n  width: 100%;\n  border-collapse: collapse;\n  margin: 0 0 15px 0;\n  box-shadow: none;\n}\n#dev-studio .data-table th.empty {\n  width: 1%;\n}\n#dev-studio .data-table tr {\n  background-color: #fdfdfd;\n  border-bottom: 1px #f3f3f3 solid;\n}\n#dev-studio .data-table tr.title td {\n  background-color: #eee;\n  border-bottom: 2px #ddd solid;\n}\n#dev-studio .data-table tr:nth-child(even) {\n  background-color: #f9f9f9;\n}\n#dev-studio .data-table tr.mark td {\n  color: green !important;\n  font-weight: bold;\n}\n#dev-studio .data-table tr.mask td {\n  color: #999 !important;\n}\n#dev-studio .data-table tr.info {\n  cursor: pointer;\n}\n#dev-studio .data-table tr.info:hover td {\n  background-color: #f4f4f4 !important;\n}\n#dev-studio .data-table tr.ds-active {\n  border-bottom: 1px #0073aa solid;\n}\n#dev-studio .data-table tr.ds-active td, #dev-studio .data-table tr.ds-active .ds-icon {\n  color: #0073aa !important;\n}\n#dev-studio .data-table tr .data-info {\n  color: #0073aa !important;\n}\n#dev-studio .data-table tr .data-info.empty {\n  color: #aaa !important;\n}\n#dev-studio .data-table td, #dev-studio .data-table th {\n  font-size: 13px !important;\n  padding: 6px 5px 3px 5px !important;\n  border: 0;\n  line-height: 1.4em !important;\n  word-break: normal !important;\n  max-width: 400px;\n}\n#dev-studio .data-table td.slow {\n  color: #b83437;\n  font-weight: bold;\n}\n#dev-studio .data-table td.ds-text-right {\n  text-align: right;\n}\n#dev-studio .data-table td.ds-pos {\n  width: 1%;\n}\n#dev-studio .data-table td.subtitle {\n  font-weight: bold;\n  padding-top: 12px !important;\n}\n#dev-studio .data-table td.mask {\n  color: #999 !important;\n}\n#dev-studio .data-table th {\n  background-color: #eee;\n  border-bottom: 2px #ddd solid;\n}\n#dev-studio .data-table th.ds-order:hover, #dev-studio .data-table th.ds-order.ds-active {\n  cursor: pointer;\n  color: #edb631;\n}\n#dev-studio .data-table th.ds-order:hover span.ds-icon, #dev-studio .data-table th.ds-order.ds-active span.ds-icon {\n  color: #edb631;\n}\n#dev-studio .data-table th.ds-order .ds-icon {\n  font-size: 18px;\n  margin-left: 6px;\n  color: #666;\n}\n#dev-studio .data-table th.ds-active {\n  color: #edb631;\n}\n#dev-studio .data-table th.ds-disabled {\n  color: #eee !important;\n}\n#dev-studio .data-table th.ds-disabled .ds-icon {\n  color: #eee !important;\n}\n#dev-studio .data-table .data-info {\n  color: green;\n}\n#dev-studio .data-table .ds-link {\n  color: #2098f4 !important;\n}\n#dev-studio .data-table .ds-link:hover {\n  text-decoration: underline;\n}\n\n/**\n * AVA Fields cutomization\n *\n */\n#dev-studio {\n  /** Elements */\n}\n#dev-studio .dsf {\n  position: relative;\n}\n#dev-studio .dsf .dsf-header {\n  margin-top: 16px;\n}\n#dev-studio .dsf .dsf-header .dsf-title {\n  font-size: 18px;\n  margin: 3px 0 10px 10px;\n}\n#dev-studio .dsf .dsf-nav-sections .dsf-nav {\n  display: flex;\n  flex-wrap: nowrap;\n  margin-bottom: 10px;\n  margin-left: 5px;\n}\n#dev-studio .dsf .dsf-nav-sections .dsf-nav .dsf-nav-item {\n  display: flex;\n  align-items: center;\n  padding: 0 10px;\n  font-size: 13px;\n  position: relative;\n  border-style: solid;\n  border-color: #f2f2f2;\n  border-width: 0 0 2px 0;\n  margin-right: 2px;\n  height: 32px;\n  background-color: transparent;\n  transition: all 0.5s;\n  text-decoration: none;\n}\n#dev-studio .dsf .dsf-nav-sections .dsf-nav .dsf-nav-item.active {\n  color: #0073aa;\n  border-color: #0073aa;\n}\n#dev-studio .dsf .dsf-nav-sections .dsf-nav .dsf-nav-item:not(.active):hover {\n  border-color: #0073aa;\n  cursor: pointer;\n}\n#dev-studio .dsf .dsf-nav-sections .dsf-sections {\n  display: flex;\n  padding: 5px;\n}\n#dev-studio .dsf .dsf-nav-sections .dsf-sections .dsf-section {\n  display: none;\n  width: 100%;\n}\n#dev-studio .dsf .dsf-nav-sections .dsf-sections .dsf-section .dsf-nav-tabs {\n  display: flex;\n  margin: 5px 5px 5px 0;\n  border-bottom: 2px #0073aa solid;\n}\n#dev-studio .dsf .dsf-nav-sections .dsf-sections .dsf-section .dsf-nav-tabs .dsf-nav-tab {\n  display: flex;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n  margin-right: 3px;\n  padding: 5px 7px;\n  font-size: 13px;\n  position: relative;\n  transition: all 0.5s;\n  color: #666;\n  border-color: #ddd;\n  border-style: solid;\n  border-width: 1px 1px 0 1px;\n  line-height: 1.4em;\n}\n#dev-studio .dsf .dsf-nav-sections .dsf-sections .dsf-section .dsf-nav-tabs .dsf-nav-tab.active {\n  background-color: #0073aa;\n  border-color: #0073aa;\n  color: #fff;\n}\n#dev-studio .dsf .dsf-nav-sections .dsf-sections .dsf-section .dsf-nav-tabs .dsf-nav-tab:not(.active):hover {\n  background-color: #f5f5f5;\n  border-color: #ccc;\n  color: #555;\n  cursor: pointer;\n}\n#dev-studio .dsf .dsf-nav-sections .dsf-sections .dsf-section .dsf-tab {\n  padding-top: 5px;\n  display: none;\n}\n#dev-studio .dsf .dsf-nav-sections .dsf-sections .dsf-section .dsf-tab.active {\n  width: auto;\n  height: auto;\n  display: block;\n}\n#dev-studio .dsf .dsf-nav-sections .dsf-sections .dsf-section.active {\n  display: block;\n}\n#dev-studio .dsf .dsf-control {\n  position: absolute;\n  top: 0;\n  right: 16px;\n}\n#dev-studio .dsf .dsf-preloader {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: #444;\n  border-radius: 1px;\n  padding: 15px 50px;\n  text-align: center;\n  display: none;\n  z-index: 10001;\n}\n#dev-studio .dsf .dsf-preloader .dsf-pl-image img {\n  width: 40px;\n}\n#dev-studio .dsf .dsf-preloader .dsf-pl-text {\n  margin-top: 5px;\n  font-size: 13px;\n  letter-spacing: 0.1em;\n  color: #fff;\n}\n#dev-studio .dsf-group {\n  display: flex;\n  flex-wrap: nowrap;\n  padding: 0;\n  margin-bottom: 0;\n}\n#dev-studio .dsf-group .dsf-label {\n  font-size: 13px;\n  font-weight: normal;\n  color: #222;\n  margin: 5px 10px 0 3px;\n  min-width: 200px;\n  line-height: 1.4em;\n}\n#dev-studio .dsf-group .dsf-label small {\n  font-size: 10px;\n  display: block;\n}\n#dev-studio .dsf-group .dsf-label .required {\n  color: green;\n}\n#dev-studio .dsf-group .dsf-tip {\n  font-size: 15px;\n}\n#dev-studio .dsf-group .dsf-tip:hover .ds-icon {\n  color: #999;\n  cursor: default;\n}\n#dev-studio .dsf-group .dsf-field {\n  display: block;\n  margin-bottom: 5px;\n  line-height: 1.5em;\n  width: 100%;\n}\n#dev-studio .dsf-group .dsf-field .dsf-before {\n  margin-right: 5px;\n}\n#dev-studio .dsf-group .dsf-field .dsf-after {\n  margin-left: 2px;\n  margin-right: 2px;\n  font-size: 12px;\n  line-height: 27px;\n}\n#dev-studio .dsf-group .dsf-field select {\n  height: 26px;\n  line-height: 25px;\n  margin: 0;\n  vertical-align: top;\n  font-size: 13px;\n  padding-top: 0;\n}\n#dev-studio .dsf-group .dsf-field input[type=text] {\n  background-color: #fff;\n  border: 1px #ccc solid;\n  padding: 3px 5px;\n  border-radius: 1px;\n  font-size: 13px;\n  height: 28px !important;\n  vertical-align: top;\n  min-height: auto;\n}\n#dev-studio .dsf-group[data-group=storage] .dsf-group-radio {\n  margin-top: 16px;\n  flex-direction: column;\n}\n#dev-studio .dsf-group[data-group=storage] .dsf-wrap {\n  position: relative;\n}\n#dev-studio .dsf-group[data-group=storage] .dsf-wrap:not(.ds-active) .dsf-overlay {\n  display: block;\n}\n#dev-studio .dsf-group[data-group=storage] .dsf-wrap .dsf-overlay {\n  opacity: 0.6;\n  display: none;\n  position: absolute;\n  background: #fff;\n  top: 20px;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n#dev-studio .dsf-group[data-group=storage] .dsf-group {\n  margin-left: 4px;\n}\n#dev-studio .dsf-group[data-group=storage] .dsf-group-text label {\n  min-width: 100px;\n}\n#dev-studio .dsf-group[data-group=storage] button {\n  display: block;\n  background: #f2f2f2;\n  margin-top: 5px;\n  color: #999 !important;\n  border: 1px #ccc solid;\n  padding: 0 7px;\n}\n#dev-studio .dsf-group[data-group=storage] button:hover {\n  border-color: #666;\n  color: #555 !important;\n}\n#dev-studio .dsf-button {\n  line-height: 1em;\n  font-size: 13px;\n  font-weight: normal;\n  padding: 5px 10px;\n}\n#dev-studio .dsf-group .dsf-field .dsf-text-short {\n  width: 30px;\n}\n#dev-studio .dsf-sortable-html, #dev-studio .dsf-sortable-handle {\n  line-height: 1.8em;\n}\n#dev-studio .dsf-sortable-handle {\n  padding-top: 3px;\n}\n#dev-studio .dsf-field.dsf-field-checkbox-groups .dsf-cg-title {\n  font-weight: bold;\n  font-size: 16px;\n  margin: 8px 0;\n}\n#dev-studio .dsf-field.dsf-field-checkbox-groups .dsf-cgroup {\n  margin-bottom: 10px;\n}\n#dev-studio .dsf-field.dsf-field-checkbox-groups .dsf-cgroup .dsf-cg-parent {\n  font-weight: bold;\n}\n#dev-studio .dsf-field.dsf-field-checkbox-groups .dsf-cgroup .dsf-cg-childs div {\n  display: inline-block;\n  margin-right: 10px;\n}\n\n#dev-studio input, #dev-studio button, #dev-studio select,\n#dev-studio input:focus, #dev-studio button:focus, #dev-studio select:focus {\n  outline: none;\n}\n#dev-studio button {\n  height: 30px;\n  border-radius: 2px;\n  cursor: pointer;\n  background-color: #59bef8;\n  border: 0 transparent solid;\n  color: #fff !important;\n  line-height: 1em;\n  padding: 3px 15px 0 15px;\n  font-size: 13px;\n  font-weight: normal;\n  margin: 2px 0 0 0;\n}\n#dev-studio button:hover {\n  background-color: #69c5f9;\n  border-color: #cae2f2;\n}\n#dev-studio select {\n  border-radius: 1px;\n  height: 25px;\n  margin: 0;\n  padding: 3px 6px;\n  font-size: 13px;\n  line-height: 1em;\n  box-shadow: none;\n  box-sizing: border-box;\n  min-height: auto;\n  min-width: auto;\n  width: auto;\n  cursor: pointer;\n  border: 1px #333 solid;\n  -webkit-appearance: none;\n  background: #fff url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E\") no-repeat right 5px top 55%;\n  background-size: 16px 16px;\n}\n#dev-studio select option {\n  padding: 3px 5px;\n}\n#dev-studio input[type=text], #dev-studio input[type=email] {\n  color: #444;\n  font-size: 14px;\n  margin-right: 10px;\n  margin-top: 1px;\n  padding: 3px 5px;\n  border-radius: 2px;\n  border: 2px #444 solid;\n  display: inline-block;\n  height: 30px;\n}\n#dev-studio input[type=text].dsf-required, #dev-studio input[type=email].dsf-required {\n  border-color: red !important;\n}\n#dev-studio input[type=radio], #dev-studio input[type=checkbox] {\n  -webkit-writing-mode: horizontal-tb !important;\n  text-rendering: auto;\n  letter-spacing: normal;\n  word-spacing: normal;\n  line-height: normal;\n  text-transform: none;\n  text-indent: 0;\n  text-shadow: none;\n  display: inline-block;\n  text-align: start;\n  background-color: initial;\n  cursor: default;\n  appearance: auto;\n  box-sizing: border-box;\n  margin: 3px 3px 3px 4px;\n  padding: initial;\n  border: initial;\n  width: 14px;\n  height: 14px;\n  box-shadow: none;\n}\n#dev-studio input[type=radio], #dev-studio input[type=checkbox] {\n  cursor: pointer;\n}\n#dev-studio input[type=checkbox]:before, #dev-studio input[type=checkbox]:after {\n  display: none !important;\n}\n#dev-studio input::placeholder {\n  /* Chrome, Firefox, Opera, Safari 10.1+ */\n  color: #417a96;\n  opacity: 1;\n  /* Firefox */\n}\n#dev-studio input:-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: #417a96;\n}\n#dev-studio input::-ms-input-placeholder {\n  /* Microsoft Edge */\n  color: #417a96;\n}\n#dev-studio .ds-not-validated {\n  border-color: red !important;\n}\n\n#dev-studio .ds-header {\n  display: flex;\n  flex-direction: column;\n  height: 50px;\n  min-height: 50px;\n}\n#dev-studio .ds-header .ds-header-bar {\n  background-color: #f5f5f5;\n  display: flex;\n  height: 100%;\n}\n#dev-studio .ds-header .ds-header-bar #ds-ajax {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  background-color: #f2f2f2;\n  padding: 3px 5px;\n}\n#dev-studio .ds-header .ds-header-bar #ds-ajax .ds-title {\n  font-size: 11px;\n  font-weight: bold;\n}\n#dev-studio .ds-header .ds-header-bar #ds-ajax .ds-ajax-on-off {\n  width: 60px;\n  height: 20px;\n}\n#dev-studio .ds-header .ds-header-bar #ds-ajax .ds-ajax-on-off > div {\n  font-size: 11px;\n}\n#dev-studio .ds-header .ds-header-bar #ds-ajax-test {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: 0 5px;\n  color: gray;\n  font-size: 12px;\n  cursor: pointer;\n}\n#dev-studio .ds-header .ds-header-bar #ds-ajax-test div {\n  border: 1px #999 solid;\n  padding: 4px 7px;\n  border-radius: 2px;\n  color: #666;\n  line-height: 1.5em;\n}\n#dev-studio .ds-header .ds-header-bar #ds-ajax-test div:hover {\n  background-color: #eee;\n}\n#dev-studio .ds-header .ds-header-bar #ds-ajax-test.ds-show {\n  display: flex;\n}\n#dev-studio .ds-header .ds-header-bar .ds-checkpoints {\n  display: flex;\n  align-items: center;\n  background-color: #eaeaea;\n  padding: 0 10px;\n}\n#dev-studio .ds-header .ds-header-bar .ds-checkpoints .ds-select {\n  display: flex;\n}\n#dev-studio .ds-header .ds-header-bar .ds-checkpoints .ds-select select {\n  width: 175px;\n  max-width: 175px;\n  border-radius: 1px;\n  display: inline-block;\n  height: 25px;\n  padding: 3px 5px;\n  line-height: 1;\n  color: #444;\n  vertical-align: middle;\n  background-color: #fff;\n}\n#dev-studio .ds-header .ds-header-bar .ds-checkpoints .ds-icons {\n  display: flex;\n  margin-left: 5px;\n}\n#dev-studio .ds-header .ds-header-bar .ds-checkpoints .ds-icons .ds-icon {\n  width: 24px;\n  height: 22px;\n  text-align: center;\n  line-height: 1;\n  padding-top: 2px;\n  border-radius: 2px;\n  background: #0073aa;\n  font-size: 18px;\n  color: #fff;\n}\n#dev-studio .ds-header .ds-header-bar .ds-checkpoints .ds-icons .ds-icon:hover {\n  cursor: pointer;\n  background: #59bef8;\n}\n#dev-studio .ds-header .ds-header-bar .ds-checkpoints.ds-active {\n  background-color: #fff7da;\n}\n#dev-studio .ds-header .ds-buttons {\n  float: right;\n  vertical-align: top;\n  margin-right: 10px;\n  transition: 1s;\n}\n\n#dev-studio .ds-icon {\n  cursor: pointer;\n  line-height: 1em;\n  font-size: 18px;\n  vertical-align: middle;\n}\n#dev-studio .ds-icon.ds-icon-view {\n  cursor: pointer;\n  color: #edb631 !important;\n  font-size: 16px;\n}\n#dev-studio .ds-icon.ds-icon-tip {\n  cursor: pointer !important;\n  color: green !important;\n}\n\n#dev-studio img {\n  border: 0 !important;\n  display: block !important;\n  padding: 0 !important;\n  margin: 0 auto !important;\n  width: auto !important;\n  height: auto !important;\n  border-radius: 0 !important;\n}\n#dev-studio .ds-left-panel {\n  border-right: 1px #e9e9e9 solid;\n  width: 170px;\n  min-width: 170px;\n  padding-top: 15px;\n  background: linear-gradient(-135deg, transparent 10%, #e6e6e6), repeating-linear-gradient(45deg, transparent 0%, transparent 5%, rgba(230, 230, 230, 0.6) 5%, #e6e6e6 10%), repeating-linear-gradient(-45deg, transparent 0%, transparent 5%, rgba(230, 230, 230, 0.5) 5%, rgba(230, 230, 230, 0.4) 10%);\n}\n#dev-studio .ds-left-panel .ds-logo {\n  text-align: center;\n  z-index: 1000;\n  position: relative;\n}\n#dev-studio .ds-left-panel #ds-on {\n  background: #1ec331;\n}\n#dev-studio .ds-left-panel .ds-tabs-modules {\n  margin-top: 40px;\n  vertical-align: top;\n  display: flex;\n  flex-direction: column;\n  margin-left: 5px;\n  margin-right: 5px;\n}\n#dev-studio .ds-left-panel .ds-tabs-modules .ds-tab-group {\n  text-transform: uppercase;\n  font-size: 11px;\n  color: #888;\n  margin-top: 5px;\n}\n#dev-studio .ds-left-panel .ds-tabs-modules .ds-tab-module {\n  display: flex;\n  align-items: center;\n  height: 32px;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: bold;\n  line-height: 1.4em;\n  position: relative;\n  color: #777;\n  transition: background-color 0.5s;\n  margin-bottom: 5px;\n  border: 2px #ccc solid;\n  background-color: #f6f6f6;\n  border-radius: 3px 0 0 3px;\n  padding-left: 0;\n  padding-top: 3px;\n  /*\n  &:after {\n    content:'';\n    position:absolute;\n    left:6px;\n    top:11px;\n    width:8px;\n    height:8px;\n    border-radius:50%;\n    border:1px #d9d9d9 solid;\n  }\n\n   */\n}\n#dev-studio .ds-left-panel .ds-tabs-modules .ds-tab-module:before {\n  content: \"\";\n}\n#dev-studio .ds-left-panel .ds-tabs-modules .ds-tab-module:after {\n  content: \"\";\n}\n#dev-studio .ds-left-panel .ds-tabs-modules .ds-tab-module:not(.ds-active):hover {\n  background-color: #f0f0f0;\n  /*\n  &:after {\n    background-color:#e1e1e1;\n  }\n\n   */\n}\n#dev-studio .ds-left-panel .ds-tabs-modules .ds-tab-module.ds-active {\n  border: 2px #0073aa solid;\n  color: #0073aa;\n  background: #fff;\n  /*\n  &:after {\n    background-color:#fff;\n    border-color:#fff;\n  }\n\n   */\n}\n#dev-studio .ds-left-panel .ds-tabs-modules .ds-tab-module.ds-active .ds-icon {\n  color: #0073aa;\n}\n#dev-studio .ds-left-panel .ds-tabs-modules .ds-tab-module .ds-icon {\n  width: 30px;\n  text-align: center;\n}\n\n#dev-studio .ds-slider {\n  display: flex;\n  border-radius: 3px;\n  cursor: pointer;\n  z-index: 1000;\n  position: relative;\n  margin: 4px auto 0 auto;\n  background: #ddd;\n  border: 1px #ccc solid;\n}\n#dev-studio .ds-slider > div {\n  z-index: 10;\n  font-size: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n  width: 50%;\n}\n#dev-studio .ds-slider .ds-on {\n  color: #fff;\n}\n#dev-studio .ds-slider .ds-off {\n  color: #666;\n}\n#dev-studio .ds-slider:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 50%;\n  bottom: 0;\n  background-color: #1ec331;\n  transition: all 0.6s;\n  border-radius: 3px 0 0 3px;\n}\n#dev-studio .ds-slider.ds-off .ds-on {\n  color: #666;\n}\n#dev-studio .ds-slider.ds-off:before {\n  border-radius: 0 3px 3px 0;\n  background-color: #999;\n  left: 50%;\n}\n#dev-studio .ds-on-off {\n  width: 68px;\n  height: 28px;\n}\n#dev-studio pre.array,\n#dev-studio pre.object {\n  font-size: 13px;\n  background-color: #fff;\n  padding: 10px 10px;\n  margin: 0;\n}\n#dev-studio pre.array .ds-object-name,\n#dev-studio pre.object .ds-object-name {\n  font-weight: bold;\n  color: #0073aa;\n  border-bottom: 1px #0073aa dashed;\n  display: inline-block;\n  margin-bottom: 3px;\n}\n#dev-studio .ds-icon {\n  color: #999;\n}\n#dev-studio .ds-icon:hover {\n  color: #edb631;\n  cursor: pointer;\n}\n#dev-studio .ds-icon.ds-active {\n  color: #edb631;\n}\n#dev-studio .ds-col-2 {\n  flex-basis: 50%;\n}\n#dev-studio .ds-not-exists {\n  color: #bbb !important;\n}\n#dev-studio .ds-gray {\n  color: #999 !important;\n  line-height: 20px;\n  font-size: 12px;\n}\n#dev-studio .ds-true {\n  color: green !important;\n}\n#dev-studio .ds-false {\n  color: #ccc !important;\n}\n#dev-studio .ds-hide {\n  display: none !important;\n}\n#dev-studio .ds-attention {\n  color: red !important;\n}\n#dev-studio .ds-sm-text {\n  color: #888 !important;\n  font-size: 11px;\n}\n#dev-studio .ds-php-style {\n  color: #8c338b !important;\n  font-weight: bold;\n}\n#dev-studio .ds-preloader {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: #f9f9f9;\n  border-radius: 1px;\n  padding: 30px;\n  text-align: center;\n  display: none;\n  z-index: 10001;\n}\n#dev-studio .ds-preloader .ds-pl-image img {\n  width: 40px !important;\n}\n#dev-studio .ds-preloader.ds-show {\n  display: block;\n}\n#dev-studio .ds-light-yellow {\n  color: #fef0c4 !important;\n}\n#dev-studio .ds-lightest-blue {\n  color: #cae2f2 !important;\n}\n#dev-studio .ds-color-wc {\n  color: #ffcb66 !important;\n}\n#dev-studio .ds-message {\n  color: green !important;\n}\n#dev-studio .ds-error {\n  color: red !important;\n}\n#dev-studio .ds-error-box {\n  color: red;\n  border: 1px red solid;\n  padding: 5px 6px;\n  border-radius: 2px;\n  background: rgba(255, 0, 0, 0.03);\n}\n#dev-studio .ds-error-box span {\n  color: red;\n}\n#dev-studio .ds-tip {\n  cursor: pointer;\n}\n#dev-studio .ds-modal {\n  position: fixed;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.4);\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  display: none;\n}\n#dev-studio .ds-modal.ds-show {\n  display: flex;\n}\n#dev-studio .ds-modal.ds-center .ds-modal-content {\n  text-align: center;\n}\n#dev-studio .ds-modal .ds-modal-data {\n  background: #fff;\n  position: relative;\n  max-width: 100vw;\n  max-height: 100vh;\n  margin-left: 24px;\n  margin-right: 24px;\n  padding: 16px 24px;\n  border-radius: 4px;\n}\n#dev-studio .ds-modal .ds-modal-data .ds-modal-content {\n  min-width: 200px;\n}\n#dev-studio .ds-modal .ds-modal-data .ds-btn_close {\n  margin: 16px auto 0 auto;\n  display: block;\n}\n#dev-studio .ds-modal .ds-modal-data .ds-icon-close {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n  color: #222;\n  cursor: pointer;\n}\n\n#dev-studio-tools {\n  display: flex;\n  flex-direction: column;\n  width: 40px;\n  margin-top: 2px;\n  margin-bottom: 2px;\n  padding: 3px;\n  border-left: 1px #ddd dashed;\n  line-height: 20px;\n}\n#dev-studio-tools .ds-tool {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  text-align: center;\n  border-radius: 1px;\n  margin: 0;\n  color: #666;\n  box-sizing: border-box;\n  margin-top: 3px;\n  padding-top: 3px;\n}\n#dev-studio-tools .ds-tool:hover:not(.ds-active) {\n  cursor: pointer;\n}\n#dev-studio-tools .ds-tool:not(.ds-toggle-info):hover, #dev-studio-tools .ds-tool.ds-active {\n  border: 1px #0073aa solid;\n}\n#dev-studio-tools .ds-tool:not(.ds-toggle-info):hover span, #dev-studio-tools .ds-tool.ds-active span {\n  color: #0073aa;\n}\n#dev-studio-tools .ds-tool.ds-toggle-info:hover span {\n  color: #0073aa;\n}\n#dev-studio-tools .ds-tool .ds-icon {\n  font-size: 24px;\n  color: #666;\n}\n#dev-studio-tools .ds-tool .ds-icon.ds-icon-wordpress {\n  font-size: 22px;\n}\n#dev-studio-tools .ds-tool .ds-icon.ds-icon-database {\n  font-size: 20px;\n}\n#dev-studio-tools .ds-tool .ds-tool-text {\n  line-height: 2em;\n  font-size: 14px;\n  color: #666;\n}\n#dev-studio-tools .ds-tool .ds-tool-text.ds-wp {\n  font-size: 13px;\n}\n#dev-studio {\n  /*\n   * Enabled utilities\n   *\n   */\n  /*\n   * Utilities categories\n   *\n   */\n  /**\n   * Utilities list\n   *\n   */\n  /**\n   * Utility data header\n   *\n   */\n  /**\n   * Utility data\n   *\n   */\n}\n#dev-studio .ds-autils {\n  padding: 6px 0 0 15px;\n  display: flex;\n}\n#dev-studio .ds-autils .ds-autil-wr {\n  margin-right: 10px;\n  position: relative;\n  min-width: 50px;\n  line-height: 1.1em;\n  display: flex;\n}\n#dev-studio .ds-autils .ds-autil-wr .ds-autil img {\n  height: 26px;\n  cursor: pointer;\n}\n#dev-studio .ds-autils .ds-autil-wr .ds-autil-title {\n  text-align: center;\n  font-size: 11px;\n  margin-left: 5px;\n}\n#dev-studio .ds-autils .ds-autil-wr .ds-autil-title .ds-icon.ds-icon-toggle-on {\n  color: #1ec331;\n  font-size: 16px;\n}\n#dev-studio .ds-autils .ds-autil-wr .ds-autil-title .ds-icon.ds-icon-toggle-on:hover {\n  color: #29d73e;\n}\n#dev-studio .ds-tabs-utilcats {\n  display: flex;\n  min-height: 30px;\n  margin-left: 10px;\n}\n#dev-studio .ds-utils {\n  text-align: center;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  margin: 5px;\n  display: inline-block;\n  transition: all 0.5s;\n  cursor: pointer;\n  border: 1px transparent solid;\n  min-width: 80px;\n  border-radius: 2px;\n}\n#dev-studio .ds-utils img {\n  width: 40px;\n}\n#dev-studio .ds-utils span {\n  display: block;\n  text-align: center;\n  font-size: 13px;\n  font-weight: bold;\n}\n#dev-studio .ds-utils:hover {\n  border-color: #dedede !important;\n}\n#dev-studio .ds-utils:hover span {\n  color: #0073aa;\n}\n#dev-studio .ds-util-header {\n  display: flex;\n  border-bottom: 1px #f2f2f2 solid;\n  margin-bottom: 5px;\n  /*padding-bottom:5px;*/\n  /*background-color:#fff7da;*/\n}\n#dev-studio .ds-util-header .ds-utilh-img {\n  padding-left: 5px;\n}\n#dev-studio .ds-util-header .ds-utilh-img img {\n  height: 32px;\n}\n#dev-studio .ds-util-header .ds-utilh-title {\n  margin: 5px 0 0 15px;\n  color: #0073aa;\n  font-size: 18px;\n}\n#dev-studio .ds-util-data {\n  padding: 5px;\n}\n#dev-studio .ds-util-data .ds-row {\n  display: flex;\n}\n#dev-studio .ds-util-data .ds-row .ds-col-text {\n  font-size: 14px;\n  min-width: 100px;\n  padding-right: 15px;\n}\n\n#dev-studio .ds-ws {\n  display: flex;\n  flex-direction: column;\n  padding: 5px;\n  width: 100%;\n  transition: 1s;\n  flex-basis: 100%;\n  min-height: 0;\n}\n#dev-studio .ds-ws .ds-tabs-components {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 15px;\n  margin-left: 5px;\n  min-height: 34px;\n  line-height: 1em;\n}\n#dev-studio .ds-ws .ds-tabs-components .ds-component {\n  display: flex;\n  align-items: center;\n  padding: 3px 10px;\n  margin-top: 5px;\n  font-size: 13px;\n  position: relative;\n  border-bottom: 2px #eaeaea solid;\n  margin-right: 3px;\n  height: 32px;\n  transition: all 0.5s;\n}\n#dev-studio .ds-ws .ds-tabs-components .ds-component.ds-active {\n  color: #0073aa;\n  border-bottom: 2px #0073aa solid;\n}\n#dev-studio .ds-ws .ds-tabs-components .ds-component:not(.ds-active):hover {\n  border-bottom: 2px #0073aa solid;\n  cursor: pointer;\n}\n#dev-studio .ds-ws .ds-tabs-data {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}\n#dev-studio .ds-ws .ds-tabs-data .ds-tabs {\n  display: flex;\n  min-height: 30px;\n}\n#dev-studio .ds-ws .ds-tabs-data .ds-tabs .ds-tabs-units {\n  display: flex;\n  margin-left: 10px;\n}\n#dev-studio .ds-ws .ds-tabs-data .ds-tabs .ds-cp-wrap {\n  display: none;\n  width: 320px;\n  justify-content: space-between;\n}\n#dev-studio .ds-ws .ds-tabs-data .ds-tabs .ds-cp-wrap .ds-tab-checkpoints {\n  width: 90px;\n  margin-left: 10px;\n  border: 1px #eee7cc solid;\n  background-color: #fff7da;\n  color: #555;\n}\n#dev-studio .ds-ws .ds-tabs-data .ds-tabs .ds-cp-wrap button {\n  margin-right: 20px;\n  margin-bottom: 3px;\n  height: 26px;\n}\n#dev-studio .ds-ws .ds-unit, #dev-studio .ds-ws .ds-tab {\n  display: flex;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n  margin-right: 3px;\n  padding: 5px 7px;\n  font-size: 13px;\n  line-height: 1.4em;\n  position: relative;\n  transition: all 0.5s;\n  color: #666;\n  border-color: #ddd;\n  border-style: solid;\n  border-width: 1px 1px 0 1px;\n}\n#dev-studio .ds-ws .ds-unit.ds-active, #dev-studio .ds-ws .ds-tab.ds-active {\n  background-color: #0073aa;\n  border-color: #0073aa;\n  color: #fff;\n}\n#dev-studio .ds-ws .ds-unit:not(.ds-active):hover, #dev-studio .ds-ws .ds-tab:not(.ds-active):hover {\n  background-color: #f5f5f5;\n  border-color: #ccc;\n  color: #555;\n  cursor: pointer;\n}\n\n#dev-studio {\n  position: fixed;\n  top: 30px;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: #eee;\n  z-index: 9998;\n  display: none;\n  color: #444;\n  font-size: 13px;\n}\n#dev-studio.ds-show {\n  display: flex;\n  align-items: stretch;\n}\n#dev-studio .ds-right-panel {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  background-color: #fafafa;\n  width: calc(100vw - 170px);\n}\n#dev-studio .ds-bg-off {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  content: \"\";\n  left: 0;\n  top: 0;\n  background-color: #eee;\n  z-index: 10;\n  opacity: 0;\n  transition: all 1s;\n}\n#dev-studio.ds-off .ds-bg-off {\n  opacity: 1;\n  bottom: 0;\n  right: 0;\n}\n#dev-studio.ds-off .ds-right-panel {\n  display: none;\n}","#dev-studio {\r\n  \r\n  div, span:not(.ds-icon), td, select, input, textarea, label {\r\n    font-family: 'Helvetica',sans-serif !important;\r\n    color:$ds-color;\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  \r\n  \r\n  \r\n}","\r\n// Bar\r\n$ds-bar-height: 26px;\r\n\r\n// Colors\r\n\r\n$ds-color: #444;\r\n$ds-color-blue: #0073aa;\r\n$ds-color-light-blue: #59bef8;\r\n$ds-color-lightest-blue: #cae2f2;\r\n$ds-color-middle-blue: #3ba3df;\r\n\r\n$ds-color-orange: #edb631;\r\n$ds-color-light-orange: #ffdc88;\r\n","\r\n#dev-studio-actions {\r\n  width:320px;\r\n  min-width:320px;\r\n  overflow:auto;\r\n  padding:5px 3px;\r\n  background-color:#fdfcf6;\r\n  border-right: 1px #ddd solid;\r\n  display:none;\r\n\r\n  &.ds-show {\r\n    display:block;\r\n  }\r\n\r\n  .ds-cp-wrapper {\r\n    display:flex;\r\n    line-height: 1.4em;\r\n    font-size: 13px;\r\n    margin:2px;\r\n    padding:2px;\r\n    .ds-cp-type {\r\n      flex-basis:5%;\r\n      background-color:#ddd;\r\n      border-radius:50%;\r\n      max-width:10px;\r\n      max-height:10px;\r\n      margin-top:4px;\r\n    }\r\n    .ds-cp-type.wp {\r\n    }\r\n    .ds-cp-type.plugin {\r\n    }\r\n    .ds-cp-type.user {\r\n    }\r\n    .ds-cp-name {\r\n      flex-basis:85%;\r\n      overflow:hidden;\r\n      font-size:12px;\r\n      padding-left:4px;\r\n      padding-right:4px;\r\n      line-height: 1.5em;\r\n    }\r\n    .ds-cp-check {\r\n      flex-basis:10%;\r\n    }\r\n    &.start {\r\n      border: 1px #eee7cc solid;\r\n      border-radius: 1px;\r\n      background-color: #fff7da;\r\n      margin: 0;\r\n      padding: 4px 2px 0 3px;\r\n      \r\n      .ds-cp-name {\r\n        line-height:20px;\r\n      }\r\n      .ds-cp-start {\r\n        cursor:pointer;\r\n        padding: 0 2px;\r\n\r\n        &.expanded {\r\n          transform: rotate(180deg);\r\n        }\r\n        &:hover {\r\n          color:#fdb302 !important;\r\n        }\r\n      }\r\n\r\n    }\r\n  }\r\n  .ds-cp-not-available {\r\n    display:none;\r\n    .ds-cp-name {\r\n      color: #999 !important;\r\n    }\r\n    &.ds-show {\r\n      display:block;\r\n    }\r\n  }\r\n}","#wpadminbar {\r\n\t.ds-admin-bar {\r\n\t\tposition: relative !important;\r\n\t\t\r\n\t\t> a {\r\n\t\t\tdisplay: flex !important;\r\n    \talign-items: center !important;\r\n\t\t\timg {\r\n\t\t\t\twidth: 17px !important;\r\n\t\t\t\theight: 17px !important;\r\n\t\t\t\tmargin: 0 5px 0 0 !important;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.ds-alert:before {\r\n\t\t\tcontent: '';\r\n\t\t\tposition:absolute;\r\n\t\t\tright: -4px;\r\n\t\t\ttop: 54%;\r\n\t\t\ttransform: translateY(-54%);\r\n\t\t\twidth: 10px;\r\n\t\t\theight: 10px;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: red;\r\n\t\t\t\r\n\t\t\tanimation: ds-scale-animation 1s infinite;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes ds-scale-animation {\r\n\t0%    { transform: translateY(-54%) scale(1); }\r\n\t50%   {  transform: translateY(-54%) scale(1.3); }\r\n}\r\n","\r\nbody {\r\n  // Admin bar\r\n  &.wp-admin {\r\n    #dev-studio-bar {\r\n      top: 32px;\r\n      @media only screen and (max-width: 782px) {\r\n        top: 46px;\r\n      }\r\n      \r\n      &.expand {\r\n      }\r\n    }\r\n  }\r\n  \r\n  &.wp-admin.js.is-fullscreen-mode {\r\n    #dev-studio-bar {\r\n      display: none;\r\n    }\r\n  }\r\n  \r\n  \r\n  // Public with admin bar\r\n  &:not(.wp-admin) {\r\n    &.admin-bar {\r\n      #dev-studio-bar {\r\n        top: 32px;\r\n        @media only screen and (max-width: 782px) {\r\n          top: 46px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  \r\n  &.ds-bar-expand {\r\n    #dev-studio-bar {\r\n      height: $ds-bar-height;\r\n      \r\n      .ds-bar-wrap {\r\n        font-size: 13px;\r\n        height: $ds-bar-height;\r\n        line-height: 1.4em;\r\n      }\r\n    }\r\n    \r\n    #wpwrap {\r\n      #adminmenuwrap {\r\n        padding-top: $ds-bar-height;\r\n      }\r\n      \r\n      #wpbody {\r\n        padding-top: $ds-bar-height;\r\n      }\r\n    }\r\n  }\r\n  \r\n}\r\n\r\n#dev-studio-bar {\r\n  height: 0;\r\n  display: flex;\r\n  position: fixed;\r\n  width: 100%;\r\n  left: 0;\r\n  top: 0;\r\n  z-index: 9999;\r\n  border-top: 0 $ds-color-light-blue solid;\r\n  background-color: $ds-color-blue;\r\n  \r\n  div, :not(.ds-icon), td, select, input, textarea {\r\n    font-family: 'Helvetica', sans-serif !important;\r\n    line-height: 1em;\r\n  }\r\n  \r\n  .ds-bar-icon {\r\n    position: absolute;\r\n    height: 12px !important;\r\n    max-height: 12px;\r\n    color: #fff;\r\n    padding: 0 7px 0 7px !important;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    line-height: 12px !important;\r\n    bottom: -11px;\r\n    cursor: pointer;\r\n    z-index: 0;\r\n    overflow: hidden;\r\n    border-bottom-left-radius: 50%;\r\n    border-bottom-right-radius: 50%;\r\n    background-color: $ds-color-blue;\r\n    \r\n    .ds-icon {\r\n      position: relative;\r\n      display: block;\r\n      font-size: 16px;\r\n      margin-top: -2px;\r\n    }\r\n  }\r\n  \r\n  .ds-bar-wrap {\r\n    display: flex;\r\n    height: 0;\r\n    overflow: hidden;\r\n    \r\n    .ds-bar-ds {\r\n      padding: 4px 5px 0 4px;\r\n      background-color: #016797;\r\n      height: 26px;\r\n      cursor: pointer;\r\n      line-height: 0;\r\n      \r\n      img {\r\n        border:0 !important;\r\n        display: block !important;\r\n        padding:0 !important;\r\n        margin: 0 auto !important;\r\n        width: 17px !important;\r\n        height: 17px !important;\r\n        border-radius: 0 !important;\r\n        max-width: none !important;\r\n        max-height: none !important;\r\n      }\r\n    }\r\n    \r\n    .ds-bar-inner {\r\n      display: flex;\r\n      align-items: center;\r\n      \r\n      > div {\r\n        color: #fff;\r\n        padding: 0 7px;\r\n        font-size: 13px;\r\n        \r\n        .ds-icon {\r\n          padding-right: 3px;\r\n          font-size: 13px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","\r\n#dev-studio {\r\n\r\n  #ds-data-container {\r\n    display: flex;\r\n    align-items:stretch;\r\n    border-radius: 1px;\r\n    border: 2px #ddd solid;\r\n    background-color: #fff;\r\n    flex-basis: 100%;\r\n    min-height: 0;\r\n\r\n    &.ds-col-2 {\r\n      #dev-studio-data,\r\n      #dev-studio-data-info {\r\n        flex-basis: 50%;\r\n        width:auto;\r\n      }\r\n      #dev-studio-tools {\r\n        border-right:1px #ddd dashed;\r\n      }\r\n      #dev-studio-data-info {\r\n        padding: 0 3px 3px 3px;\r\n      }\r\n    }\r\n  }\r\n\r\n  #dev-studio-data,\r\n  #dev-studio-data-info {\r\n    flex-direction: column;\r\n    flex-wrap: wrap;\r\n    overflow: auto;\r\n    position:relative;\r\n    transition: width 1s;\r\n\r\n    &.ds-col-2 {\r\n      flex-basis:50%;\r\n    }\r\n\r\n    h2, h3 {\r\n      border-radius:3px;\r\n      margin: 10px 0 7px 5px;\r\n      display:inline-block;\r\n      color:$ds-color-blue;\r\n      border:1px $ds-color-blue dashed;\r\n    }\r\n    div.title {\r\n      margin: 5px 0 10px 5px;\r\n      font-size:14px;\r\n      color:$ds-color-blue;\r\n      position:relative;\r\n      line-height: 1.3em;\r\n      &:before {\r\n        content:'';\r\n        position:absolute;\r\n        bottom:-1px;\r\n        left:0;\r\n        right:0;\r\n        width:50px;\r\n        border-bottom:1px $ds-color-light-blue solid;\r\n      }\r\n    }\r\n    h2 {\r\n      font-size:15px;\r\n      padding:5px 10px;\r\n      line-height: 1.4em;\r\n    }\r\n    h3 {\r\n      font-size:13px;\r\n      padding:4px 8px;\r\n      line-height: 1.4em\r\n    }\r\n    .message {\r\n      display:inline-block;\r\n      color:#999;\r\n      margin:10px;\r\n      font-size:14px;\r\n      font-style:italic;\r\n    }\r\n\r\n  }\r\n\r\n  #dev-studio-data {\r\n    padding:3px;\r\n    flex-basis:100%;\r\n\r\n    .ds-panel {\r\n      display:flex;\r\n      align-items: center;\r\n      border-bottom: 1px #f2f2f2 solid;\r\n      margin-bottom:5px;\r\n      padding:3px 0 5px 3px;\r\n      .ds-filter {\r\n        display:flex;\r\n        align-items:center;\r\n        margin-right:20px;\r\n\r\n        .ds-filter-label {\r\n          margin-right:10px;\r\n          line-height:1.8em;\r\n        }\r\n        .ds-filter-select {\r\n          min-width: 100px;\r\n        }\r\n\r\n      }\r\n      select {\r\n      }\r\n      input[type=radio], input[type=checkbox] {\r\n        margin-top:3px;\r\n      }\r\n    }\r\n\r\n    .ds-phpinfo {\r\n      td, th {\r\n        font-size: 100% !important;\r\n        padding:4px 6px !important;\r\n        color:#333 !important;\r\n        line-height:1.4em;\r\n      }\r\n      h2 {\r\n        border:0 !important;\r\n        a {\r\n          font-weight:bold !important;\r\n        }\r\n      }\r\n    }\r\n\r\n\r\n\r\n\r\n  }\r\n\r\n  #dev-studio-data-info {\r\n    padding:0;\r\n    width:0;\r\n\r\n    .ds-data-info-control {\r\n      text-align: right;\r\n      font-size: 18px;\r\n      line-height: 20px;\r\n      border-bottom: 1px #f2f2f2 solid;\r\n      padding:3px 4px 1px 0;\r\n      color:#666;\r\n      .ds-icon {\r\n        font-size: 15px;\r\n      }\r\n    }\r\n    .ds-data-info {\r\n      /*padding:5px;*/\r\n    }\r\n  }\r\n}\r\n\r\n.ds-ui-block, .ds-ui-block-info {\r\n  border:2px #ddd solid;\r\n  position:relative;\r\n  margin:10px 0;\r\n  padding:18px 10px 5px 10px;\r\n  border-radius:2px;\r\n\r\n  .ds-ui-block-number {\r\n    position:absolute;\r\n    left:-5px;\r\n    top:-5px;\r\n    background-color:$ds-color-blue;\r\n    color:#fff !important;\r\n    padding-top:3px;\r\n    border-radius:2px;\r\n    width:22px;\r\n    height:22px;\r\n    text-align:center;\r\n    font-size:11px;\r\n\r\n  }\r\n  .ds-ui-lr {\r\n    display:flex;\r\n    width:100%;\r\n    background-color:#fff;\r\n\r\n    .ds-ui-left, .ds-ui-right {\r\n      flex-basis:50%;\r\n      overflow: auto;\r\n    }\r\n    .ds-ui-left {\r\n      border-right:1px #ddd dashed;\r\n      padding-right:5px;\r\n\r\n    }\r\n    .ds-ui-right {\r\n      padding:0 0 5px 5px;\r\n      /*border:1px red solid;*/\r\n\r\n    }\r\n    .ds-ui-label {\r\n      padding:3px 6px;\r\n      /*background-color:#ccdce3;*/\r\n      color:#ccc;\r\n      font-size:12px;\r\n      display:inline-block;\r\n      border:1px #ddd solid;\r\n      border-radius:2px;\r\n\r\n\r\n    }\r\n    .ds-ui-data {\r\n      margin-top:10px;\r\n      margin-bottom:10px;\r\n      font-size:13px;\r\n    }\r\n    .ds-ui-info {\r\n      padding-top:3px;\r\n      border-top:1px #ddd solid;\r\n    }\r\n  }\r\n\r\n  .ds-ui-info {\r\n    font-size:11px;\r\n    color:#888 !important;\r\n  }\r\n\r\n  td {\r\n    padding-left:4px;\r\n  }\r\n\r\n  &.ds-hl {\r\n    border-color:#68c55b;\r\n    .ds-ui-block-number {\r\n      background-color: #68c55b;\r\n    }\r\n\r\n  }\r\n\r\n  &.ds-ui-link:hover, &.ds-active {\r\n    border-color:$ds-color-blue;\r\n    cursor:pointer;\r\n    -webkit-box-shadow: 0 0 6px -1px rgba(3,69,99,1);\r\n    -moz-box-shadow: 0 0 6px -1px rgba(3,69,99,1);\r\n    box-shadow: 0 0 6px -1px rgba(3,69,99,1);\r\n    .ds-ui-block-number {\r\n      background-color:$ds-color-blue;\r\n    }\r\n  }\r\n}\r\n\r\n.ds-ui-block-info-wr {\r\n  display:none;\r\n}\r\n\r\n\r\n\r\n","\r\n#dev-studio {\r\n  .data-table {\r\n    width:100%;\r\n    border-collapse: collapse;\r\n    margin:0 0 15px 0;\r\n    box-shadow: none;\r\n\r\n    th.empty {\r\n      width:1%;\r\n    }\r\n    tr {\r\n      background-color:#fdfdfd;\r\n      border-bottom:1px #f3f3f3 solid;\r\n      &.title {\r\n        td {\r\n          background-color:#eee;\r\n          border-bottom:2px #ddd solid;\r\n        }\r\n      }\r\n      &:nth-child(even) {\r\n        background-color:#f9f9f9;\r\n      }\r\n      &:nth-child(even) td {\r\n      }\r\n      &.mark {\r\n        td {\r\n          color:green !important;\r\n          font-weight:bold;\r\n        }\r\n      }\r\n      &.mask {\r\n        td {\r\n          color:#999 !important;\r\n        }\r\n      }\r\n      &.info {\r\n        cursor:pointer;\r\n      }\r\n      &.info:hover {\r\n        td {\r\n          background-color: #f4f4f4 !important;\r\n        }\r\n\r\n      }\r\n\r\n      &.ds-active {\r\n        border-bottom:1px $ds-color-blue solid;\r\n        td, .ds-icon {\r\n          color: $ds-color-blue !important;\r\n        }\r\n      }\r\n      .data-info {\r\n        color:$ds-color-blue !important;\r\n        &.empty {\r\n          color:#aaa !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    td, th {\r\n      font-size:13px !important;\r\n      padding: 6px 5px 3px 5px!important;\r\n      border:0;\r\n      line-height:1.4em !important;\r\n      word-break: normal !important;\r\n      max-width: 400px;\r\n    }\r\n    td {\r\n      &.slow {\r\n        color:#b83437;\r\n        font-weight:bold;\r\n      }\r\n      &.ds-text-right {\r\n        text-align:right;\r\n      }\r\n      &.ds-pos {\r\n        width:1%;\r\n      }\r\n      &.subtitle {\r\n        font-weight:bold;\r\n        padding-top:12px !important;\r\n      }\r\n      &.mask {\r\n        color: #999 !important;\r\n      }\r\n    }\r\n    th {\r\n      background-color:#eee;\r\n      border-bottom:2px #ddd solid;\r\n      &.ds-order {\r\n        &:hover, &.ds-active {\r\n          cursor:pointer;\r\n          color:$ds-color-orange;\r\n          span.ds-icon {\r\n            color:$ds-color-orange;\r\n          }\r\n        }\r\n        .ds-icon {\r\n          font-size:18px;\r\n          margin-left:6px;\r\n          color:#666;\r\n          &.ds-icon-sort {\r\n            //font-size:15px;\r\n          }\r\n        }\r\n\r\n      }\r\n      &.ds-active {\r\n        color:$ds-color-orange;\r\n      }\r\n      &.ds-disabled {\r\n        color: #eee !important;\r\n        .ds-icon {\r\n          color: #eee !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    .data-info {\r\n      color:green;\r\n    }\r\n\r\n    .ds-link {\r\n      color:#2098f4 !important;\r\n      &:hover {\r\n        text-decoration:underline;\r\n      }\r\n    }\r\n\r\n  }\r\n}\r\n","\r\n/**\r\n * AVA Fields cutomization\r\n *\r\n */\r\n#dev-studio {\r\n  .dsf {\r\n    position:relative;\r\n\r\n    // Container header\r\n    .dsf-header {\r\n      margin-top: 16px;\r\n      .dsf-title {\r\n        font-size:18px;\r\n        margin: 3px 0 10px 10px;\r\n      }\r\n    }\r\n\r\n    // Nav tabs\r\n    .dsf-nav-sections {\r\n\r\n      .dsf-nav {\r\n        display: flex;\r\n        flex-wrap: nowrap;\r\n        margin-bottom:10px;\r\n        margin-left:5px;\r\n\r\n        .dsf-nav-item {\r\n          display: flex;\r\n          align-items: center;\r\n          padding: 0 10px;\r\n          \r\n          font-size:13px;\r\n          position:relative;\r\n          border-style:solid;\r\n          border-color:#f2f2f2;\r\n          border-width:0 0 2px 0;\r\n          margin-right:2px;\r\n          height:32px;\r\n          background-color:transparent;\r\n          transition:all .5s;\r\n          text-decoration:none;\r\n\r\n          &.active {\r\n            color:$ds-color-blue;\r\n            border-color:$ds-color-blue;\r\n          }\r\n          &:not(.active):hover {\r\n            border-color:$ds-color-blue;\r\n            cursor:pointer;\r\n          }\r\n\r\n        }\r\n\r\n      }\r\n\r\n      // Sections\r\n      .dsf-sections {\r\n        display: flex;\r\n        padding:5px;\r\n\r\n        .dsf-section {\r\n          display: none;\r\n          width: 100%;\r\n\r\n          // Section tabs\r\n          .dsf-nav-tabs {\r\n            display:flex;\r\n            margin:5px 5px 5px 0;\r\n            border-bottom:2px $ds-color-blue solid;\r\n\r\n            .dsf-nav-tab {\r\n              display: flex;\r\n              border-top-left-radius:2px;\r\n              border-top-right-radius:2px;\r\n              margin-right:3px;\r\n              padding:5px 7px;\r\n              font-size:13px;\r\n              position:relative;\r\n              transition:all .5s;\r\n              color:#666;\r\n              border-color:#ddd;\r\n              border-style:solid;\r\n              border-width:1px 1px 0 1px;\r\n              line-height: 1.4em;\r\n\r\n              &.active {\r\n                background-color: $ds-color-blue;\r\n                border-color:$ds-color-blue;\r\n                color:#fff;\r\n              }\r\n              &:not(.active):hover {\r\n                background-color: #f5f5f5;\r\n                border-color:#ccc;\r\n                color:#555;\r\n                cursor:pointer;\r\n              }\r\n            }\r\n          }\r\n\r\n          .dsf-tab {\r\n            padding-top:5px;\r\n            display:none;\r\n            &.active {\r\n              width: auto;\r\n              height: auto;\r\n              display:block;\r\n            }\r\n\r\n          }\r\n\r\n          &.active {\r\n            display: block;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n    .dsf-control {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 16px;\r\n    }\r\n\r\n    .dsf-preloader {\r\n      position:fixed;\r\n      top:50%;\r\n      left:50%;\r\n      transform: translateX(-50%);\r\n      background-color:#444;\r\n      border-radius:1px;\r\n      padding:15px 50px;\r\n      text-align:center;\r\n      display:none;\r\n      z-index:10001;\r\n\r\n      .dsf-pl-image {\r\n        img {\r\n          width:40px;\r\n        }\r\n      }\r\n      .dsf-pl-text {\r\n        margin-top:5px;\r\n        font-size:13px;\r\n        letter-spacing:0.1em;\r\n        color:#fff;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Field group\r\n  .dsf-group {\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    padding: 0;\r\n    margin-bottom: 0;\r\n\r\n\r\n    // Label\r\n    .dsf-label {\r\n      font-size: 13px;\r\n      font-weight:normal;\r\n      color: #222;\r\n      margin:5px 10px 0 3px;\r\n      min-width:200px;\r\n      line-height:1.4em;\r\n\r\n      small {\r\n        font-size: 10px;\r\n        display: block;\r\n      }\r\n      .required {\r\n        color: green;\r\n      }\r\n    }\r\n\r\n    .dsf-tip {\r\n      font-size:15px;\r\n      &:hover {\r\n        .ds-icon {\r\n          color: #999;\r\n          cursor: default;\r\n        }\r\n      }\r\n    }\r\n\r\n\r\n    // Field\r\n    .dsf-field {\r\n      display: block;\r\n      margin-bottom: 5px;\r\n      line-height: 1.5em;\r\n      width:100%;\r\n\r\n      .dsf-before {\r\n        margin-right: 5px;\r\n      }\r\n      .dsf-after {\r\n        margin-left: 2px;\r\n        margin-right: 2px;\r\n        font-size: 12px;\r\n        line-height: 27px;\r\n      }\r\n      select {\r\n        height: 26px;\r\n        line-height: 25px;\r\n        margin: 0;\r\n        vertical-align: top;\r\n        font-size: 13px;\r\n        padding-top: 0;\r\n      }\r\n      input[type=text] {\r\n        background-color: #fff;\r\n        border: 1px #ccc solid;\r\n        padding: 3px 5px;\r\n        border-radius: 1px;\r\n        font-size: 13px;\r\n        height: 28px !important;\r\n        vertical-align: top;\r\n        min-height: auto;\r\n        \r\n      }\r\n    }\r\n    \r\n    // Storage\r\n    &[data-group=\"storage\"] {\r\n      .dsf-group-radio {\r\n        margin-top:16px;\r\n        flex-direction: column;\r\n      }\r\n      \r\n      .dsf-wrap {\r\n        position:relative;\r\n        \r\n        &:not(.ds-active) {\r\n          .dsf-overlay {\r\n            display: block;\r\n          }\r\n        }\r\n        \r\n        .dsf-overlay {\r\n          opacity: .6;\r\n          display: none;\r\n          position: absolute;\r\n          background: #fff;\r\n          top:20px;\r\n          left:0;\r\n          right:0;\r\n          bottom:0;\r\n        }\r\n      }\r\n      \r\n      .dsf-group {\r\n        margin-left: 4px;\r\n      }  \r\n      .dsf-field-radio {\r\n      \r\n      }\r\n      .dsf-group-text {\r\n        label {\r\n          min-width: 100px;\r\n        }\r\n      }\r\n      button {\r\n        display: block;\r\n        background: #f2f2f2;\r\n        margin-top: 5px;\r\n        color: #999 !important;\r\n        border: 1px #ccc solid;\r\n        padding: 0 7px;\r\n        &:hover {\r\n          border-color: #666;\r\n          color:#555 !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Elements */\r\n  .dsf-button {\r\n    //margin:15px 2px !important;\r\n    line-height:1em;\r\n    font-size:13px;\r\n    font-weight:normal;\r\n    padding:5px 10px;\r\n  }\r\n  .dsf-group .dsf-field .dsf-text-short {\r\n    width:30px;\r\n  }\r\n\r\n  .dsf-sortable-html, .dsf-sortable-handle {\r\n    line-height: 1.8em;\r\n  }\r\n  .dsf-sortable-handle {\r\n    padding-top:3px;\r\n  }\r\n  \r\n  .dsf-field.dsf-field-checkbox-groups {\r\n    \r\n    .dsf-cg-title {\r\n      font-weight:bold;\r\n      font-size:16px;\r\n      margin:8px 0;\r\n    }\r\n    .dsf-cgroup {\r\n      margin-bottom:10px;\r\n      .dsf-cg-parent {\r\n        font-weight:bold;\r\n      }\r\n      \r\n      .dsf-cg-childs {\r\n        div {\r\n          display:inline-block;\r\n          margin-right:10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","\r\n#dev-studio {\r\n  input, button, select,\r\n  input:focus, button:focus, select:focus\r\n   {\r\n    outline: none;\r\n  }\r\n  button {\r\n    height: 30px;\r\n    border-radius: 2px;\r\n    cursor: pointer;\r\n    background-color: $ds-color-light-blue;\r\n    border:0 transparent solid;\r\n    color: #fff !important;\r\n    line-height:1em;\r\n    padding: 3px 15px 0 15px;\r\n    font-size:13px;\r\n    font-weight:normal;\r\n    margin:2px 0 0 0;\r\n\r\n    &:hover {\r\n      background-color: #69c5f9;\r\n      border-color:$ds-color-lightest-blue;\r\n    }\r\n  }\r\n  select {\r\n    border-radius:1px;\r\n    height:25px;\r\n    margin:0;\r\n    padding:3px 6px;\r\n    font-size: 13px;\r\n    line-height:1em;\r\n    box-shadow: none;\r\n    box-sizing: border-box;\r\n    min-height: auto;\r\n    min-width: auto;\r\n    width: auto;\r\n    cursor:pointer;\r\n    border:1px #333 solid;\r\n    option {\r\n      padding:3px 5px;\r\n    }\r\n    -webkit-appearance: none;\r\n    background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;\r\n    background-size: 16px 16px;\r\n    \r\n  }\r\n  input[type=text], input[type=email] {\r\n    color: $ds-color;\r\n    font-size:14px;\r\n    margin-right:10px;\r\n    margin-top:1px;\r\n    padding:3px 5px;\r\n    border-radius:2px;\r\n    border:2px $ds-color solid;\r\n    display:inline-block;\r\n    height:30px;\r\n    &:hover {\r\n      //border-color:$ds-color-light-blue;\r\n    }\r\n    &.dsf-required {\r\n      border-color: red !important;\r\n    }\r\n\r\n  }\r\n  input[type=radio], input[type=checkbox] {\r\n    -webkit-writing-mode: horizontal-tb !important;\r\n    text-rendering: auto;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    line-height: normal;\r\n    text-transform: none;\r\n    text-indent: 0;\r\n    text-shadow: none;\r\n    display: inline-block;\r\n    text-align: start;\r\n    background-color: initial;\r\n    cursor: default;\r\n    appearance: auto;\r\n    box-sizing: border-box;\r\n    margin: 3px 3px 3px 4px;\r\n    padding: initial;\r\n    border: initial;\r\n    width: 14px;\r\n    height: 14px;\r\n    box-shadow: none;\r\n  }\r\n  input[type=radio], input[type=checkbox] {\r\n    cursor: pointer;\r\n  }\r\n  \r\n  input[type=checkbox]:before, input[type=checkbox]:after {\r\n    display: none !important;\r\n  }\r\n\r\n  input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */\r\n    color: #417a96;\r\n    opacity: 1; /* Firefox */\r\n  }\r\n\r\n  input:-ms-input-placeholder { /* Internet Explorer 10-11 */\r\n    color: #417a96;\r\n  }\r\n\r\n  input::-ms-input-placeholder { /* Microsoft Edge */\r\n    color: #417a96;\r\n  }\r\n\r\n  .ds-not-validated {\r\n    border-color: red !important;\r\n  }\r\n}","\r\n#dev-studio {\r\n\r\n  .ds-header {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height:50px;\r\n    min-height: 50px;\r\n\r\n    .ds-header-bar {\r\n      background-color:#f5f5f5;\r\n      display: flex;\r\n      height: 100%;\r\n\r\n      #ds-ajax {\r\n        display: flex;\r\n        align-items: center;\r\n        flex-direction: column;\r\n        background-color: #f2f2f2;\r\n        padding:3px 5px;\r\n        \r\n        .ds-title {\r\n          font-size: 11px;\r\n          font-weight: bold;\r\n        }\r\n        .ds-ajax-on-off {\r\n          width: 60px;\r\n          height: 20px;\r\n          > div {\r\n            font-size: 11px;\r\n          }\r\n        }\r\n\r\n        &.ds-active {\r\n          .ds-title {\r\n            //color: #1ec331;\r\n          }\r\n        }\r\n      }\r\n      #ds-ajax-test {\r\n        display:none;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding:0 5px;\r\n        color:gray;\r\n        font-size:12px;\r\n        cursor:pointer;\r\n        \r\n        div {\r\n          border:1px #999 solid;\r\n          padding:4px 7px;\r\n          border-radius:2px;\r\n          color:#666;\r\n          line-height: 1.5em;\r\n          &:hover {\r\n            background-color: #eee;\r\n          }\r\n        }\r\n        &.ds-show {\r\n          display:flex;\r\n        }\r\n      }\r\n\r\n      .ds-checkpoints {\r\n        display: flex;\r\n        align-items: center;\r\n        background-color:#eaeaea;\r\n        padding:0 10px;\r\n\r\n        .ds-select {\r\n          display: flex;\r\n          select {\r\n            width: 175px;\r\n            max-width: 175px;\r\n            border-radius:1px;\r\n            display: inline-block;\r\n            height: 25px;\r\n            padding: 3px 5px;\r\n            line-height: 1;\r\n            color: #444;\r\n            vertical-align: middle;\r\n            background-color: #fff;\r\n          }\r\n\r\n        }\r\n        .ds-icons {\r\n          display: flex;\r\n          margin-left:5px;\r\n          .ds-icon {\r\n            width: 24px;\r\n            height: 22px;\r\n            text-align: center;\r\n            line-height: 1;\r\n            padding-top: 2px;\r\n            border-radius: 2px;\r\n            background: $ds-color-blue;\r\n            font-size:18px;\r\n            color:#fff;\r\n            &:hover {\r\n              cursor:pointer;\r\n              background: $ds-color-light-blue;\r\n            }\r\n          }\r\n        }\r\n        &.ds-active {\r\n          background-color:#fff7da;\r\n          .ds-icon {\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Buttons\r\n    .ds-buttons {\r\n      float: right;\r\n      vertical-align: top;\r\n      margin-right: 10px;\r\n      transition: 1s;\r\n    }\r\n  }\r\n}\r\n","\r\n#dev-studio {\r\n  .ds-icon {\r\n    cursor: pointer;\r\n    line-height: 1em;\r\n    font-size: 18px;\r\n    vertical-align: middle;\r\n  }\r\n  \r\n  .ds-icon {\r\n    &.ds-icon-view {\r\n      cursor: pointer;\r\n      color: $ds-color-orange !important;\r\n      font-size: 16px;\r\n    }\r\n    &.ds-icon-tip {\r\n      cursor: pointer !important;\r\n      color:green !important;\r\n    }\r\n  }\r\n}","#dev-studio {\r\n  img {\r\n    border:0 !important;\r\n    display: block !important;\r\n    padding:0 !important;\r\n    margin: 0 auto !important;\r\n    width: auto !important;\r\n    height: auto !important;\r\n    border-radius: 0 !important;\r\n  }\r\n  \r\n  .ds-left-panel {\r\n    border-right:1px #e9e9e9 solid;\r\n    width:170px;\r\n    min-width:170px;\r\n    padding-top:15px;\r\n    \r\n    background:\r\n      linear-gradient(-135deg, transparent 10%, rgb(230, 230, 230)),\r\n      repeating-linear-gradient(45deg, transparent 0%, transparent 5%, rgba(230, 230, 230, 0.6) 5%, rgba(230, 230, 230, 1) 10%),\r\n      repeating-linear-gradient(-45deg, transparent 0%, transparent 5%, rgba(230, 230, 230, 0.5) 5%, rgba(230, 230, 230, 0.4) 10%);\r\n    //background-color: rgba(230, 230, 230, 0.25);\r\n\r\n    // Logo\r\n    .ds-logo {\r\n      text-align:center;\r\n      z-index: 1000;\r\n      position:relative;\r\n    }\r\n    \r\n    #ds-on {\r\n      background: #1ec331;\r\n    }\r\n\r\n    // Modules\r\n    .ds-tabs-modules {\r\n      margin-top:40px;\r\n      vertical-align: top;\r\n      display: flex;\r\n      flex-direction: column;\r\n      margin-left:5px;\r\n      margin-right: 5px;\r\n  \r\n      .ds-tab-group {\r\n        text-transform: uppercase;\r\n        font-size: 11px;\r\n        color: #888;\r\n        margin-top: 5px;\r\n      }\r\n      .ds-tab-module {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 32px;\r\n        cursor: pointer;\r\n        font-size: 13px;\r\n        font-weight: bold;\r\n        line-height: 1.4em;\r\n        position: relative;\r\n        color:#777;\r\n        transition:background-color .5s;\r\n        margin-bottom:5px;\r\n        border: 2px #ccc solid;\r\n        background-color:#f6f6f6;\r\n        border-radius: 3px 0 0 3px;\r\n        padding-left: 0;\r\n        padding-top: 3px;\r\n        \r\n        &:before {\r\n          content:\"\";\r\n        }\r\n        &:after {\r\n          content: \"\";\r\n        }\r\n\r\n        /*\r\n        &:after {\r\n          content:'';\r\n          position:absolute;\r\n          left:6px;\r\n          top:11px;\r\n          width:8px;\r\n          height:8px;\r\n          border-radius:50%;\r\n          border:1px #d9d9d9 solid;\r\n        }\r\n        \r\n         */\r\n\r\n        &:not(.ds-active):hover {\r\n          background-color:#f0f0f0;\r\n          /*\r\n          &:after {\r\n            background-color:#e1e1e1;\r\n          }\r\n          \r\n           */\r\n\r\n        }\r\n        &.ds-active {\r\n          border:2px $ds-color-blue solid;\r\n          color:$ds-color-blue;\r\n          background: #fff;\r\n          .ds-icon {\r\n            color:$ds-color-blue;\r\n          }\r\n          /*\r\n          &:after {\r\n            background-color:#fff;\r\n            border-color:#fff;\r\n          }\r\n          \r\n           */\r\n        }\r\n        .ds-icon {\r\n          width: 30px;\r\n          text-align: center;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","\r\n#dev-studio {\r\n\r\n  // Slider\r\n  .ds-slider {\r\n    display: flex;\r\n    border-radius: 3px;\r\n    cursor: pointer;\r\n    z-index: 1000;\r\n    position: relative;\r\n    margin: 4px auto 0 auto;\r\n    background: #ddd;\r\n    border: 1px #ccc solid;\r\n\r\n    > div {\r\n      z-index: 10;\r\n      font-size: 12px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-weight: bold;\r\n      width: 50%;\r\n    }\r\n    .ds-on {\r\n      color:#fff;\r\n    }\r\n    .ds-off {\r\n      color: #666;\r\n    }\r\n    \r\n    &:before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 50%;\r\n      bottom: 0;\r\n      background-color: #1ec331;\r\n      transition: all .6s;\r\n      border-radius: 3px 0 0 3px;\r\n      \r\n    }\r\n    &.ds-off {\r\n      .ds-on {\r\n        color:#666;\r\n      }\r\n      &:before {\r\n        border-radius: 0 3px 3px 0;\r\n        background-color:#999;\r\n        left:50%;\r\n      }\r\n    }\r\n  }\r\n  \r\n  .ds-on-off {\r\n    width: 68px;\r\n    height: 28px;\r\n  }\r\n\r\n  pre.array,\r\n  pre.object {\r\n    font-size: 13px;\r\n    background-color: #fff;\r\n    padding: 10px 10px;\r\n    margin:0;\r\n\r\n    .ds-object-name {\r\n      font-weight:bold;\r\n      color:$ds-color-blue;\r\n      border-bottom:1px $ds-color-blue dashed;\r\n      display:inline-block;\r\n      margin-bottom:3px;\r\n    }\r\n  }\r\n\r\n  .ds-icon {\r\n    color:#999;\r\n    &:hover {\r\n      color:$ds-color-orange;\r\n      cursor:pointer;\r\n    }\r\n    &.ds-active {\r\n      color:$ds-color-orange;\r\n    }\r\n\r\n  }\r\n\r\n  .ds-col-2 {\r\n    flex-basis: 50%;\r\n  }\r\n\r\n  .ds-not-exists {\r\n    color:#bbb !important;\r\n  }\r\n\r\n  .ds-gray {\r\n    color:#999 !important;\r\n    line-height:20px;\r\n    font-size:12px;\r\n  }\r\n\r\n  .ds-true {\r\n    color:green !important;\r\n  }\r\n\r\n  .ds-false {\r\n    color:#ccc !important;\r\n  }\r\n\r\n  .ds-hide {\r\n    display:none !important;\r\n  }\r\n\r\n  .ds-attention {\r\n    color:red !important;\r\n  }\r\n\r\n  .ds-sm-text {\r\n    color:#888 !important;\r\n    font-size:11px;\r\n  }\r\n\r\n  .ds-php-style {\r\n    color:#8c338b !important;\r\n    font-weight:bold;\r\n  }\r\n\r\n  .ds-preloader {\r\n    position: fixed;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background-color: #f9f9f9;\r\n    border-radius: 1px;\r\n    padding: 30px;\r\n    text-align: center;\r\n    display: none;\r\n    z-index: 10001;\r\n    .ds-pl-image {\r\n      img {\r\n        width:40px !important;\r\n      }\r\n    }\r\n    &.ds-show {\r\n      display:block;\r\n    }\r\n  }\r\n  \r\n  .ds-light-yellow {\r\n    color:#fef0c4 !important;\r\n  }\r\n  \r\n  .ds-lightest-blue {\r\n    color:$ds-color-lightest-blue !important;\r\n  }\r\n  \r\n  .ds-color-wc {\r\n    color:#ffcb66 !important;\r\n  }\r\n  \r\n  .ds-message {\r\n    color:green !important;\r\n  }\r\n  \r\n  .ds-error {\r\n    color:red !important;\r\n  }\r\n  \r\n  .ds-error-box {\r\n    color: red;\r\n    border: 1px red solid;\r\n    padding: 5px 6px;\r\n    border-radius: 2px;\r\n    background: rgba(255, 0, 0, .03);\r\n    span {\r\n      color: red;\r\n    }\r\n    \r\n  }\r\n  \r\n  .ds-tip {\r\n    cursor: pointer;\r\n  }\r\n  \r\n  // Modal\r\n  .ds-modal {\r\n    position: fixed;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    background-color: rgba(0,0,0,0.4);\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 100;\r\n    display: none;\r\n    \r\n    &.ds-show {\r\n      display: flex;\r\n    }\r\n    \r\n    &.ds-center {\r\n      .ds-modal-content {\r\n        text-align: center;\r\n      }\r\n    }\r\n    \r\n    .ds-modal-data {\r\n      background: #fff;\r\n      position: relative;\r\n      max-width: 100vw;\r\n      max-height: 100vh;\r\n      margin-left: 24px;\r\n      margin-right: 24px;\r\n      padding: 16px 24px;\r\n      border-radius: 4px;\r\n      \r\n      .ds-modal-content {\r\n        \r\n        min-width: 200px;\r\n      }\r\n      .ds-btn_close {\r\n        margin: 16px auto 0 auto;\r\n        display: block;\r\n      }\r\n      .ds-icon-close {\r\n        position: absolute;\r\n        right: 5px;\r\n        top: 5px;\r\n        color: #222;\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n  \r\n  \r\n}\r\n\r\n","\r\n#dev-studio-tools {\r\n  display: flex;\r\n  flex-direction: column;\r\n  \r\n  width:40px;\r\n  margin-top:2px;\r\n  margin-bottom:2px;\r\n  padding:3px;\r\n  border-left:1px #ddd dashed;\r\n  line-height: 20px;\r\n\r\n  .ds-tool {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    \r\n    width:32px;\r\n    height:32px;\r\n    text-align:center;\r\n    border-radius:1px;\r\n    margin:0;\r\n    color:#666;\r\n    box-sizing: border-box;\r\n    margin-top: 3px;\r\n    padding-top: 3px;\r\n  \r\n    &:hover:not(.ds-active) {\r\n      cursor: pointer;\r\n    }\r\n    &:not(.ds-toggle-info):hover, &.ds-active {\r\n      border:1px $ds-color-blue solid;\r\n      span {\r\n        color: $ds-color-blue;\r\n      }\r\n    }\r\n    &.ds-toggle-info:hover {\r\n      span {\r\n        color: $ds-color-blue;\r\n      }\r\n    }\r\n    \r\n    .ds-icon {\r\n      font-size:24px;\r\n      color:#666;\r\n      &.ds-icon-wordpress {\r\n        font-size:22px;\r\n      }\r\n      &.ds-icon-database {\r\n        font-size:20px;\r\n      }\r\n      \r\n    }\r\n    .ds-tool-text {\r\n      line-height: 2em;\r\n      font-size:14px;\r\n      color:#666;\r\n      &.ds-wp {\r\n        font-size:13px;\r\n      }\r\n    }\r\n    &.ds-toggle-info {\r\n      .ds-icon {\r\n      \r\n      }\r\n    }\r\n\r\n  }\r\n}\r\n","\r\n#dev-studio {\r\n\r\n  /*\r\n   * Enabled utilities\r\n   *\r\n   */\r\n  .ds-autils {\r\n    padding:6px 0 0 15px;\r\n    display: flex;\r\n\r\n    .ds-autil-wr {\r\n      margin-right: 10px;\r\n      position: relative;\r\n      min-width: 50px;\r\n      line-height: 1.1em;\r\n      display:flex;\r\n\r\n      .ds-autil {\r\n        img {\r\n          height: 26px;\r\n          cursor:pointer;\r\n        }\r\n      }\r\n\r\n      .ds-autil-title {\r\n        text-align:center;\r\n        font-size: 11px;\r\n        margin-left:5px;\r\n\r\n        .ds-icon.ds-icon-toggle-on {\r\n          color:#1ec331;\r\n          font-size:16px;\r\n          &:hover {\r\n            color:#29d73e;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /*\r\n   * Utilities categories\r\n   *\r\n   */\r\n  .ds-tabs-utilcats {\r\n    display: flex;\r\n    min-height: 30px;\r\n    margin-left:10px;\r\n\r\n    .ds-utilcat {\r\n\r\n    }\r\n\r\n  }\r\n\r\n  /**\r\n   * Utilities list\r\n   *\r\n   */\r\n  .ds-utils {\r\n    text-align:center;\r\n    padding-top:5px;\r\n    padding-bottom:5px;\r\n    margin:5px;\r\n    display: inline-block;\r\n    transition:all .5s;\r\n    cursor:pointer;\r\n    border:1px transparent solid;\r\n    min-width:80px;\r\n    border-radius:2px;\r\n\r\n    img {\r\n      width:40px;\r\n    }\r\n    span {\r\n      display:block;\r\n      text-align:center;\r\n      font-size:13px;\r\n      font-weight:bold;\r\n\r\n    }\r\n    &:hover {\r\n      border-color:#dedede !important;\r\n      span {\r\n        color:$ds-color-blue;\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Utility data header\r\n   *\r\n   */\r\n  .ds-util-header {\r\n    display:flex;\r\n    border-bottom: 1px #f2f2f2 solid;\r\n    margin-bottom:5px;\r\n    /*padding-bottom:5px;*/\r\n    /*background-color:#fff7da;*/\r\n\r\n    .ds-utilh-img {\r\n      padding-left:5px;\r\n      img {\r\n        height:32px;\r\n      }\r\n    }\r\n    .ds-utilh-title {\r\n      margin:5px 0 0 15px;\r\n      color: #0073aa;\r\n      font-size: 18px;\r\n    }\r\n    .ds-utilh-control {\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Utility data\r\n   *\r\n   */\r\n  .ds-util-data {\r\n    padding:5px;\r\n    .ds-util {\r\n\r\n    }\r\n    .ds-row {\r\n      display:flex;\r\n      .ds-col {\r\n      }\r\n      .ds-col-text {\r\n        font-size:14px;\r\n        min-width:100px;\r\n        padding-right:15px;\r\n      }\r\n    }\r\n\r\n  }\r\n}\r\n\r\n","\r\n#dev-studio {\r\n  .ds-ws {\r\n    display: flex;\r\n    flex-direction:column;\r\n    padding:5px;\r\n    width:100%;\r\n    transition: 1s;\r\n    flex-basis: 100%;\r\n    min-height: 0;\r\n\r\n    .ds-tabs-components {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      margin-bottom:15px;\r\n      margin-left:5px;\r\n      min-height:34px;\r\n      line-height: 1em;\r\n\r\n      .ds-component {\r\n        display: flex;\r\n        align-items: center;\r\n        padding:3px 10px;\r\n        margin-top: 5px;\r\n        font-size:13px;\r\n        position:relative;\r\n        border-bottom:2px #eaeaea solid;\r\n        margin-right:3px;\r\n        height:32px;\r\n        transition:all .5s;\r\n\r\n        &.ds-active {\r\n          color:$ds-color-blue;\r\n          border-bottom:2px $ds-color-blue solid;\r\n        }\r\n        &:not(.ds-active):hover {\r\n          border-bottom:2px $ds-color-blue solid;\r\n          cursor:pointer;\r\n        }\r\n      }\r\n    }\r\n\r\n    .ds-tabs-data {\r\n      display: flex;\r\n      flex-direction: column;\r\n      width:100%;\r\n      height:100%;\r\n      min-height: 0;\r\n\r\n      .ds-tabs {\r\n        display: flex;\r\n        min-height: 30px;\r\n\r\n\r\n        .ds-tabs-units {\r\n          display: flex;\r\n          margin-left: 10px;\r\n        }\r\n        .ds-cp-wrap {\r\n          display:none;\r\n          width: 320px;\r\n          justify-content: space-between;\r\n          .ds-tab-checkpoints {\r\n            width:90px;\r\n            margin-left:10px;\r\n            border: 1px #eee7cc solid;\r\n            background-color: #fff7da;\r\n            color:#555;\r\n          }\r\n          button {\r\n            margin-right: 20px;\r\n            margin-bottom: 3px;\r\n            height: 26px;\r\n          }\r\n        }\r\n      }\r\n\r\n    }\r\n\r\n    .ds-unit, .ds-tab {\r\n      display: flex;\r\n      border-top-left-radius:2px;\r\n      border-top-right-radius:2px;\r\n      margin-right:3px;\r\n      padding:5px 7px;\r\n      font-size:13px;\r\n      line-height: 1.4em;\r\n      position:relative;\r\n      transition:all .5s;\r\n      color:#666;\r\n      border-color:#ddd;\r\n      border-style:solid;\r\n      border-width:1px 1px 0 1px;\r\n\r\n      &.ds-active {\r\n        background-color: $ds-color-blue;\r\n        border-color:$ds-color-blue;\r\n        color:#fff;\r\n      }\r\n      &:not(.ds-active):hover {\r\n        background-color: #f5f5f5;\r\n        border-color:#ccc;\r\n        color:#555;\r\n        cursor:pointer;\r\n      }\r\n    }\r\n  }\r\n}\r\n","\r\n@import \"partials/variables.scss\";\r\n\r\n@import \"../fonts/ds-icons/dist/ds-icons.scss\";\r\n\r\n@import \"partials/normalize.scss\";\r\n@import \"partials/actions.scss\";\r\n@import \"partials/adminbar.scss\";\r\n@import \"partials/bar.scss\";\r\n@import \"partials/data.scss\";\r\n@import \"partials/data-table.scss\";\r\n@import \"partials/fields.scss\";\r\n@import \"partials/form.scss\";\r\n@import \"partials/header.scss\";\r\n@import \"partials/icons.scss\";\r\n@import \"partials/left-panel.scss\";\r\n@import \"partials/other.scss\";\r\n@import \"partials/tools.scss\";\r\n@import \"partials/utilities.scss\";\r\n@import \"partials/ws.scss\";\r\n\r\n#dev-studio {\r\n  position: fixed;\r\n  top: 30px;\r\n  bottom:0;\r\n  left: 0;\r\n  right: 0;\r\n  background-color: #eee;\r\n  z-index: 9998;\r\n  display: none;\r\n  color:$ds-color;\r\n  font-size:13px;\r\n\r\n  &.ds-show {\r\n    display:flex;\r\n    align-items:stretch;\r\n  }\r\n\r\n  .ds-right-panel {\r\n    display:flex;\r\n    flex:1;\r\n    flex-direction:column;\r\n    background-color:#fafafa;\r\n    width: calc(100vw - 170px);\r\n  }\r\n\r\n  .ds-bg-off {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    \r\n    position: absolute;\r\n    content:'';\r\n    left:0;\r\n    top:0;\r\n    background-color: #eee;\r\n    z-index:10;\r\n    opacity:0;\r\n    transition: all 1s;\r\n    button {\r\n    \r\n    }\r\n  }\r\n  &.ds-off {\r\n    .ds-bg-off {\r\n      opacity:1;\r\n      bottom:0;\r\n      right:0;\r\n    }\r\n    .ds-right-panel {\r\n      display: none;\r\n    }\r\n  }\r\n}"],"sourceRoot":""}