{"version":3,"sourceRoot":"","sources":["sass/_theme-fonts.scss","sass/_theme-vars.scss","sass/_forms.scss","sass/_mixins.scss","sass/hinter/_main-sidebar.scss","theme.scss"],"names":[],"mappings":";AAAA;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AC5ED;AAAA;ACgBA;AACA;EACC;EACA,WDhBgB;ECiBhB;EACA;;;AAED;EACC;;;AAED;EACC;EACA,QAzBa;EA0Bb,eAzBoB;EA0BpB,YArBkB;EAsBlB,QDbe;ECcf;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAkBD;AACA;AAEC;AAA8B;EAC3B;EACA;;AAEF;AAAqB;EACnB;EACA;;AAEF;AAAyB;EACvB;EACA;;AAEF;AAAoB;EAClB;EACA;;;AAKJ;AACA;AAAA;EAEC;EACA;;;AACA;AACD;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC,ODxGe;ECyGf;;;AAED;EACC,QD5Ge;EC6Gf,OD7Ge;EC8Gf;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC,YAtIa;EAuIb,aAvIa;EAwIb,eAxIa;;;AA0Id;EACC,YA3Ia;EA4Ib,cA5Ia;EA6Ib,eA7Ia;;;AA+Id;EACC;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AACA;EACC;EACA;;;AAED;EACE;EACA;EACA;EACD;EACA;EACA,QD7Je;EC8Jf;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA,kBAhLkB;EAiLlB;EACA;EACA,QAzLa;EA0Lb,eAzLoB;EA0LpB;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAtNa;EAuNb;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;AACA;EACC,kBA5NmB;EA6NnB;;;AAED;AACA;EACC,QDzNe;;;AC4NhB;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;AACA;EACC;ECnQC;EACA,aDmQa;EClQb,iBDkQyB;EAC1B;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QArRa;EAsRb,eArRoB;EAsRpB;EACA;EACA;EACA;;;AAUD;EACC;EACA,YA9RoB;;;AAgSrB;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAvTa;EAwTb;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA,YAxToB;;;AA0TrB;EACC;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA,eA3UoB;EA4UpB;;;AAED;EACC,eA5Ue;;;AA8UhB;EACC;;;AAED;AACA;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;AACA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACC;EACA;;;AAED;EACC;;;AAED;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aD7Ya;EC8Yb;;;AAEF;EACE;EACA;EACA,kBA7YqB;EA8YrB;;;AAEF;EACE;EACA;EACA,kBAlZsB;EAmZtB,OD7ZgB;EC8ZhB;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AACA;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA,cA1be;;;AA4bhB;EACC;;;AAED;EACC;;;AAED;AACA;EACC;EACA;;;AAED;EACC;;;AE/cD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EAGA;EAIA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;EACA;EACA;;;AC1EF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAIF;EACE,OJTW;EIUX;EACA;;;AAEF;EACE,OJRW;EISX;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;;;AAKF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EAEA;EACA;;;AAIF;EACE;;;AAEF;EACE;;;AAGF;EACE,OJtHiB;EIuHjB;EACA;;;AAEF;EACE;EACA;;;AAIF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA,OJ7Ja;EI8Jb;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA,QJxLc;EIyLd,OJzLc;EI0Ld;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE,YJlMkB;EImMlB;EACA,OJrMa;EIsMb;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE,cJ/Mc;;;AIiNhB;EACE,eJlNc;;;AIoNhB;EACE;EACA;EACA;EACA;EACA,QJzNc;EI0Nd,OJ1Nc;EI2Nd;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE,YJpOsB;EIqOtB;EACA,OJvOiB;EIwOjB;EACA;EACA;;;AAKF;EACE;EACA;EACA,OJnNY;;;AIuNd;EF5QE;EACA,aE4Qc;EF3Qd,iBE2QsB;EACtB,aJpQc;EIqQd;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAIF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAGF;EFnVE;EACA,aEmVc;EFlVd,iBEkVuB;EACvB;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EFtRA,OADsB;EAEtB;EACA;EACA;EEqRA;EACA;;;AAEF;EACE;EF5RA,OADsB;EAEtB;EACA;EACA;EE2RA;;;AAEF;EACE;EACA;;;AAGF;EACE,QJzcc;EI0cd,WJ1cc;EI2cd;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACC;;;AAID;EACE;;;AAGF;EF/pBE;EACA,aE+pBc;EF9pBd,iBE8pBsB;EACtB;EACA;EACA;EACA;EACA;EACA;EACA;;;AAaF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAIF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;;;AAOF;EACE;EACA;EACA;EACA;EACA,gBJzuBqB;;;AI2uBvB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE,OJ3tBY;;;AI6tBd;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAYF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAUF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YJvzBW;EIwzBX;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE,cJj3Bc;EIk3Bd;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE,YJ72BU;;;AI+2BZ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE,QJh6BmB;EIi6BnB;EACA;EACA;;;AAKF;EACE;;;AAEF;EACE;EACA,OJz5BY;;;AI65Bd;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA,OJn/Ba;EIo/Bb,aJl/Ba;;;AIo/Bf;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE,QJv/Bc;EIw/Bd;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE,YJ7hCY;EI8hCZ;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YJxiCY;EIyiCZ;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAEF;EACE;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAEF;EACE,aJroCc;;;AIuoChB;AAAA;EAEE;;;AAMF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;AAAA;EAEE;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;AAAA;AAAA;EAGE;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAkEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EAEA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAMF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAMF;AAAA;EAEE;EACA;EACA;EACA;EAEA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;EAEE;EACA;;;AAMF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAMF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAMF;AAAA;EAEE;EACA;EACA;;;AAMF;AAAA;EAEE;EACA;EACA;;;AAMF;AAAA;EAEE;EACA;EACA;;;AAIF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAKF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAQF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAyDF;EACE;;;AAIA;EACE;;AAEF;EACE;EACA;EACA;;;AAIJ;EAzDE,QAVa;EAWb,OAXa;EA4Eb;EACA;EACA;;AAVA;EACE;;AAGF;EA9DA,QANW;EAOX,OAPW;;AA4EX;EACE;;AAGF;EA1EA,QA2EsB;EA1EtB,OA0EgB;EACd;EACA;EACA;EACA;;AAEA;EAjFF,QAkFwB;EAjFxB,OAiFkB;EACd;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AACA;EACE;EACA;;AAIJ;EACE,YAhHO;EAiHP;EACA;EACA;EACA;EACA;EACA,WApHc;EAqHd;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EA3HA,QA4HsB;EA3HtB,OA2HgB;EACd;EACA;;AAGF;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AArIJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cA4I6B;;AAzI/B;EACE;;AAIA;EACE;;AAVJ;EACE,cAgJ6B;;AA7I/B;EACE;;AAIA;EACE;;AAVJ;EACE,cAgJ6B;;AA7I/B;EACE;;AAIA;EACE;;AAVJ;EACE,cAgJ6B;;AA7I/B;EACE;;AAIA;EACE;;AAVJ;EACE,cAgJ6B;;AA7I/B;EACE;;AAIA;EACE;;AAVJ;EACE,cAgJ6B;;AA7I/B;EACE;;AAIA;EACE;;AAVJ;EACE,cAgJ6B;;AA7I/B;EACE;;AAIA;EACE;;AAXN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAgJ6B;;AA7I/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;AAjBN;EAcI;;AAbF;EACE,cAoJ6B;;AAjJ/B;EACE;;AAUA;EACE;;;AA6IR;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAIF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE,YHnxEc;;;AGqxEhB;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE","file":"theme.css","sourcesContent":["@font-face {\r\n\tfont-family: 'lato';\r\n\tsrc: local('Lato Regular'), local('Lato-Regular'), url('fonts/Lato-Regular.ttf');\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: 'lato';\r\n\tfont-style: italic;\r\n\tsrc: local('Lato Italic'), local('Lato-Italic'), url('fonts/Lato-Italic.ttf');\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: 'lato';\r\n\tfont-weight: bold;\r\n\tsrc: local('Lato Bold'), local('Lato-Bold'), url('fonts/Lato-Bold.ttf');\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: 'lato';\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tsrc: local('Lato BoldItalic'), local('Lato-BoldItalic'), url('fonts/Lato-BoldItalic.ttf');\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: 'lato';\r\n\tfont-weight: 900;\r\n\tsrc: local('Lato Heavy'), local('Lato-Heavy'), url('fonts/Lato-Heavy.ttf');\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: 'lato';\r\n\tfont-weight: 500;\r\n\tsrc: local('Lato Semibold'), local('Lato-Semibold'), url('fonts/Lato-Semibold.ttf');\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'Montserrat';\r\n\tsrc: local('Montserrat Regular'), local('Montserrat-Regular'), url('fonts/Montserrat-Regular.ttf');\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: 'Montserrat';\r\n\tfont-style: italic;\r\n\tsrc: local('Montserrat Italic'), local('Montserrat-Italic'), url('fonts/Montserrat-Italic.ttf');\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: 'Montserrat';\r\n\tfont-weight: bold;\r\n\tsrc: local('Montserrat Bold'), local('Montserrat-Bold'), url('fonts/Montserrat-Bold.ttf');\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: 'Montserrat';\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tsrc: local('Montserrat -BoldItalic'), local('Montserrat-BoldItalic'), url('fonts/Montserrat-BoldItalic.ttf');\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: 'Montserrat';\r\n\tfont-weight: 900;\r\n\tsrc: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('fonts/Montserrat-ExtraBold.ttf');\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: 'Montserrat';\r\n\tfont-weight: 500;\r\n\tsrc: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('fonts/Montserrat-SemiBold.ttf');\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: 'Montserrat';\r\n\tfont-weight: 300;\r\n\tsrc: local('Montserrat Thin'), local('Montserrat-Thin'), url('fonts/Montserrat-Thin.ttf');\r\n\tfont-display: swap;\r\n}\r\n","@charset \"UTF-8\";\r\n/*ver->2.0std-02-08-2019*/\r\n// Zmienne wymagane przez framework ========================================================================= */\r\n// ==== base ====\r\n$base-font-size: 16px;\r\n$base-font-color: #777;\r\n$h-font-color: #707070;\r\n$base-font: lato, tahoma, arial, sans-serif;\r\n$headers-font: Montserrat, tahoma, arial, sans-serif;\r\n\r\n$grid-max-width: 1180px; // maksymalna szerokość zawartości\r\n$grid-alt-max-width: 1410px; // alternatywna maksymalna szerokość zawartości\r\n\r\n$grid-v-margin: 30px; // pionowy odstęp między elementami siatki\r\n$grid-h-margin: 30px; // poziomy odstęp między elementami siatki\r\n$page-section-padding: 50px; // poziomy padding sekcji strony i sekcji artykułu\r\n$start-page-section-padding: 90px; // poziomy padding sekcji strony i sekcji artykułu na stronie głównej\r\n\r\n// Przyciski ====================\r\n$button-height: 40px;\r\n$button-color: #fff;\r\n$button-background: #001e28;\r\n$button-hover-color: #fff;\r\n$button-hover-background: lighten(#001e28,15%);\r\n\r\n$alt-button-height: 40px;\r\n$alt-button-color: #001e28;\r\n$alt-button-background: transparent;\r\n$alt-button-hover-color: #fff;\r\n$alt-button-hover-background: #001e28;\r\n\r\n// Góra i dół strony ============\r\n$top-height: 40px;\r\n$top-main-height: 40px;\r\n$top-sticked-height: 40px;\r\n$top-mobile-height: 40px;\r\n\r\n$system-foot-height: 60px;\r\n\r\n// Media ============\r\n$max-mobile-width: 700px;\r\n$max-tablet-width: 1200px;\r\n\r\n$show-mobile-menu: 900px; //wyświetla mobilne menu przy rozdzielczosci mniejszej niz wskazana\r\n$mobile-button-width: 50px; //wymiary przycisku otwierającego mobilne menu\r\n$mobile-menu-width: 390px;  //maksymalna szerokość mobilnego menu\r\n\r\n$grid-mobile-v-margin: 15px; // pionowy odstęp między elementami siatki mobilnej\r\n$grid-mobile-h-margin: 20px; // poziomy odstęp między elementami siatki mobilnej\r\n\r\n$tablet-page-section-padding: 50px; // poziomy odstęp między sekcjami w mobile\r\n$mobile-page-section-padding: 30px; // poziomy odstęp między sekcjami w mobile\r\n//=============================================================================================================\r\n// == ZMIENNE LOKALNE ==\r\n\r\n// -- kolory ogólne --\r\n$base-color: #001E28FF;\r\n$base-color2: #FFB400FF;\r\n\r\n$footer-bg: #001E28FF;\r\n\r\n// -- fonty --\r\n$link-color: #FFB400FF;\r\n\r\n// -- tabela --\r\n$th-color: $base-color;\r\n$td-color: #fff;\r\n$td-odd-color: #eee;\r\n","@import \"theme-vars\";\r\n@import \"mixins\";\r\n\r\n$form-height: $button-height;\r\n$form-border: 1px solid #ddd;\r\n$form-border-radius: 2px;\r\n\r\n$form-v-margin: 10px;\r\n$form-h-margin: 10px;\r\n\r\n$field-background: #fff;\r\n$select-background: #000;\r\n$checked-background: #000;\r\n\r\n$switch-on-background: #04AA6D;\r\n$switch-off-background: #eee;\r\n\r\n/* ================= FORMULARZE ================ */\r\nlabel {\r\n\tcolor: lighten ( $base-font-color, 10% );\r\n\tfont-size: $base-font-size;\r\n\ttext-transform: none;\r\n\tmargin-top: 10px;\r\n}\r\nspan + label {\r\n\tmargin-top: 0;\r\n}\r\ninput, select, textarea, .input-placeholder {\r\n\tmargin: 0;\r\n\tborder: $form-border;\r\n\tborder-radius: $form-border-radius;\r\n\tbackground: $field-background;\r\n\theight: $form-height;\r\n\tline-height: 1;\r\n}\r\n.submit-controls {\r\n\tpadding-top: 10px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: flex-end;\r\n}\r\n.submit-controls > div {\r\n\twidth: auto;\r\n\tmargin-right: 20px;\r\n}\r\n.submit-controls > div:last-child {\r\n\tmargin-right: 0;\r\n}\r\n.submit-area {\r\n\tdisplay: block;\r\n\ttext-align: right;\r\n}\r\n.submit-area .button {\r\n\tmargin:0;\r\n}\r\n.input-wrapper {\r\n\tpadding: 0 0 $form-h-margin 0;\r\n\twidth: 100%;\r\n\tposition: relative;\r\n}\r\n.form-fields-wrapper {\r\n\tmargin-right: -$form-v-margin;\r\n\twidth: 100%;\r\n}\r\n.columns .form-fields-wrapper {\r\n\twidth: auto;\r\n}\r\n// required\r\n//.input-wrapper.required:before {\r\n//\tcontent:'*';\r\n//\tcolor:#f3371d;\r\n//\tposition: absolute;\r\n//\ttop: 0;\r\n//\tright: 8px;\r\n//\theight: $form-height;\r\n//\tleft:auto;\r\n//\tfont-size:1.1rem;\r\n//\tline-height: 1;\r\n//\tdisplay:flex !important;\r\n//\talign-items: center;\r\n//\tjustify-content: center;\r\n//\tbackground:none;\r\n//}\r\n/* ================= formularze nowe ================ */\r\n/* ---- placeholdery pól ---- */\r\ninput, textarea {\r\n\t::-webkit-input-placeholder { /* Chrome/Opera/Safari */\r\n    color: #333;\r\n    opacity: 0.4;\r\n  }\r\n  ::-moz-placeholder { /* Firefox 19+ */\r\n    color: #333;\r\n    opacity: 0.4;\r\n  }\r\n  :-ms-input-placeholder { /* IE 10+ */\r\n    color: #333;\r\n    opacity: 0.4;\r\n  }\r\n  :-moz-placeholder { /* Firefox 18- */\r\n    color: #333;\r\n    opacity: 0.4;\r\n  }\r\n}\r\n\r\n// input type=\"number\"\r\n/* Chrome, Safari, Edge, Opera */\r\ninput::-webkit-outer-spin-button,\r\ninput::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n}/* Firefox */\r\ninput[type=number] {\r\n -moz-appearance: textfield;\r\n}\r\n.input-number {\r\n\tdisplay: flex;\r\n\tflex-wrap: nowrap;\r\n\talign-items: center;\r\n\tjustify-content: flex-start;\r\n\twidth: (3 * $form-height);\r\n\tmax-width: (3 * $form-height);\r\n}\r\n.input-number input {\r\n\twidth: $form-height;\r\n\ttext-align: center;\r\n}\r\n.input-number > span {\r\n\theight: $form-height;\r\n\twidth: $form-height;\r\n\tbox-sizing: border-box;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tcursor: pointer;\r\n\tbackground-color: #fff;\r\n\ttransition: all 300ms;\r\n}\r\n.input-number > span.down {\r\n\tborder-top: $form-border;\r\n\tborder-left: $form-border;\r\n\tborder-bottom: $form-border;\r\n}\r\n.input-number > span.up {\r\n\tborder-top: $form-border;\r\n\tborder-right: $form-border;\r\n\tborder-bottom: $form-border;\r\n}\r\n.input-number > span.up:after, .input-number > span.down:after {\r\n\tline-height: 1;\r\n}\r\n.input-number > span.up:after {\r\n\tcontent: url('graphics/commerce/plus.png');\r\n}\r\n.input-number > span.down:after {\r\n\tcontent: url('graphics/commerce/minus.png');\r\n}\r\n// hover\r\n.input-number > span.down:hover, .input-number > span.up:hover {\r\n\tbackground: #eee;\r\n}\r\n\r\n.select-placeholder {\r\n\tcolor: lighten( #333, 40% );\r\n}\r\n\r\n/* ----- select ----- */\r\n.s-hidden {\r\n\tvisibility:hidden;\r\n\tpadding-right:10px;\r\n}\r\n.select {\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  position: relative;\r\n\ttext-align: left;\r\n\tbox-sizing: border-box;\r\n\theight: $form-height;\r\n\tmargin: 0;\r\n\twidth: 100%;\r\n}\r\n.styledSelect {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\tbackground-color: $field-background;\r\n\tpadding: 0px 40px 0 10px;\r\n\tfont-weight: normal;\r\n\tborder: $form-border;\r\n\tborder-radius: $form-border-radius;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: flex-start;\r\n}\r\n.styledSelect:after {\r\n\tcontent:\"\";\r\n\twidth:0;\r\n\theight:0;\r\n\tborder:5px solid transparent;\r\n\tborder-color:black transparent transparent transparent;\r\n\tposition:absolute;\r\n\ttop: ($form-height / 2) - 2;\r\n\tright:10px;\r\n}\r\n.styledSelect:active, .styledSelect.active {\r\n\tbackground-color:#efefef;\r\n}\r\n.options {\r\n\tdisplay:none;\r\n\tposition:absolute;\r\n\ttop:100%;\r\n\tright:0;\r\n\tleft:0;\r\n\tz-index:999;\r\n\tmargin:0 0;\r\n\tpadding:0 0;\r\n\tlist-style:none;\r\n\tborder: $form-border;\r\n\tbackground-color: white;\r\n\t-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);\r\n\t-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);\r\n\tbox-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\r\n}\r\n.options li {\r\n\tpadding:0 6px;\r\n\tmargin:0 0;\r\n\tpadding:0 10px;\r\n}\r\n/* -- SELECT HOVER -- */\r\n.options li:hover {\r\n\tbackground-color: $select-background;\r\n\tcolor: #fff;\r\n}\r\n/* INNY SELECT */\r\n.select2-container .select2-selection--single {\r\n\theight: $form-height;\r\n\r\n}\r\n.select2-container .select2-selection--single .select2-selection__rendered {\r\n\tpadding: 9px 15px;\r\n}\r\n.select2-container--default .select2-selection--single .select2-selection__arrow {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tmargin-top: -13px;\r\n}\r\n.select2-results ul, .select2-results ul li {\r\n\ttext-align: left;\r\n\tmargin:0;\r\n}\r\n.select2-results ul li {\r\n\tpadding: 9px 15px;\r\n}\r\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\r\n\tbackground: #111;\r\n\tcolor: #fff;\r\n}\r\n.select2-container {\r\n\twidth: 100% !important;\r\n}\r\n/* --- input type=radio, input type=checkbox --- */\r\ninput[type=\"checkbox\"] + label, input[type=\"radio\"] + label {\r\n\tpadding:0;\r\n\t@include flex(flex-start, flex-start);\r\n\tflex-wrap: nowrap;\r\n\tcursor: pointer;\r\n\tmargin: 0;\r\n\tline-height: 1.5;\r\n}\r\ninput[type=\"checkbox\"] + label::before {\r\n\tcontent: '\\a0';\r\n\tdisplay: inline-block;\r\n\tvertical-align: 0.2em;\r\n\twidth: 22px;\r\n\tmax-width:22px;\r\n\tmin-width:22px;\r\n\theight: 22px;\r\n\tmargin-right: 10px;\r\n\tmargin-top: 2px;\r\n\tbackground: #fff;\r\n\tborder: $form-border;\r\n\tborder-radius: $form-border-radius;\r\n\ttext-indent: 0.15em;\r\n\tline-height: 1;\r\n\tcolor: #fff;\r\n\tfont-size: 20px;\r\n}\r\n//input[type=\"checkbox\"][required] + label span::after {\r\n//\tcontent:'*';\r\n//\tcolor:#f3371d;\r\n//\ttop: -2px;\r\n//\tleft: 26px;\r\n//\tdisplay:inline !important;\r\n//\tbackground:none;\r\n//}\r\ninput[type=\"checkbox\"]:checked + label::before {\r\n\tcontent: '\\2713';\r\n\tbackground: $checked-background;\r\n}\r\ninput[type=\"checkbox\"] {\r\n\tposition: absolute;\r\n\tclip: rect(0,0,0,0);\r\n}\r\n\r\ninput[type=\"radio\"] + label::before {\r\n\tcontent: '\\a0';\r\n\tdisplay: inline-block;\r\n\tvertical-align: 0.2em;\r\n\twidth: 22px;\r\n\theight: 22px;\r\n\tmax-width:22px;\r\n\tmin-width:22px;\r\n\tmargin-right: 10px;\r\n\tbackground:#fff;\r\n\tborder: $form-border;\r\n\tborder-radius:100%;\r\n\ttext-indent: 0.15em;\r\n\tline-height: 1;\r\n\tcolor:#fff;\r\n\tfont-size: 20px;\r\n}\r\ninput[type=\"radio\"]:checked + label::before {\r\n\tcontent: '\\2713';\r\n\tbackground: $checked-background;\r\n}\r\ninput[type=\"radio\"] {\r\n\tposition: absolute;\r\n\tclip: rect(0,0,0,0);\r\n}\r\n.checklist.rodo label {\r\n\tfont-size:0.7rem;\r\n}\r\n.checklist.wrapper {\r\n\tdisplay: block;\r\n\tborder: 1px solid #ddd;\r\n\tborder-radius: $form-border-radius;\r\n\tpadding: $form-h-margin $form-v-margin;\r\n}\r\n.checklist.wrapper > label {\r\n\tmargin-bottom: $form-h-margin;\r\n}\r\n.checklist.wrapper > label:last-child {\r\n\tmargin-bottom: 0;\r\n}\r\n/* === DISABLED === */\r\ninput[type=checkbox][disabled] + label {\r\n\topacity: 0.8;\r\n}\r\ninput[type=checkbox][disabled] + label:before {\r\n\tbackground-color: #f0f0f0;\r\n\topacity: 0.8;\r\n}\r\ninput[type=radio][disabled] + label {\r\n\topacity: 0.8;\r\n}\r\ninput[type=radio][disabled] + label:before {\r\n\tbackground-color: #f0f0f0;\r\n\topacity: 0.8;\r\n}\r\ninput[disabled=\"disabled\"] {\r\n\tbackground-color: #f0f0f0;\r\n}\r\n/* === swith toggle === */\r\n.onoffswitch {\r\n\t\tposition: relative;\r\n\t\twidth: 90px;\r\n\t\t-webkit-user-select:none;\r\n\t\t-moz-user-select:none;\r\n\t\t-ms-user-select: none;\r\n}\r\n.onoffswitch-checkbox {\r\n\t\tposition: absolute;\r\n\t\topacity: 0;\r\n}\r\n.onoffswitch-label {\r\n\t\tdisplay: block;\r\n\t\toverflow: hidden;\r\n\t\tcursor: pointer;\r\n\t\tborder: 1px solid $base-font-color;\r\n\t\tborder-radius: 20px;\r\n\t\tdisplay: block !important;\r\n}\r\n.onoffswitch-checkbox[disabled=\"\"] + .onoffswitch-label {\r\n\topacity: 0.6;\r\n\tpointer-events: none;\r\n}\r\n.onoffswitch-label:before {\r\n\tdisplay: none !important;\r\n}\r\n.onoffswitch-inner {\r\n\t\tdisplay: block;\r\n\t\twidth: 200%;\r\n\t\tmargin-left: -100%;\r\n\t\ttransition: margin 0.3s ease-in 0s;\r\n}\r\n.onoffswitch-inner:before, .onoffswitch-inner:after {\r\n\t\tdisplay: block;\r\n\t\tfloat: left;\r\n\t\twidth: 50%;\r\n\t\theight: 30px;\r\n\t\tpadding: 0;\r\n\t\tline-height: 30px;\r\n\t\tfont-size: 14px;\r\n\t\tcolor: white;\r\n\t\tfont-family: $headers-font;\r\n\t\tbox-sizing: border-box;\r\n}\r\n.onoffswitch-inner:before {\r\n\t\tcontent: \"ON\";\r\n\t\tpadding-left: 10px;\r\n\t\tbackground-color: $switch-on-background;\r\n\t\tcolor: #FFFFFF;\r\n}\r\n.onoffswitch-inner:after {\r\n\t\tcontent: \"OFF\";\r\n\t\tpadding-right: 10px;\r\n\t\tbackground-color: $switch-off-background;\r\n\t\tcolor: $base-font-color;\r\n\t\ttext-align: right;\r\n}\r\n.onoffswitch-switch {\r\n\t\tdisplay: block;\r\n\t\twidth: 18px;\r\n\t\tmargin: 6px;\r\n\t\tbackground: #FFFFFF;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 56px;\r\n\t\tborder: 1px solid $base-font-color;\r\n\t\tborder-radius: 20px;\r\n\t\ttransition: all 0.3s ease-in 0s;\r\n}\r\n.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {\r\n\t\tmargin-left: 0;\r\n}\r\n.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {\r\n\t\tright: 0px;\r\n}\r\n/* =============== zestawy pól ============== */\r\n.input-combo {\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\tjustify-content: flex-start;\r\n\tflex-wrap: wrap;\r\n}\r\n.input-combo > div {\r\n\tflex: 1;\r\n\tmargin-right: $form-v-margin;\r\n}\r\n.input-combo > div:last-child {\r\n\tmargin-right: 0;\r\n}\r\n.input-combo > div.post-code {\r\n\tflex: 0.5;\r\n}\r\n/* ================ Klasy specjalne ============= */\r\n.question-label {\r\n\tdisplay: block;\r\n\tmargin-top: 20px;\r\n}\r\nspan + .question-label {\r\n\tmargin-top:0;\r\n}\r\n","// ==== ELEMENTY UKŁADU ==== //\r\n\r\n// układ flexbox\r\n@mixin flex($align: center, $justify: center, $margin: 0) {\r\n  display: flex;\r\n  align-items: $align;\r\n  justify-content: $justify;\r\n  @if ($margin != 0) {\r\n    >* {\r\n      margin-right: $margin !important;\r\n    }\r\n    >:last-child {\r\n      margin-right:0 !important;\r\n    }\r\n  }\r\n}\r\n@mixin inline-flex($align: center, $justify: center, $margin: 0) {\r\n  display: inline-flex;\r\n  align-items: $align;\r\n  justify-content: $justify;\r\n  @if ($margin != 0) {\r\n    >* {\r\n      margin-right: $margin !important;\r\n    }\r\n    >:last-child {\r\n      margin-right:0 !important;\r\n    }\r\n  }\r\n}\r\n\r\n// ==== ELEMENTY UKŁADOWE ==== //\r\n// wyśrodkowanie absolutne\r\n\r\n@mixin center($position) {\r\n  position: absolute;\r\n\r\n  @if $position == 'vertical' {\r\n    top: 50%;\r\n    -webkit-transform: translateY(-50%);\r\n    -ms-transform: translateY(-50%);\r\n    transform: translateY(-50%);\r\n  }\r\n  @else if $position == 'horizontal' {\r\n    left: 50%;\r\n    -webkit-transform: translateX(-50%);\r\n    -ms-transform: translateX(-50%);\r\n    transform: translate(-50%);\r\n  }\r\n  @else if $position == 'both' {\r\n    top: 50%;\r\n    left: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    -ms-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n  }\r\n}\r\n\r\n// ==== ELEMENTY TŁA i OBRAZÓW ==== //\r\n\r\n// obrazy w tle cover\r\n@mixin bg-image($file: none, $bg-color: none) {\r\n  @if ($file != none) {\r\n    background-image:url(\"graphics/#{$file}\");\r\n  }\r\n\t\t\r\n  background-color:$bg-color;\r\n  background-position:center center;\r\n  background-repeat:no-repeat;\r\n  background-size: cover;\r\n}\r\n\r\n// maska w tle\r\n@mixin mask($color, $alpha) {\r\n  z-index:0;\r\n  &:before {\r\n    content:'';\r\n    position:absolute;\r\n    top:0;right:0;left:0;bottom:0;\r\n    background-color:rgba( $color, $alpha ) !important;\r\n    z-index: 1;\r\n  }\r\n  > * {\r\n    position:relative;\r\n    z-index:2;\r\n  }\r\n}\r\n\r\n@mixin gradient-mask($deg, $color, $color2: transparent, $alpha: 1) {\r\n  z-index:0;\r\n  &:after {\r\n    content:'';\r\n    position:absolute;\r\n    top:0;right:0;left:0;bottom:0;\r\n    z-index: 1;\r\n    background: linear-gradient($deg, $color, $color2);\r\n    opacity: $alpha;\r\n  }\r\n  > * {\r\n    position:relative;\r\n    z-index:2;\r\n  }\r\n}\r\n\r\n// dodanie ikorki przez before\r\n@mixin before-img($file, $width: 100px, $height: $width) {\r\n  position:relative;\r\n  padding-left: $width+($width/2);\r\n  &:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;left: 0;\r\n    width: $width;\r\n    height: $height;\r\n    \r\n    @if ($file != none) {\r\n      background-image:url(\"graphics/#{$file}\");\r\n    }\r\n      background-color:none;\r\n      background-repeat:no-repeat;\r\n      background-position:top center;\r\n      background-size: contain;\r\n      background-origin: content-box;\r\n    }\r\n}\r\n//obraz jako tekst - np nagłówek w kolorze obrazu lub gradientu\r\n@mixin font-bg($color, $file: none) {\r\n  background: $color;\r\n  -webkit-background-clip: text;\r\n\t-webkit-text-fill-color: transparent;\r\n\t-moz-background-clip: text;\r\n\t-moz-text-fill-color: transparent;\r\n  @if ($file != none) {\r\n      background-image:url(\"graphics/#{$file}\");\r\n      background-repeat:no-repeat;\r\n      background-position:top center;\r\n      background-size: cover;\r\n  }\r\n}\r\n// ==== KSZTAŁTY ==== //\r\n@mixin triangle($direction, $color, $height, $width: $height) {\r\n    // Base styles for all triangles\r\n    border-style: solid;\r\n    height: 0;\r\n    width: 0;\r\n    // Cardinal Directions - can't be scalene this way\r\n    @if($direction == 'top') {\r\n        border-color: transparent transparent $color transparent;\r\n        border-width: 0 ($width/2) $height ($width/2);\r\n    }\r\n    @if ($direction == 'bottom') {\r\n        border-color: $color transparent transparent transparent;\r\n        border-width: $height ($width/2) 0 ($width/2);\r\n    }\r\n    @if ($direction == 'right') {\r\n        border-color: transparent transparent transparent $color;\r\n        border-width: ($height/2) 0 ($height/2) $width;\r\n    }\r\n    @if ($direction == 'left') {\r\n        border-color: transparent $color transparent transparent;\r\n        border-width: ($height/2) $width ($height/2) 0;\r\n    }\r\n    // Ordinal Directions - can be scalene this way!\r\n    @if ($direction == 'top-left') {\r\n        border-color: $color transparent transparent transparent;\r\n        border-width: $height $width 0 0;\r\n    }\r\n    @if ($direction == 'top-right') {\r\n        border-color: transparent $color transparent transparent;\r\n        border-width: 0 $width $height 0;\r\n    }\r\n    @if ($direction == 'bottom-left') {\r\n        border-color: transparent transparent transparent $color;\r\n        border-width: $height 0 0 $width;\r\n    }\r\n    @if ($direction == 'bottom-right') {\r\n        border-color: transparent transparent $color transparent;\r\n        border-width: 0 0 $height $width;\r\n    }\r\n}\r\n// ==== INNE ==== //\r\n// tekst elipsis - truncate CSSowy\r\n@mixin truncate($width: auto) {\r\n  width: $width;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n@mixin truncate-line($line) {\r\n  overflow: hidden;\r\n  \r\n  display:box;\r\n  box-orient: vertical;\r\n  line-clamp: $line;\r\n  \r\n  display:-moz-box;\r\n  -moz-box-orient: vertical;\r\n  -moz-line-clamp: $line;\r\n  \r\n  display:-webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: $line;\r\n}\r\n\r\n// placeholdery w formularzach\r\n@mixin placeholder($color, $font-style: none) {\r\n  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */\r\n    color: $color;\r\n    font-style: $font-style;\r\n    opacity: 0.4;\r\n  }\r\n  ::-moz-placeholder { /* Firefox 19+ */\r\n    color: $color;\r\n    font-style: $font-style;\r\n    opacity: 0.4;\r\n  }\r\n  :-ms-input-placeholder { /* IE 10+ */\r\n    color: $color;\r\n    font-style: $font-style;\r\n    opacity: 0.4;\r\n  }\r\n  :-moz-placeholder { /* Firefox 18- */\r\n    color: $color;\r\n    font-style: $font-style;\r\n    opacity: 0.4;\r\n  }\r\n}",".main-sidebar {\n  height: inherit;\n  min-height: 100%;\n  position: absolute;\n  top: 0;\n  box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);\n  overflow-y: hidden;\n  z-index: 1038;\n  background-color: #001e28;\n  transition: margin-left .3s ease-in-out,width .3s ease-in-out;\n  width: 250px;\n}\n\n.brand-link {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.25rem;\n  line-height: 1.5;\n  padding: 40px 0.5rem;\n  height: 80px;\n  transition: width .3s ease-in-out;\n  white-space: nowrap;\n  border-bottom: 1px solid #4b545c;\n  color: #fffc;\n}\n.brand-link:hover{\n  color: white;\n}\n.sidebar {\n  overflow-x: none;\n  overflow-y: auto;\n  padding: 0 0.5rem;\n}\n\n.user-panel {\n  position: relative;\n  //border-bottom: 1px solid #4f5962;\n  //overflow: hidden;\n  white-space: nowrap;\n  //padding-bottom: 1rem;\n  //margin-bottom: 1rem;\n  //margin-top: 1rem;\n  display: flex;\n  box-sizing: border-box;\n}\n.user-panel .info {\n  display: inline-block;\n  padding: 5px 5px 5px 10px;\n  transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;\n  overflow: hidden;\n  white-space: nowrap;\n}\n//.user-panel .info a:hover{\n//  color: ;\n//}\n\n.user-panel .image {\n  display: inline-block;\n  padding-left: 0.8rem;\n}\n.user-panel img {\n  height: auto;\n  width: 2.1rem;\n  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);\n  border-radius: 50%;\n  vertical-align: middle;\n  border-style: none;\n}\n.sidebar a {\n  color: #c2c7d0;\n}\ndiv.site-nav {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  padding-left: 0;\n  list-style: none;\n  white-space: nowrap;\n  position: relative;\n  margin-bottom: 0;\n  margin-top: 1rem;\n}\n\n.nav-item {\n  margin-bottom: 0;\n  margin-left: 0;\n}\n.nav-item > .nav-link {\n  display: block;\n  padding: 0.5rem 1rem;\n  position: relative;\n  transition: width ease-in-out .3s;\n  white-space: nowrap;\n  margin-bottom: 0.2rem;\n  color: #c2c7d0;\n  border-radius: 0.25rem;\n}\n.nav-item > .nav-link:focus,\n.nav-item > .nav-link:hover {\n  background-color: rgba(255, 255, 255, 0.1);\n  color: #fff;\n}\n.nav-link p {\n  display: inline;\n  margin: 0;\n  white-space: normal;\n}\n","//@import \"sass/framework-reset\";\r\n//@import \"sass/framework-fonts\";\r\n//@import \"sass/framework-buttons\";\r\n//@import \"sass/framework-basic-elements\";\r\n//@import \"sass/framework-block-elements\";\r\n//@import \"sass/framework-forms\";\r\n//@import \"sass/framework-layouts\";\r\n//@import \"sass/framework-component-commerce\";\r\n\r\n@import \"sass/theme-fonts\";\r\n\r\n@import \"sass/theme-vars\";\r\n@import \"sass/framework-shapes\";\r\n\r\n\r\n@import \"sass/mixins\";\r\n\r\n@import \"sass/forms\";\r\n\r\n@import \"sass/hinter/main-sidebar\";\r\n\r\n// ==========================================================================================================\r\n// Reset ====================================================================================================\r\nul {\r\n}\r\nul li::marker {\r\n}\r\n// ==========================================================================================================\r\n// Czcionki =================================================================================================\r\nhtml, body, input, textarea {\r\n\r\n}\r\nh1, h2, h3, h4, h5, h6 {\r\n  margin: 1.5em 0 0.8em 0;\r\n  line-height: 1.2;\r\n  letter-spacing: 1px;\r\n}\r\nh1 {\r\n  font-size: 1.9em;\r\n}\r\nh2 {\r\n  font-size: 1.8em;\r\n}\r\nh3 {\r\n  font-size: 1.5em;\r\n}\r\nh4 {\r\n  font-size: 1.4em;\r\n}\r\nh5 {\r\n  font-size: 1.2em;\r\n}\r\nh6 {\r\n  font-size: 1em;\r\n  font-weight: bold;\r\n}\r\n#START h1 {\r\n  font-size: 4.8em;\r\n}\r\n#START h2 {\r\n  font-size: 3.8rem;\r\n}\r\nspan.subtitle {\r\n}\r\na {\r\n  color: $base-color;\r\n  text-decoration: none;\r\n  transition: color linear 200ms;\r\n}\r\na:hover {\r\n  color: $link-color;\r\n  text-decoration: none;\r\n}\r\n.ps-image:after,\r\n.opSlider-inner:after{\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 1;\r\n  background: rgb(0,0,0);\r\n  background: -moz-linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%);\r\n  background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%);\r\n  background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%);\r\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#000000\",endColorstr=\"#000000\",GradientType=1);\r\n}\r\n\r\n#TOP{\r\n  background: #001e28;\r\n}\r\nnav.desktop .nav-button > a {\r\n  color: #F5F5F5;\r\n}\r\n#CANVAS {\r\n  background-color: rgb(244 246 249);\r\n}\r\n.container {\r\n  padding: 0 40px;\r\n}\r\n.header-page{\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  flex-wrap: nowrap;\r\n  min-height: 60px;\r\n}\r\n\r\n.header-page .header-title{\r\n  flex: 1;\r\n  overflow: hidden;\r\n}\r\n.header-page .header-user-panel{\r\n  min-width: 200px;\r\n}\r\n// ==========================================================================================================\r\n// Przyciski ================================================================================================\r\n// Przycisk bazowy -----------------------------------\r\n.button.disabled{\r\n  cursor: default;\r\n  color: #bbb!important;\r\n  border: solid 1px #bbb !important;\r\n  background: transparent!important;\r\n}\r\n.button {\r\n  font-size: 10px;\r\n  letter-spacing: 0.5px;\r\n  text-transform: uppercase;\r\n  font-weight: normal;\r\n\r\n  border: none;\r\n  border-radius: 2px;\r\n}\r\n:hover.button {\r\n}\r\n.buttons{\r\n  display: flex;\r\n}\r\n.buttons > *{\r\n  flex: 1;\r\n}\r\n// Przycisk alternatywny -----------------------------\r\n.button.alt {\r\n  color: $alt-button-color;\r\n  border: solid 1px $alt-button-color;\r\n  background: transparent;\r\n}\r\n:hover.button.alt {\r\n  color: #001e28;\r\n  border-color: #ffb400;\r\n}\r\n.button.alt svg .st0 { //działa tylko z niektórymi svg\r\n}\r\n.button.alt.urhere{\r\n  color: #001e28;\r\n  border-color: #ffb400;\r\n}\r\n// Przycisk tekstowy -------------------\r\n.button.txt {\r\n  height: 2em;\r\n  padding: 0;\r\n  background: none;\r\n  color: $h-font-color;\r\n  min-width: 0;\r\n  padding-right: 35px;\r\n}\r\n.button.txt:after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 5px;\r\n  bottom: 0;\r\n  width: 18px;\r\n  background-image: url(\"graphics/svg/right-arrow.svg\");\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  background-size: 100%;\r\n  transition: right 300ms\r\n}\r\n.button.txt:hover:after {\r\n  right: 0;\r\n}\r\n// Przycisk Call To Action ---------------------------\r\n.button.cta {\r\n  color: #001e28;\r\n  border: solid 1px #ffb400;\r\n  background: #ffb400;\r\n}\r\n:hover.button.cta {\r\n  color: #001e28;\r\n  border-color: lighten(#ffb400,10%);\r\n  background: lighten(#ffb400,10%);\r\n}\r\n// przyciski do pliku\r\n.button.file-btn {\r\n  padding-right: 25px + $button-height;\r\n}\r\n.button.file-btn:after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  height: $button-height;\r\n  width: $button-height;\r\n  box-sizing: border-box;\r\n  background-image: url('graphics/download.png');\r\n  background-color: darken($button-background, 10%);\r\n  background-repeat: no-repeat;\r\n  background-size: 40%;\r\n  background-position: center;\r\n  background-origin: content-box;\r\n}\r\n// przyciski z ikonką w spanie\r\n.button.ico-left, .button.ico-right{\r\n  background: $button-background;\r\n  border: 0;\r\n  color: $button-color;\r\n  box-shadow: none;\r\n  text-shadow: none;\r\n  transition: all 300ms;\r\n}\r\n.button.ico-left:hover, .button.ico-right:hover{\r\n  background: #000;\r\n}\r\n.button.ico-left {\r\n  padding-left: $button-height;\r\n}\r\n.button.ico-right {\r\n  padding-right: $button-height;\r\n}\r\n.button.ico-left .ico, .button.ico-right .ico {\r\n  position: absolute;\r\n  top:0;\r\n  padding: 5px;\r\n  box-sizing: border-box;\r\n  height: $button-height;\r\n  width: $button-height;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 300ms;\r\n}\r\n.button.ico-left .ico {\r\n  left:0;\r\n}\r\n.button.ico-right .ico {\r\n  right:0;\r\n}\r\n.button.ico-left .ico i , .button.ico-right .ico i{\r\n  font-size: 20px;\r\n  color: rgb(146 165 186);\r\n}\r\n\r\n.button.alt.ico-left, .button.alt.ico-right, .button.alt.ico-left:hover, .button.alt.ico-right:hover {\r\n  background: $alt-button-background;\r\n  border: solid 1px $alt-button-color;\r\n  color: $alt-button-color;\r\n  box-shadow: none;\r\n  text-shadow: none;\r\n  transition: all 300ms;\r\n}\r\n// ==========================================================================================================\r\n// Podstawowe składowe interfejsu ===========================================================================\r\n\r\n.updated {\r\n  font-size: 0.9rem;\r\n  font-weight: bold;\r\n  color: $base-color2;\r\n}\r\n\r\n// --- social sharing --- //\r\n.social-sharing-module {\r\n  @include flex(center, flex-start);\r\n  padding-top: $grid-h-margin;\r\n  border-top: 1px solid #ddd;\r\n}\r\n.social-sharing-module > span.sharing-title {\r\n  margin: 0;\r\n  margin-right: 1.8em;\r\n  font-size: 1.1em;\r\n}\r\n#copy_link_sharing {\r\n  position: relative;\r\n}\r\n#copy_link_sharing:after {\r\n  content: '\\2713';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  font-size: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #519c46;\r\n  color: #fff;\r\n  border-radius: 50%;\r\n  transition: all 500ms;\r\n  transform: scale(0);\r\n}\r\n#copy_link_sharing.link-copied:after {\r\n  transform: scale(1);\r\n}\r\n// links\r\n.links ul li {\r\n  list-style: none;\r\n  margin-left: 0;\r\n}\r\n.links ul li a {\r\n  text-decoration: none;\r\n  transition: all 300ms;\r\n}\r\n\r\n// video\r\n.video-wrapper .mp4-video video {\r\n  display: block;\r\n  max-width: 100%;\r\n}\r\n// tabele\r\n.summary-table{\r\n  border-top: none;\r\n}\r\n.summary-table .summary-item-name{\r\n  border-top: 1px solid rgb(221 221 221);\r\n  width: 20%;\r\n}\r\n.summary-table .summary-item-value{\r\n  border-top: 1px solid rgb(221 221 221);\r\n  width: 60%;\r\n}\r\n.summary-table .summary-item-hide{\r\n  width: 20%;\r\n}\r\n.summary-table td.summary-item-hide{\r\n  background: transparent;\r\n  border: none;\r\n}\r\n.data-table {\r\n  margin-top: 20px;\r\n}\r\n\r\n.data-table-row {\r\n  @include flex(stretch, flex-start);\r\n  border-bottom: 1px solid #ddd;\r\n  cursor: pointer;\r\n}\r\n\r\n.data-table-cell {\r\n  flex: 1;\r\n  padding: 8px;\r\n  border-right: 1px solid #ddd;\r\n  height: 40px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.data-table-row:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.data-table-row.head:hover {\r\n  background: none;\r\n}\r\n\r\n.data-table-row:hover .data-table-cell.name > .progress {\r\n  background: #e9e9e9;\r\n}\r\n\r\n.data-table-row.head > .data-table-cell {\r\n  background: #f0f0f0;\r\n  color: #999;\r\n  text-align: center;\r\n}\r\n\r\n.data-table-row.head > .data-table-cell.btn-cell {\r\n  background: #fff;\r\n  border: 0;\r\n}\r\n\r\n.data-table-row > .data-table-cell.btn-cell {\r\n  max-width: 40px;\r\n  padding: 0;\r\n  position: relative;\r\n}\r\n\r\n.data-table-cell.btn-cell > .button {\r\n  margin: 0;\r\n  border-radius: 0;\r\n}\r\n\r\n.data-table-row > .data-table-cell.btn-cell > input[type=\"checkbox\"] + label {\r\n  margin: 0;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.data-table-row > .data-table-cell.btn-cell > input[type=\"checkbox\"] + label:before {\r\n  margin: 0;\r\n}\r\n\r\n.data-table-row .rwd-head {\r\n  display: none;\r\n}\r\n\r\n.data-table-row:last-child {\r\n  border-bottom: 1px solid #ddd;\r\n}\r\n\r\n.data-table-cell:first-child {\r\n  text-align: left;\r\n  border-left: 1px solid #ddd;\r\n}\r\n\r\n.data-table-cell:last-child {\r\n  text-align: right;\r\n}\r\n\r\n.data-table-cell.left {\r\n  text-align: left;\r\n}\r\n\r\n.data-table-cell.center {\r\n  text-align: center;\r\n}\r\n\r\n.data-table-cell.right {\r\n  text-align: right;\r\n}\r\n\r\n.data-table-cell.has-input {\r\n  position: relative;\r\n}\r\n\r\n.data-table-cell.has-input > * {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  margin: 0;\r\n  height: 100%;\r\n  border: 0;\r\n}\r\n\r\n.data-table-cell.has-input .styledSelect {\r\n  border: 0;\r\n  background: transparent;\r\n  white-space: nowrap;\r\n}\r\n\r\n.data-table-cell.name {\r\n  flex: 2;\r\n  width: 100%;\r\n  position: relative;\r\n  @include truncate();\r\n  cursor: pointer;\r\n  text-align: left;\r\n}\r\n.data-table-cell.client_name {\r\n  position: relative;\r\n  @include truncate();\r\n  text-align: left;\r\n}\r\n.data-table-cell.has-input {\r\n  position: relative;\r\n  text-align: left;\r\n}\r\n\r\n.btn-cell .button.alt{\r\n  height: $button-height;\r\n  min-width: $button-height;\r\n  padding-left: 0;\r\n  background: #c5ced4;\r\n  border: 0;\r\n}\r\n\r\n.btn-cell .button.alt{\r\n  background: #92a5ba;\r\n}\r\n\r\n\r\n.btn-cell .button.alt:hover{\r\n  border: 0;\r\n  background: #c8d2dc;\r\n}\r\n\r\n//Panel\r\n.side-panel, .side-panel.hidden {\r\n  display: block !important;\r\n  position: fixed;\r\n  top: 0;\r\n  right: -1200px;\r\n  bottom: 0;\r\n  transition: right 600ms;\r\n  z-index: 999;\r\n  background: #fff;\r\n  width: 1000px;\r\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);\r\n  text-align: left;\r\n}\r\n\r\n.side-panel.show-me {\r\n  right: 0;\r\n}\r\n\r\n.panel-wrapper {\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  padding: 20px 30px;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n}\r\n\r\n.panel-wrapper .scrolable {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 60px;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  padding: 30px 20px 30px 30px;\r\n}\r\n\r\n.panel-wrapper .call-button-wrapper{\r\n  border-top: 1px solid #AFB5BE;\r\n  border-bottom: 1px solid #AFB5BE;\r\n  margin-left: -30px;\r\n  margin-right: -20px;\r\n  padding: 30px 20px;\r\n}\r\n\r\n.panel-wrapper .call-button-wrapper .button{\r\n  margin: 0;\r\n}\r\n\r\n.panel-wrapper .matching-info-wrapper{\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n  width: 60%;\r\n  column-gap: 15px;\r\n}\r\n.panel-wrapper .matching-info-wrapper > div{\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.panel-wrapper  .chart{\r\n\r\n}\r\n.panel-wrapper  .chart-descr{\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-left: 10px;\r\n}\r\n.panel-wrapper  .chart-descr .progress-percent{\r\n  color: #00C600;\r\n  letter-spacing: 0;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  line-height: 1;\r\n}\r\n\r\n.panel-wrapper  .bar-char-wrapper{\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n  column-gap: 5px;\r\n  height: 50px;\r\n  align-items: flex-end;\r\n}\r\n.bar-char-wrapper .bar{\r\n  width: 10px;\r\n  background: rgb(232 232 232);\r\n}\r\n\r\n.bar-char-wrapper .bar.bar-1{\r\n  height: 20%;\r\n}\r\n.bar-char-wrapper .bar.bar-2{\r\n  height: 40%;\r\n}\r\n.bar-char-wrapper .bar.bar-3{\r\n  height: 60%;\r\n}\r\n.bar-char-wrapper .bar.bar-4{\r\n  height: 80%;\r\n}\r\n.bar-char-wrapper .bar.bar-5{\r\n  height: 100%;\r\n}\r\n\r\n.bar-char-wrapper .bar.color{\r\n  background: #0091C6;\r\n}\r\n\r\n.table .pie-wrapper {\r\n  height: 30px;\r\n  width: 30px;\r\n  float: left;\r\n  margin: 0;\r\n  position: relative;\r\n}\r\n\r\n.panel-wrapper h2{\r\n  margin: 1.5em 0 0.8em 0;\r\n  font-size: 1.8rem;\r\n  line-height: 1.1;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.panel-wrapper h3{\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.panel-wrapper .controls {\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n  left: 0;\r\n  height: 60px;\r\n  padding: 0 30px 0 30px;\r\n  box-sizing: border-box;\r\n  background: #fff;\r\n  border-top: 1px solid #f0f0f0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n}\r\n\r\n.panel-wrapper .controls > .button {\r\n  margin-bottom: 0 !important;\r\n}\r\n.panel-wrapper .header-wrapper{\r\n  display: flex;\r\n  gap: 30px;\r\n  margin-bottom: 30px;\r\n}\r\n.panel-wrapper .header-wrapper h3 {\r\n  margin-top: 0;\r\n  margin-bottom: 0.5em;\r\n}\r\n.panel-wrapper .candidate-photo{\r\n  border-radius: 5px;\r\n  width: 160px;\r\n  height: 200px;\r\n  background: #f5f5f5 center;\r\n  background-size: cover;\r\n}\r\n.panel-wrapper .candidate-description{\r\n  display: flex;\r\n  column-gap: 30px;\r\n}\r\n.panel-wrapper .candidate-header{\r\n  margin-bottom: 20px;\r\n}\r\n.panel-wrapper .candidate-header h2{\r\n margin: 0;\r\n}\r\n.panel-wrapper .candidate-header span.subtitle{\r\n}\r\n.panel-wrapper .candidate-header span.subtitle.small{\r\n  font-size: 10px;\r\n}\r\n\r\n.panel-wrapper .side-panel-close {\r\n  @include flex(center, center);\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  width: 60px;\r\n  height: 60px;\r\n  margin: 0;\r\n  background: rgb(32 46 75);\r\n}\r\n\r\n.side-panel .side-panel-close img {\r\n}\r\n\r\n.side-panel.show-me .side-panel-close img {\r\n}\r\n\r\n\r\n.cb-table {\r\n\r\n}\r\n.cb-table table {\r\n  table-layout: fixed;\r\n  max-width: 1000px;\r\n}\r\n.cb-table table tr td, .cb-table table tr th {\r\n  vertical-align: middle;\r\n}\r\n.cb-table table tr td .button, .cb-table table tr th .button {\r\n  margin: 0;\r\n}\r\n// ==========================================================================================================\r\n// Blokowe składowe interfejsu ==============================================================================\r\n.footer-tools{\r\n  margin-top: 30px;\r\n  padding-top: 30px;\r\n  border-top: 1px solid #ccc;\r\n}\r\n.footer-tools .columns > div{\r\n  margin-bottom: 0;\r\n  padding-bottom: 0;\r\n}\r\n.footer-tools .button{\r\n  margin-bottom: 0;\r\n  padding-bottom: 0;\r\n}\r\n.footer {\r\n  text-align: center;\r\n}\r\n.header {\r\n\r\n}\r\n.header.with-button {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding-bottom: 60px;\r\n  flex-wrap: wrap;\r\n}\r\n.header.with-button .button {\r\n  margin: 0;\r\n  margin-bottom: 10px;\r\n}\r\n.header.with-button h2 {\r\n  margin-bottom: 10px;\r\n  margin-right: 30px;\r\n}\r\n// logo-box\r\n.logo-box .thb {\r\n  filter: grayscale(100%);\r\n  transition: filter 600ms;\r\n}\r\n.logo-box:hover .thb {\r\n  filter: grayscale(0);\r\n}\r\n// icon-card\r\n\r\n// icon-card-lux-section\r\n$icon-width: 120px;\r\n\r\n.icon-card-lux-section {\r\n  position: relative;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-attachment: fixed;\r\n  padding-bottom: $page-section-padding;\r\n}\r\n.icon-card-lux-section:after {\r\n  content: '';\r\n  position: absolute;\r\n  top:0;\r\n  left:0;\r\n  right:0;\r\n  height: ($icon-width / 2);\r\n  background: #fff;\r\n}\r\n.icon-card-lux-section:before {\r\n  content: '';\r\n  position: absolute;\r\n  top:0;\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n  background: rgba(#000, 0.5);\r\n}\r\n.icon-card-lux-section .container {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.icon-card-lux-section .icon-card .content {\r\n  color: #fff;\r\n}\r\n.icon-card-lux-section .icon-card h3 {\r\n  color: $base-color2;\r\n}\r\n.icon-card-lux-section .icon-card .icon-wrapper {\r\n  border-radius: 50%;\r\n  padding: 3px;\r\n  background: linear-gradient(90deg, $base-color2, $base-color);\r\n  width: 120px;\r\n  height: 120px;\r\n  margin: 0 auto 1em auto;\r\n}\r\n.icon-card-lux-section .icon-card .icon-wrapper .icon {\r\n  background: #fff;\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 50%;\r\n}\r\n.icon-card-lux-section .icon-card .icon-wrapper .icon img {\r\n  width: 50%;\r\n  height: 50%;\r\n}\r\n// quote-section\r\n//quote:before {\r\n// content: '\"';\r\n// position: absolute;\r\n// top:0;\r\n// left:0;\r\n// font-size: 10em;\r\n// line-height: 1;\r\n// font-family: $headers-font;\r\n//}\r\n.quote-section {\r\n  position: relative;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-attachment: fixed;\r\n  padding: $start-page-section-padding 0;\r\n}\r\n.quote-section .container {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.quote-section:before {\r\n  content: '';\r\n  position: absolute;\r\n  top:0;\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n  background: rgba(#000, 0.5);\r\n}\r\n.quote-section h2, .quote-section blockquote, .quote-section p, .quote-section span, .quote-section a {\r\n  color: #fff;\r\n}\r\n.quote-section h2 {\r\n  text-align: center;\r\n}\r\n.quote-section .header {\r\n  padding-bottom: 0;\r\n}\r\n.quote-section blockquote, .quote-section span.signature {\r\n  text-align: center;\r\n  display: block;\r\n}\r\nblockquote span.signature {\r\n  text-transform: uppercase;\r\n}\r\n.quote-section .slick-next, .quote-section .slick-prev {\r\n  display: none !important;\r\n}\r\n// ==========================================================================================================\r\n// Formularze ===============================================================================================\r\n.form-wrapper{\r\n  //max-width: 1000px;\r\n}\r\n\r\n// ==========================================================================================================\r\n// Układ strony =============================================================================================\r\nnav.desktop .nav-button > a {\r\n  text-transform: uppercase;\r\n  font-size: 0.7rem;\r\n}\r\nnav.desktop .nav-button > a span {\r\n  position: relative;\r\n}\r\nnav.desktop .nav-button > a span:after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  right: 0;\r\n  height: 0;\r\n  background: $base-color;\r\n  transition: all 300ms;\r\n}\r\nnav.desktop .nav-button > a:hover span:after, nav.desktop .nav-button.urhere > a span:after {\r\n  height: 2px;\r\n}\r\n.PAGE {\r\n  padding: 0;\r\n  min-height: initial;\r\n}\r\n.header-modules {\r\n  float: right;\r\n  height: 100%;\r\n}\r\n#TOP-MAIN .header-modules {\r\n  padding-left: $grid-v-margin;\r\n  margin-left: ($grid-v-margin / 2);\r\n  position: relative;\r\n}\r\n#TOP-MAIN .header-modules:after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 50%;\r\n  margin-top: -7px;\r\n  height: 14px;\r\n  width: 1px;\r\n  background: #ddd;\r\n}\r\n.header-modules .button {\r\n  margin:0;\r\n  min-width: 220px;\r\n}\r\n.header-modules .phone-wrapper {\r\n  margin-left: 30px;\r\n}\r\n.phone-wrapper .button .ico {\r\n  padding: 10px;\r\n}\r\n\r\n.opSlider-control-prev, .opSlider-control-next {\r\n  display: none;\r\n}\r\n.banner-content h1,\r\n.banner-content h2,\r\n.banner-content .text-wrapper,\r\n.banner-content .controls {\r\n  text-align: left;\r\n}\r\n\r\n.article-section.padding-top h2:first-child {\r\n  margin-top:0;\r\n}\r\n#BOTTOM {\r\n  padding: 100px 0;\r\n}\r\n#BOTTOM, #SYSTEM-FOOT {\r\n  background: $footer-bg;\r\n}\r\n#BOTTOM h3:first-child {\r\n  margin-top:0\r\n}\r\n#BOTTOM, #BOTTOM h3, #BOTTOM p, #BOTTOM span, #BOTTOM a, #BOTTOM strong {\r\n  color: rgba(#fff, 0.8);\r\n}\r\n#BOTTOM .social-links {\r\n  margin-top: 1em;\r\n}\r\n#BOTTOM .social-icon {\r\n  width: 22px;\r\n  height: 22px;\r\n  margin-right: 20px;\r\n}\r\n#BOTTOM .social-icon svg path {\r\n  fill: #fff;\r\n}\r\n#BOTTOM .links ul li {\r\n  padding-bottom: 5px;\r\n}\r\n#BOTTOM .links ul li a:hover {\r\n  color: rgba(#fff, 1);\r\n}\r\n#SYSTEM-FOOT {\r\n  border-top: 1px solid lighten($footer-bg, 20%);\r\n}\r\n#SYSTEM-FOOT .container {\r\n  height: $system-foot-height;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n// ==========================================================================================================\r\n// Konkretne strony =========================================================================================\r\n// Start ----------------------------------------------------------------------------------------------------\r\n#START h2 {\r\n  text-align: center;\r\n}\r\n#START .subtitle {\r\n  font-weight: normal;\r\n  color: $base-color2;\r\n}\r\n\r\n// Kontakt --------------------------------------------------------------------------------------------------\r\n#page-contactus .columns .contact_data h3:first-child,\r\n#page-contactus .columns .form-wrapper h2:first-child {\r\n  margin-top: 0;\r\n}\r\n#page-contactus .columns .form-wrapper h2 {\r\n  font-size: 1.6em;\r\n}\r\n.company_name, .add_company_name, .address, .phone, .email, .hours, .add_descr, .fax {\r\n  display: block;\r\n}\r\n.company_name, .add_company_name, .address, .phones-wrapper, .emails-wrapper, .hours, .add_descr, .fax {\r\n  margin-bottom: 1em;\r\n}\r\n.contact-section-icon {\r\n  overflow: hidden;\r\n}\r\n.contact-icon {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: flex-start;\r\n  margin-bottom: 20px;\r\n}\r\n.contact-icon .icon {\r\n  width: 40px;\r\n  min-width: 40px;\r\n  height: 40px;\r\n  margin: 0;\r\n  margin-right: 20px;\r\n}\r\n.contact-icon .button {\r\n  margin:0;\r\n}\r\n.contact-icon strong {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n  color: $h-font-color;\r\n  font-family: $headers-font;\r\n}\r\n.contact-icon .hours {\r\n  margin-top: 0;\r\n}\r\n// pokaż numer i mail / button-style\r\n.email-wrapper .email, .phone-wrapper .phone {\r\n  display: none;\r\n}\r\n.email-wrapper.show-email .email, .phone-wrapper.show-phone .phone {\r\n  display: flex;\r\n}\r\n.email-wrapper.show-email .button.show-btn, .phone-wrapper.show-phone .button.show-btn {\r\n  display: none;\r\n}\r\n.email-wrapper.show-email, .phone-wrapper.show-phone {\r\n  height: $button-height;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.phone-number > a:hover {\r\n  text-decoration: none;\r\n}\r\n\r\n\r\n.map iframe {\r\n  width: 100% !important;\r\n}\r\n// kontact simple layout\r\n.contact-simple-layout {\r\n  overflow: hidden;\r\n}\r\n.contact-simple-layout > div {\r\n  float: left;\r\n}\r\n.contact-simple-layout > div h2:first-child, .contact-layout > div h3:first-child {\r\n  margin-top: 0;\r\n}\r\n.contact-simple-layout > div.contact-content {\r\n  width: 35%;\r\n}\r\n.contact-simple-layout > div.contact-form {\r\n  width: 65%;\r\n}\r\n// kontakt form\r\n.form-fields-wrapper {\r\n  overflow: visible;\r\n  display: flex;\r\n  align-items: stretch;\r\n  justify-content: flex-start;\r\n  flex-wrap: wrap;\r\n}\r\n.form-fields-wrapper > .col1,\r\n.form-fields-wrapper > .col2 {\r\n  float: left;\r\n  width: 50%;\r\n  box-sizing: border-box;\r\n}\r\n.form-fields-wrapper > .col1 {\r\n  padding-right: 5px;\r\n}\r\n.form-fields-wrapper > .col2 {\r\n  padding-left: 5px;\r\n}\r\n.form-fields-wrapper .input-wrapper.field-rodo {\r\n  clear: both;\r\n}\r\n.form-fields-wrapper > .col2 .input-wrapper {\r\n  height: calc(100% - 10px);\r\n}\r\n.form-fields-wrapper > .col2 textarea {\r\n  min-height: 120px;\r\n  height: 100%;\r\n}\r\n.form-fields-wrapper .input-wrapper input, .form-fields-wrapper .input-wrapper textarea {\r\n  display: block;\r\n}\r\n// contact data form section\r\n.contact-data-form-section {\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: stretch;\r\n  justify-content: flex-start;\r\n  border: 1px solid $base-color2;\r\n}\r\n.contact-data-form-section > div {\r\n  box-sizing: border-box;\r\n  padding: 50px;\r\n}\r\n.contact-data-form-section > div.contact-col {\r\n  background: $base-color2;\r\n  position: relative;\r\n  width: 40%;\r\n}\r\n.contact-data-form-section > div.contact-col:after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 60px;\r\n  right: -10px;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: $base-color2;\r\n  transform: rotate(45deg);\r\n}\r\n#START .contact-data-form-section > div.contact-col,\r\n#START .contact-data-form-section > div.contact-col h2,\r\n#START .contact-data-form-section > div.contact-col h2 .subtitle,\r\n.contact-data-form-section > div.contact-col,\r\n.contact-data-form-section > div.contact-col h2,\r\n.contact-data-form-section > div.contact-col h2 .subtitle {\r\n  color: #fff;\r\n}\r\n.contact-data-form-section > div.add-module-col {\r\n  width: 60%;\r\n}\r\n.contact-data-form-section h2, #START .contact-data-form-section h2,\r\n.contact-data-form-section h3, #START .contact-data-form-section h3 {\r\n  margin-top:0;\r\n  margin-bottom: 15px;\r\n  text-align: left;\r\n  font-size: 2.4rem;\r\n}\r\n.contact-data-form-section .contact_data .button {\r\n  min-width: 180px;\r\n}\r\n// contact data product section\r\n.contact-data-product-section {\r\n  border: 1px solid #ddd;\r\n  padding: 50px;\r\n}\r\n.contact-data-product-section > div {\r\n  float: left;\r\n  box-sizing: border-box;\r\n  padding-right: ($grid-v-margin * 2);\r\n}\r\n.contact-data-product-section > div.contact-col {\r\n  position: relative;\r\n  width: 35%;\r\n}\r\n.contact-data-product-section > div.add-module-col {\r\n  width: 65%;\r\n  padding-right: 0;\r\n}\r\n\r\n.contact-data-product-section h2, #START .contact-data-product-section h2,\r\n.contact-data-product-section h3, #START .contact-data-product-section h3 {\r\n  margin-top:0;\r\n  text-align: left;\r\n  font-size: 2.6rem;\r\n}\r\n.contact-data-product-section .contact_data {\r\n  padding-top: $grid-h-margin;\r\n}\r\n.contact-data-product-section .button-style .button,\r\n.contact-data-product-section .email-wrapper .button {\r\n  min-width: 180px;\r\n}\r\n// contact data section\r\n.contact-data-section {\r\n\r\n}\r\n.contact-data-section .contact-box {\r\n  padding: 50px 50px 20px 50px;\r\n  border: 1px solid #ddd;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n}\r\n\r\n.contact-data-section .contact-box.small {\r\n  padding-right: 50%;\r\n}\r\n.contact-data-section .contact-box.small .image-wrapper {\r\n  position: absolute;\r\n  top: -15px;\r\n  right: 0;\r\n  bottom: -15px;\r\n  width: 40%;\r\n}\r\n.contact-data-section .contact-box.small .image-wrapper .image {\r\n  width: 100%;\r\n  height: 100%;\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.contact-data-section .form-fields-wrapper textarea {\r\n  min-height: 179px;\r\n}\r\n.contact-data-section h2, #START .contact-data-section h2,\r\n.contact-data-section h3, #START .contact-data-section h3 {\r\n  margin-top:0;\r\n  text-align: left;\r\n  font-size: 2.6rem;\r\n}\r\n.contact-data-section .phone-wrapper .button,\r\n.contact-data-section .email-wrapper .button,\r\n.contact-data-product-section .phone-wrapper .button,\r\n.contact-data-product-section .email-wrapper .button,\r\n.contact-data-form-section .phone-wrapper .button,\r\n.contact-data-form-section .email-wrapper .button {\r\n  min-width: 180px;\r\n}\r\n.contact-data-product-section .contact-icon, .contact-data-form-section .contact-icon {\r\n  align-items: center;\r\n}\r\n// dodatkowe klasy\r\n.bg-color {\r\n  background: linear-gradient(90deg, $base-color2, $base-color);\r\n}\r\n.bg-color h1, .bg-color h2, .bg-color h3,\r\n.bg-color .subtitle, #START .bg-color .subtitle,\r\n.bg-color p, .bg-color a, .bg-color span {\r\n  color: #fff;\r\n}\r\n.bg-color .green-alert, .bg-color .red-alert, .bg-color .yellow-alert {\r\n  color: inherit;\r\n}\r\n// onscreen ogolny\r\n.check-onscreen {\r\n  position: relative;\r\n}\r\n.check-onscreen.offscreen-bottom {\r\n  top:100px;\r\n  opacity: 0;\r\n  transition: all 400ms;\r\n}\r\n.check-onscreen.onscreen {\r\n  top:0;\r\n  opacity: 1;\r\n  transition: all 400ms;\r\n}\r\n\r\n.blur-up {\r\n  -webkit-filter: blur(5px);\r\n  filter: blur(5px);\r\n  transition: filter 400ms, -webkit-filter 400ms;\r\n}\r\n\r\n.blur-up.lazyloaded {\r\n  -webkit-filter: blur(0);\r\n  filter: blur(0);\r\n}\r\n#SYSTEM-FOOT {\r\n  z-index: 0;\r\n}\r\n\r\n.dimmed-color{\r\n  color: #D3D3D3;\r\n}\r\n\r\n//elementy hintera\r\n.breadcrumps {\r\n  padding-bottom: 0;\r\n  text-transform: none;\r\n  font-size: 0.7em;\r\n}\r\n.timeline-horizontal{\r\n  display: flex;\r\n  justify-content: space-around;\r\n  margin: 15px 0 40px 0;\r\n}\r\n.timeline-horizontal .item{\r\n  position: relative;\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.timeline-horizontal .item:after,\r\n.timeline-horizontal .item:before{\r\n  display: block;\r\n  position: absolute;\r\n  content: '';\r\n  height: 2px;\r\n  top: 9px;\r\n  background: #001E28;\r\n}\r\n.timeline-horizontal .item:after{\r\n  right: 0;\r\n  left: 50%;\r\n}\r\n.timeline-horizontal .item:before{\r\n  left: 0;\r\n  right: 50%;\r\n}\r\n\r\n.timeline-horizontal .item:last-child:after{\r\n  content: none;\r\n}\r\n\r\n.timeline-horizontal .item .pointer{\r\n  display: block;\r\n  height: 20px;\r\n  width: 20px;\r\n  border-radius: 50%;\r\n  border: 2px solid #001E28;\r\n  background: #f4f6f9;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  z-index: 2;\r\n}\r\n\r\n.timeline-horizontal .item .pointer-text{\r\n  margin-top: 5px;\r\n  font-size: 12px;\r\n  letter-spacing: 0.3px;\r\n  text-align: center;\r\n  line-height: 1.3;\r\n}\r\n//aktywny i przeszły\r\n.timeline-horizontal .item.active:before{\r\n  background: #FFB400;\r\n}\r\n\r\n.timeline-horizontal .item.active:after{\r\n  background: linear-gradient(100deg, #FFB400 0%, #001E28 100%);\r\n}\r\n\r\n.timeline-horizontal .item.past:after,\r\n.timeline-horizontal .item.past:before{\r\n  background: #FFB400;\r\n}\r\n\r\n.timeline-horizontal .item.past .pointer,\r\n.timeline-horizontal .item.active .pointer{\r\n  border-color: #FFB400;\r\n}\r\n\r\n.timeline-horizontal .item.active .pointer:before{\r\n  box-sizing: border-box;\r\n  content: '';\r\n  display: block;\r\n  position: absolute;\r\n  height: 12px;\r\n  width: 12px;\r\n  border-radius: 50%;\r\n  background: #FFB400;\r\n  left: 2px;\r\n  top: 2px;\r\n}\r\n\r\n.timeline-recruitment-process{\r\n  max-width: 900px;\r\n}\r\n\r\n//$pointer_color: rgb(98 108 128);\r\n//\r\n//.timeline-recruitment-process .pointer {\r\n//  width: 200px;\r\n//  height: 40px;\r\n//  position: relative;\r\n//  background: $pointer_color;\r\n//  margin-right: 20px;\r\n//}\r\n//.timeline-recruitment-process .pointer:after {\r\n//  content: \"\";\r\n//  position: absolute;\r\n//  left: 0;\r\n//  bottom: 0;\r\n//  width: 0;\r\n//  height: 0;\r\n//  border-left: 20px solid white;\r\n//  border-top: 20px solid transparent;\r\n//  border-bottom: 20px solid transparent;\r\n//}\r\n//.timeline-recruitment-process .pointer:before {\r\n//  content: \"\";\r\n//  position: absolute;\r\n//  right: -20px;\r\n//  bottom: 0;\r\n//  width: 0;\r\n//  height: 0;\r\n//  border-left: 20px solid $pointer_color;\r\n//  border-top: 20px solid transparent;\r\n//  border-bottom: 20px solid transparent;\r\n//}\r\n//\r\n//.timeline-recruitment-process .pointer.past,\r\n//.timeline-recruitment-process .pointer.active{\r\n//  background: #202E4B;\r\n//}\r\n//\r\n//.timeline-recruitment-process .pointer.past:before,\r\n//.timeline-recruitment-process .pointer.active:before {\r\n//  border-left: 20px solid #202E4B;\r\n//}\r\n//\r\n//.timeline-recruitment-process .pointer .pointer-text{\r\n//  color: #fff;\r\n//  display: flex;\r\n//  height: 100%;\r\n//  align-content: center;\r\n//  justify-content: center;\r\n//  align-items: center;\r\n//  text-transform: uppercase;\r\n//  margin-left: 20px;\r\n//  font-size: 13px;\r\n//  font-weight: bold;\r\n//}\r\n//\r\n//.timeline-recruitment-process .text-content{\r\n//  text-align: center;\r\n//  font-size: 10px;\r\n//  margin: 5px 0 0 0;\r\n//  font-weight: bold;\r\n//  text-transform: uppercase;\r\n//}\r\n\r\ntable.invisible-table{\r\n  border-left: none;\r\n  border-top: none;\r\n}\r\ntable.invisible-table tr td,\r\ntable.invisible-table tr th {\r\n  padding: 0;\r\n  text-align: left;\r\n  border-right: none;\r\n  border-bottom: none;\r\n  background: transparent;\r\n  color: #202E4B;\r\n}\r\ntable.invisible-table tr:nth-child(odd) td {\r\n  background: transparent;\r\n}\r\ntable.invisible-table tr td.key .list-title {\r\n  opacity: 0.6;\r\n}\r\ntable.invisible-table tr td.value {\r\n  padding-left: 15px;\r\n}\r\n//logowanie\r\n.login-page,\r\n.register-page {\r\n  align-items: center;\r\n  background-color: #e9ecef;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100vh;\r\n  justify-content: center;\r\n}\r\n.login-box,\r\n.register-box {\r\n  width: 360px;\r\n}\r\n.login-box .login-card,\r\n.register-box .login-card {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n  word-wrap: break-word;\r\n  background-color: #fff;\r\n  background-clip: border-box;\r\n  border: 0 solid #00000020;\r\n  border-radius: 0.25rem;\r\n  margin-bottom: 0;\r\n  box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);\r\n  border-top: 3px solid #007bff;\r\n}\r\n\r\n.login-card .card-header {\r\n  background-color: #0000;\r\n  border-bottom: 1px solid #00000020;\r\n  padding: 0.75rem 1.25rem;\r\n  position: relative;\r\n  border-top-left-radius: 0.25rem;\r\n  border-top-right-radius: 0.25rem;\r\n}\r\n.login-card .card-header a {\r\n  font-size: 2.5rem;\r\n  color: #0b0b0b;\r\n}\r\n.login-card .card-body {\r\n  flex: 1 1 auto;\r\n  min-height: 1px;\r\n  padding: 1.25rem;\r\n}\r\n//dashboard\r\n.main-header,\r\n.content-wrapper{\r\n  margin-left: 250px;\r\n  //margin-top: 70px;\r\n  margin-top: 0;\r\n}\r\n.content-wrapper{\r\n  background-color: #f4f6f9;\r\n  padding: 30px 0;\r\n}\r\n\r\n.dashboard-card{\r\n  position: relative;\r\n  display: flex;\r\n  box-sizing: border-box;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n  word-wrap: break-word;\r\n  background-color: #fff;\r\n  background-clip: border-box;\r\n  border: 0 solid #00000020;\r\n  border-radius: 0.25rem;\r\n  box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);\r\n}\r\n.dashboard-card .card-header {\r\n  background-color: #0000;\r\n  padding: 0.75rem 1.25rem 0 1.25rem;\r\n  position: relative;\r\n  border-top-left-radius: 0.25rem;\r\n  border-top-right-radius: 0.25rem;\r\n}\r\n.dashboard-card .header-wrapper {\r\n  justify-content: space-between;\r\n  display: flex;\r\n}\r\n\r\n.dashboard-card .card-title {\r\n  float: left;\r\n  font-size: 1.1rem;\r\n  font-weight: 400;\r\n  margin: 0;\r\n}\r\n\r\n.dashboard-card .card-body {\r\n  flex: 1 1 auto;\r\n  min-height: 1px;\r\n  padding: 1.25rem;\r\n}\r\n\r\n.dashboard-card .card-body .button{\r\n  margin-bottom: 0;\r\n}\r\n\r\n.dashboard-card .overlay{\r\n  border-radius: 0.25rem;\r\n  -webkit-align-items: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  background-color: rgba(0, 0, 0, 0.35);\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-justify-content: center;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  z-index: 50;\r\n}\r\n\r\n.dashboard-card>.loading-img,\r\n.dashboard-card>.overlay{\r\n  height: 100%;\r\n  left: 0;\r\n  position: absolute;\r\n  top: 0;\r\n  width: 100%;\r\n}\r\n\r\n.dashboard-card .overlay>.fas{\r\n  color: #ced4da;\r\n}\r\n\r\n\r\n\r\n//widget-user\r\n.widget-user{\r\n  background-color: rgba(0, 0, 0, 0.03);\r\n}\r\n.widget-user .widget-user-header {\r\n  border-top-left-radius: 0.25rem;\r\n  border-top-right-radius: 0.25rem;\r\n  height: 135px;\r\n  padding: 1rem;\r\n  text-align: center;\r\n  background-color: #17a2b8;\r\n  color: #fff;\r\n  box-sizing: border-box;\r\n}\r\n.widget-user .widget-user-username {\r\n  font-size: 25px;\r\n  font-weight: 300;\r\n  margin-bottom: 0;\r\n  margin-top: 0;\r\n  text-shadow: 0 1px 1px rgb(0 0 0 / 20%);\r\n  color: #fff;\r\n}\r\n.widget-user .widget-user-desc {\r\n  font-size: 1.25rem;\r\n  margin-top: 0;\r\n  margin-bottom: 0.5rem;\r\n  font-family: inherit;\r\n  font-weight: 500;\r\n  line-height: 1.2;\r\n  color: inherit;\r\n}\r\n.widget-user .widget-user-image {\r\n  left: 50%;\r\n  margin-left: -45px;\r\n  position: absolute;\r\n  top: 80px;\r\n\r\n}\r\n.widget-user .widget-user-image > img {\r\n  border: 3px solid #fff;\r\n  height: auto;\r\n  width: 90px;\r\n  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);\r\n  background: white;\r\n  border-radius: 50%;\r\n  box-sizing: border-box;\r\n}\r\n.widget-user .card-footer {\r\n  padding: 50px 1.25rem 0.75rem;\r\n  border-top: 0 solid rgba(0, 0, 0, 0.13);\r\n}\r\n.widget-user .description-wrapper{\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n  flex-wrap: nowrap;\r\n}\r\n.widget-user .description-wrapper > div{\r\n  flex:1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  align-content: stretch;\r\n}\r\n//table\r\n.table-responsive{\r\n  padding: 0!important;\r\n  display: block;\r\n  width: 100%;\r\n  overflow-x: auto;\r\n}\r\n.table {\r\n  width: 100%;\r\n  margin-bottom: 0;\r\n  color: #777;\r\n  background-color: white;\r\n  border-collapse: collapse;\r\n  border-left: none;\r\n  border-top: none;\r\n  max-width: initial;\r\n}\r\n.table thead th {\r\n  vertical-align: bottom;\r\n  border-bottom: 2px solid #dee2e6;\r\n  border-right: none;\r\n  border-top: none;\r\n  font-weight: bold;\r\n}\r\n.table tr th {\r\n  background: white;\r\n  color: rgb(119 119 119);\r\n  vertical-align: middle;\r\n}\r\n\r\n//.table thead > tr > th:first-of-type {\r\n//  padding-left: 1.5rem;\r\n//}\r\n.table tr td,\r\n.table tr th {\r\n  padding: 8px;\r\n  text-align: left;\r\n  border-right: none;\r\n  background: #fff;\r\n  //border-top: 1px solid #dee2e6;\r\n  vertical-align: middle;\r\n}\r\n.table tr:nth-child(odd) td {\r\n  background: rgba(0, 0, 0, 0.025);\r\n}\r\n.table tbody tr:hover td {\r\n  background: rgba(0, 0, 0, 0.04);\r\n }\r\n.table tbody tr.cursor:hover td {\r\n  cursor: pointer;\r\n}\r\n.table tbody tr td:last-child {\r\n  text-align: end;\r\n  text-align: -webkit-right;\r\n}\r\n.table td img{\r\n  width: 32px;\r\n  height: auto;\r\n  vertical-align: middle;\r\n  border-style: none;\r\n  border-radius: 50%;\r\n  margin-right: 0.5rem;\r\n}\r\n\r\n.fa-buttons{\r\n  display: flex;\r\n  justify-content: space-evenly;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  column-gap: 5px;\r\n}\r\n\r\na.fa-button,\r\nspan.fa-button,\r\na.table-button,\r\nspan.table-button{\r\n  color: white;\r\n  background: #202E4B;\r\n  height: 35px;\r\n  width: 35px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 99;\r\n}\r\na.table-button,\r\nspan.table-button{\r\n  width: auto;\r\n}\r\na.fa-button:hover,\r\nspan.fa-button,\r\na.table-button,\r\nspan.table-button{\r\n  color: darken(white,10%);\r\n}\r\n\r\na.fa-button.no-bg,\r\nspan.fa-button.no-bg{\r\n  color: #202E4B;\r\n  background: transparent;\r\n}\r\na.fa-button.no-bg:hover{\r\n  //color: darken(white,10%);\r\n}\r\n\r\na.fa-button.accept,\r\na.button.accept,\r\nspan.button.accept,\r\nspan.fa-button.accept{\r\n  color: #202E4B;\r\n  background: rgb(32 193 161);\r\n}\r\na.fa-button.accept:hover{\r\n  //color: darken(white,10%);\r\n}\r\n\r\na.fa-button.refusal,\r\na.button.refusal,\r\nspan.button.refusal,\r\nspan.fa-button.refusal{\r\n  color: #202E4B;\r\n  background: rgb(220 20 60);\r\n}\r\na.fa-button.refusal:hover{\r\n  //color: darken(white,10%);\r\n}\r\n\r\na.fa-button.no-bg.accept,\r\nspan.fa-button.no-bg.accept{\r\n  color: rgb(32 193 161);\r\n  background: transparent;\r\n  font-size: 20px;\r\n}\r\na.fa-button.no-bg.accept:hover{\r\n  //color: darken(white,10%);\r\n}\r\n\r\na.fa-button.no-bg.refusal,\r\nspan.fa-button.no-bg.refusal{\r\n  color: rgb(220 20 60);\r\n  background: transparent;\r\n  font-size: 20px;\r\n}\r\na.fa-button.refusal:hover{\r\n  //color: darken(white,10%);\r\n}\r\n\r\na.fa-button.handshake,\r\nspan.fa-button.handshake{\r\n  width: 95%;\r\n  font-size: 20px;\r\n  color: #202E4B;\r\n}\r\n\r\n\r\n.fa-button.text{\r\n  padding: 0 15px;\r\n  width: auto;\r\n}\r\n.fa-button.text i{\r\n  margin-right: 10px;\r\n}\r\n.mirror-reflection{\r\n  transform: rotateY(180deg);\r\n}\r\n\r\n//labels\r\n\r\n.labels-wrapper{\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  column-gap: 15px;\r\n  row-gap: 15px;\r\n}\r\n\r\n.label{\r\n  box-sizing: border-box;\r\n  border: 1px #707070 solid;\r\n  border-radius: 30px;\r\n  background: #fff;\r\n  padding: 8px 30px 8px 10px;\r\n  font-size: 13px;\r\n  position: relative;\r\n  white-space: nowrap;\r\n}\r\n\r\n.label-no-status{\r\n  padding: 8px 10px 8px 10px;\r\n}\r\n\r\n.label span.label-status{\r\n  position: absolute;\r\n  right: 10px;\r\n  top: 50%;\r\n  height: 10px;\r\n  width: 10px;\r\n  box-sizing: border-box;\r\n  border-radius: 100%;\r\n  transform: translate(0, -5px);\r\n  border: 1px solid rgb(112 112 112);\r\n  background: #fff;\r\n}\r\n\r\n.label span.label-status.confirmed{\r\n  background: #00FF00;\r\n  border-color: #00FF00;\r\n}\r\n.label span.label-status.not-confirmed{\r\n  background: #FF0000;\r\n  border-color: #FF0000;\r\n}\r\n\r\n.label.simple{\r\n  padding: 5px 10px;\r\n  font-size: 10px;\r\n}\r\n.label.color-label{\r\n  color: white;\r\n  border: none;\r\n}\r\n\r\n.label.status-draft{\r\n  background: #d6d5ce;\r\n  border-color: #d6d5ce;\r\n}\r\n.label.status-recruitment{\r\n  background: #20c1a1;\r\n  border-color: #20c1a1;\r\n}\r\n.label.status-implementation{\r\n  background: #429ffd;\r\n  border-color: #429ffd;\r\n}\r\n.label.status-verification{\r\n  background: #ffb400;\r\n  border-color: #ffb400;\r\n}\r\n.label.status-end{\r\n  background: #d6d5ce;\r\n  border-color: #d6d5ce;\r\n}\r\n//tablet\r\n.tablet-wrapper{\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  flex-direction: column;\r\n  column-gap: 10px;\r\n  row-gap: 10px;\r\n  align-items: flex-start;\r\n  max-width: 550px;\r\n}\r\n\r\n.tablet-item{\r\n  border: 1px #707070 solid;\r\n  background: #fff;\r\n  box-sizing: border-box;\r\n  border-radius: 30px;\r\n  font-size: 13px;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: stretch;\r\n  justify-content: flex-end;\r\n  width: 100%;\r\n}\r\n.tablet-item > div{\r\n  position: relative;\r\n  display: flex;\r\n  padding: 3px 10px;\r\n  align-items: center;\r\n  align-content: center;\r\n}\r\n\r\n.tablet-item > div:not(:last-child)::after{\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 1px;\r\n  background: #707070;\r\n  top: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n}\r\n\r\n.tablet-item .input{\r\n  min-width: 160px;\r\n  padding: 0;\r\n}\r\n\r\n.tablet-item .input input,{\r\n  height: 100%;\r\n  max-width: 50px;\r\n}\r\n\r\n.styledSelect {\r\n  border: none;\r\n  border-radius: 0;\r\n}\r\n\r\n.tablet-item .name{\r\n  flex: 1;\r\n}\r\n.tablet-item .name span{\r\n  max-width: 200px;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.tablet-item .action{\r\n  cursor: pointer;\r\n  padding: 3px;\r\n  width: 35px;\r\n  overflow: hidden;\r\n}\r\n\r\n.tablet-item .action:hover{\r\n  background: rgba(112, 112, 112, 0.3);\r\n}\r\n\r\n.tablet-item .action:last-child:hover{\r\n  border-radius: 0 100% 100% 0;\r\n}\r\n\r\n//bullet-points\r\n.bullet-points-wrapper{\r\n\r\n}\r\n\r\n.bullet-point{\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.point-holder{\r\n  width: 110px;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n}\r\n\r\n.bullet-point .point{\r\n  display: block;\r\n  height: 10px;\r\n  width: 10px;\r\n  box-sizing: border-box;\r\n  border-radius: 100%;\r\n  border: 1px solid rgb(112 112 112);\r\n  background: rgb(255 255 255);\r\n  margin-right: 30px;\r\n}\r\n\r\n.bullet-point span.point.green{\r\n  background: #00FF00;\r\n  border-color: #00FF00;\r\n}\r\n\r\n.bullet-point span.point.red{\r\n  background: #FF0000;\r\n  border-color: #FF0000;\r\n}\r\n\r\n//badges-wrapper\r\n\r\n.badges-wrapper{\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  column-gap: 5px;\r\n  row-gap: 5px;\r\n}\r\n\r\n.badge{\r\n  position: relative;\r\n  height: 90px;\r\n  width: 90px;\r\n  background: #F4F4F4;\r\n  display: flex;\r\n  align-content: center;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n//dated-tile\r\n.dated-tile-wrapper{\r\n  display: flex;\r\n  row-gap: 15px;\r\n  flex-direction: column;\r\n}\r\n.dated-tile{\r\n  display: flex;\r\n  column-gap: 10px;\r\n}\r\n\r\n.dated-tile .date{\r\n  width: 110px;\r\n}\r\n\r\n.dated-tile .date span{\r\n  white-space: nowrap;\r\n}\r\n\r\n.dated-tile .content .text-wrapper{\r\n  letter-spacing: 0;\r\n  line-height: 1.1;\r\n}\r\n\r\n// -- vars\r\n$bg-color: #34495e;\r\n$default-size: 50px;\r\n$label-font-size: $default-size / 4;\r\n$label-font-size-redo: $default-size * 4;\r\n\r\n$small-size: 30px;\r\n$label-font-size-small: $small-size / 4;\r\n$label-font-size-redo-small: $small-size * 4;\r\n\r\n// -- mixins\r\n@mixin size($width, $height) {\r\n  height: $height;\r\n  width: $width;\r\n}\r\n\r\n@mixin draw-progress($progress, $color) {\r\n  .pie {\r\n    .half-circle {\r\n      border-color: $color;\r\n    }\r\n\r\n    .left-side {\r\n      transform: rotate($progress * 3.6deg);\r\n    }\r\n\r\n    @if $progress <= 50 {\r\n      .right-side {\r\n        display: none;\r\n      }\r\n    } @else {\r\n      clip: rect(auto, auto, auto, auto);\r\n\r\n      .right-side {\r\n        transform: rotate(180deg);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@mixin draw-progress--solid($progress, $color, $bg-color) {\r\n  background: linear-gradient(to right, $color 50%, $bg-color 50%);\r\n\r\n  &:before {\r\n    @if $progress <= 50 {\r\n      background: $bg-color;\r\n      transform: rotate((100 - (50 - $progress)) / 100 * 360deg * -1);\r\n    } @else {\r\n      background: $color;\r\n      transform: rotate((100 - $progress) / 100 * 360deg);\r\n    }\r\n  }\r\n}\r\n\r\n.set-size {\r\n  font-size: 10em;\r\n}\r\n\r\n.charts-container {\r\n  *{\r\n    box-sizing: border-box;\r\n  }\r\n  &:after {\r\n    clear: both;\r\n    content: '';\r\n    display: table;\r\n  }\r\n}\r\n\r\n.pie-wrapper {\r\n  *{\r\n    box-sizing: border-box;\r\n  }\r\n  @include size($default-size, $default-size);\r\n  .small{\r\n    @include size($small-size, $small-size);\r\n  }\r\n\r\n  float: left;\r\n  margin: 15px;\r\n  position: relative;\r\n\r\n  &:nth-child(3n + 1) {\r\n    clear: both;\r\n  }\r\n\r\n  .pie {\r\n    @include size(100%, 100%);\r\n    clip: rect(0, $default-size, $default-size, $default-size / 2);\r\n    left: 0;\r\n    position: absolute;\r\n    top: 0;\r\n\r\n    .half-circle {\r\n      @include size(100%, 100%);\r\n      border: 15px solid #00C600;\r\n      border-radius: 50%;\r\n      clip: rect(0, $default-size / 2, $default-size, 0);\r\n      left: 0;\r\n      position: absolute;\r\n      top: 0;\r\n    }\r\n  }\r\n\r\n  .pie.small {\r\n    clip: rect(0, $small-size, $small-size, $small-size / 2);\r\n    .half-circle {\r\n      clip: rect(0, $small-size / 2, $small-size, 0);\r\n      border: 4px solid #00C600;\r\n    }\r\n  }\r\n\r\n  .pie-label {\r\n    background: $bg-color;\r\n    border-radius: 50%;\r\n    bottom: $label-font-size-redo / 10;\r\n    color: #ecf0f1;\r\n    cursor: default;\r\n    display: block;\r\n    font-size: $label-font-size;\r\n    left: $label-font-size-redo / 10;\r\n    line-height: $label-font-size-redo * .70;\r\n    position: absolute;\r\n    right: $label-font-size-redo / 10;\r\n    text-align: center;\r\n    top: $label-font-size-redo / 10;\r\n\r\n    .smaller {\r\n      color: #bdc3c7;\r\n      font-size: .45em;\r\n      padding-bottom: 20px;\r\n      vertical-align: super;\r\n    }\r\n  }\r\n\r\n  .shadow {\r\n    @include size(100%, 100%);\r\n    border: 15px solid #E8E8E8;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  &.small .shadow {\r\n    border: 4px solid #E8E8E8;\r\n  }\r\n\r\n  &.style-2 {\r\n    .label {\r\n      background: none;\r\n      color: #7f8c8d;\r\n\r\n      .smaller {\r\n        color: #bdc3c7;\r\n      }\r\n    }\r\n  }\r\n\r\n  @for $i from 0 through 100 {\r\n    @if($i < 45){\r\n      &.progress-#{$i} {\r\n        @include draw-progress($i, #ce1d32);\r\n      }\r\n    }@elseif($i < 80){\r\n      &.progress-#{$i} {\r\n        @include draw-progress($i, #efe40b);\r\n      }\r\n    }@elseif($i <= 100){\r\n      &.progress-#{$i} {\r\n        @include draw-progress($i, #00C600);\r\n      }\r\n    }\r\n  }\r\n\r\n}\r\n//control-panel\r\n\r\n.control-panel{\r\n  display: flex;\r\n  border-color: #001E28;\r\n  box-sizing: border-box;\r\n  column-gap: 15px;\r\n}\r\n.control-panel > div{\r\n  flex: 1;\r\n  padding: 0 0 30px 0;\r\n}\r\n\r\n.button-set .button{\r\n  margin: 0;\r\n}\r\n//options v2\r\n.select2.select2-container {\r\n  width: 100%!important;\r\n}\r\n.select2-container--default .select2-selection--single {\r\n  background-color: #fff;\r\n  border: 1px solid #ddd;\r\n  border-radius: 2px;\r\n  height: 40px\r\n}\r\n.select2-search--dropdown .select2-search__field {\r\n  height: 30px;\r\n}\r\n.select2-container .select2-selection--single .select2-selection__rendered {\r\n  padding: 7px 15px;\r\n  line-height: 1.7;\r\n  font-size: 15px;\r\n}\r\n.select2-container--default .select2-selection--single .select2-selection__arrow {\r\n  height: 40px;\r\n}\r\n.select2-dropdown {\r\n  background-color: #fff;\r\n  border: 1px solid #ddd;\r\n}\r\n.select2-results__option {\r\n  padding: 3px;\r\n  text-align: left;\r\n  margin-left: 5px;\r\n}\r\n\r\n.select2-container--default .select2-selection--single .select2-selection__clear {\r\n  font-size: 1.5em;\r\n  top: 0;\r\n  left: 5px;\r\n  order: 2;\r\n}\r\n.select2-container .select2-selection--single .select2-selection__rendered {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  background-color: #fff;\r\n  padding: 0px 40px 0 10px;\r\n  font-weight: normal;\r\n  border: 1px solid #ddd;\r\n  border-radius: 3px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  color: #666;\r\n  font-size: 16px;\r\n}\r\n.select2-container--default .select2-selection--single .select2-selection__arrow {\r\n  display: none;\r\n}\r\n.select2-container .select2-selection--single .select2-selection__rendered:after {\r\n  content: \"\";\r\n  width: 40px;\r\n  height: 40px;\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  background-image: url(graphics/select-arrow.png);\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n}\r\n.select2-container--default .select2-results__option--selected {\r\n  display: none;\r\n}\r\n\r\n\r\n.matching-offer-holder .progress-percent{\r\n  margin-left: 15px;\r\n}\r\n\r\n.oneton_elements_to_add_wrapper{\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  flex-wrap: nowrap;\r\n  margin-top: 15px;\r\n  //max-width: 550px;\r\n}\r\n.oneton_elements_to_add_wrapper .button{\r\n  margin: 0;\r\n}\r\n\r\nspan.select2 + label {\r\n  margin-top: $form-h-margin;\r\n}\r\n.map_container{\r\n  width: 100%;\r\n  height: 0;\r\n  transition: height 200ms linear;\r\n  overflow: hidden;\r\n}\r\n.map_container.active{\r\n  width: 100%;\r\n  height: 500px;\r\n}\r\n\r\n.oneton_buttons-add-wrapper{\r\n  display: flex;\r\n  column-gap: 10px;\r\n  row-gap: 10px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.oneton_buttons-add-wrapper .tablet-item{\r\n  width: 260px;\r\n}\r\n\r\n.oneton_elements-navigation{\r\n  display: flex;\r\n  margin: 10px 0;\r\n  border-top: 1px solid;\r\n  border-bottom: 1px solid;\r\n  border-color: #d5d5d5;\r\n  padding: 10px 0;\r\n}\r\n\r\n/* =================== okno ========================= */\r\n/* =================== okno ========================= */\r\n.window-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  display: none;\r\n  z-index: 9999;\r\n  background: rgba(#000, 0.4);\r\n}\r\n.window-overlay.show-me {\r\n  display: flex;\r\n}\r\n.window-overlay .window {\r\n  width: 90vw;\r\n  max-width: 800px;\r\n  height: 80vh;\r\n  max-height: 600px;\r\n  background: #fff;\r\n  position: relative;\r\n  z-index: 9999;\r\n}\r\n.window-overlay .window-close {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 40px;\r\n  height: 40px;\r\n  background: #000;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  z-index: 1;\r\n}\r\n.window-overlay .window .window-content {\r\n  position: absolute;\r\n  top: 80px;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 70px;\r\n  text-align: left;\r\n  overflow-y: auto;\r\n  padding: 0 40px;\r\n}\r\n.window-overlay .window .window-content h4 {\r\n  margin-top: 0;\r\n}\r\n.window-overlay .window .window-header {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 80px;\r\n  box-sizing: border-box;\r\n  padding: 0 40px;\r\n  display: block;\r\n}\r\n.window-overlay .window .window-controls {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 70px;\r\n  padding: 0 5px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n}\r\n.window-overlay .window .window-controls .button {\r\n  margin-bottom: 0;\r\n}\r\n.window-overlay .window .window-content h2:first-child, .window-overlay .window .window-content h3:first-child {\r\n  margin-top: 0;\r\n}\r\n.window-overlay .window.small {\r\n  max-width: 650px;\r\n  height: 80vh;\r\n  max-height: 500px;\r\n}\r\n\r\n.star-item{\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  align-content: center;\r\n  align-items: center;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.star-item .button{\r\n  margin: 0 0 0 10px;\r\n}\r\n"]}