{"version":3,"sources":["webpack:///./resources/sass/kms/styles.sass","webpack:///./resources/sass/kms/_config.sass","webpack:///./resources/sass/kms/tools/_normalizer.sass","webpack:///./resources/sass/kms/tools/_keyframes.sass","webpack:///./resources/sass/kms/tools/_grid.sass","webpack:///./resources/sass/kms/blocks/_login.sass","webpack:///./resources/sass/kms/tools/_flex.sass","webpack:///./resources/sass/kms/blocks/_entities.sass","webpack:///./resources/sass/kms/tools/_attributeFocus.sass","webpack:///./resources/sass/kms/blocks/_entity.sass","webpack:///./resources/sass/kms/blocks/_sidebar.sass","webpack:///./resources/sass/kms/partials/_confirmBox.sass","webpack:///./resources/sass/kms/partials/_custom_ui_kit.sass","webpack:///./resources/sass/kms/partials/_flashMessage.sass","webpack:///./resources/sass/kms/partials/_import_error.sass","webpack:///./resources/sass/kms/partials/_order_table.sass","webpack:///./resources/sass/kms/attributes/_attributes.sass","webpack:///./resources/sass/kms/attributes/_documents.sass","webpack:///./resources/sass/kms/tools/_progress.sass","webpack:///./resources/sass/kms/attributes/_link.sass","webpack:///./resources/sass/kms/attributes/_multiselect.sass","webpack:///./resources/sass/kms/attributes/_onOffSwitch.sass","webpack:///./resources/sass/kms/attributes/_password.sass","webpack:///./resources/sass/kms/attributes/_select.sass","webpack:///./resources/sass/kms/attributes/_seperator.sass","webpack:///./resources/sass/kms/attributes/_text.sass","webpack:///./resources/sass/kms/attributes/_textArea.sass","webpack:///./resources/sass/kms/attributes/_title.sass","webpack:///./resources/sass/kms/attributes/_view.sass","webpack:///./resources/sass/kms/attributes/_datePicker.sass","webpack:///./resources/sass/kms/attributes/_componentsArea.scss","webpack:///./resources/sass/kms/attributes/_component.scss","webpack:///./resources/sass/kms/attributes/_componentTabs.sass","webpack:///./resources/sass/kms/attributes/_video.scss","webpack:///./resources/sass/kms/attributes/_file.sass","webpack:///./resources/sass/kms/attributes/_number.sass","webpack:///./resources/sass/kms/sections/_transfer.sass","webpack:///./resources/sass/kms/sections/_actionLog.sass","webpack:///./resources/sass/kms/sections/_dashboard.scss"],"names":[],"mappings":"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xB;ASvrBM;EACE;EACA;EACA;EACA;EACA;EACA;EACA,0BRFU;EQIV;EACA;EACA;EACA;EACA,eRTU;CDisBlB;AStrBQ;EACE;EACA;EACA;KAAA;CTwrBV;AStrBQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CTwrBV;AStrBM;EACE;EACA;EACA;EACA;EACA;CTwrBR;ASrrBE;EACE;CTurBJ;ASrrBI;EACE;EACA;EACA;EACA;EACA;KAAA;UAAA;EACA;EACA;EACA;CTurBN;AStrBM;EACE;CTwrBR;AStrBI;EACE;EACA,0BRxDY;EQyDZ;EACA;CTwrBN;AStrBM;EACE;EACA;EACA;CTwrBR;ASrrBM;EACE;CTurBR;ASprBI;EACE;EACA,0BRtEY;EQuEZ;EACA;EACA;EACA;CTsrBN;ASprBM;EACE;CTsrBR;ASlrBE;EACE;EACA;EACA;EACA;CTorBJ;ASlrBI;EHlHF;EAEA,4BGiHU;EHhHV,sBGgHsB;EAClB;EACA;EACA;EACA;CTwrBN;AStrBM;EACE;EACA;EACA;EACA;EACA;EACA;CTwrBR;AStrBQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CTwrBV;AStrBQ;EACE;CTwrBV;AStrBQ;EACE,0BRvIQ;CD+zBlB;ASvrBU;EACE,eRxHM;CDizBlB;ASvrBQ;EACE,0BRzHQ;CDkzBlB;ASrrBE;EACE;EACA;EACA;EACA;EACA;EACA;CTurBJ;ASrrBI;EACE;EACA;EACA;EACA;CTurBN;AStrBM;EACE;EACA;EACA;CTwrBR;ASvrBM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CTyrBR;ASvrBE;EACE;CTyrBJ;ASvrBI;EACE;CTyrBN;ASvrBE;EACE;EACA,eRnKc;CD41BlB;;ASnrBE;EACE;EACA;EACA;CTsrBJ;ASrrBI;EACE;EACA;EACA;CTurBN;ASnrBQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CTqrBV;;AU/4BA;;gFAAA;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,0BTcg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3+CM;EACE;EACA;EACA;EACA;EACA;EACA;EAEE,0BhBNQ;EgBOR;EACA;EAEF;CjB2+CR;AiBz+CQ;EACE;CjB2+CV;AiBv+CU;EACE;CjBy+CZ;AiBx+CU;EACE;CjB0+CZ;AiBz+CU;EACE;CjB2+CZ;AiB1+CU;EACE;CjB4+CZ;AiB3+CU;EACE;CjB6+CZ;AiB5+CU;EACE;CjB8+CZ;AiB7+CU;EACE;CjB++CZ;AiB1+CQ;EXnEN;EAEA,wBWkEc;EXjEd,oBWiEsB;CjBg/CxB;AiB/+CU;EACE;EACA;EACA;EACA;EACA;EACA,ehB9CM;CD+hDlB;AiB/+CQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEE;EACA;CjBg/CZ;AiB9+CQ;EACE;EACA;EACA;EACA;CjBg/CV;AiB/+CU;EACE;UAAA;CjBi/CZ;AiB/+CQ;EACE;EACA;EACA;EACA;EXrGR;EAEA,wBWoGc;EXnGd,oBWmGsB;EACd;EACA;EACA;EACA;EACA;CjBq/CV;AkB1kDE;EACE;EACA,0BjBCc;EiBAd;EACA;EACA;EAAA;EAAA;EACA;EACA;UAAA;ClB4kDJ;AkBzkDI;EACE;UAAA;ClB2kDN;AkB5kDI;EACE;UAAA;ClB8kDN;AkB/kDI;EACE;UAAA;ClBilDN;AkBllDI;EACE;UAAA;ClBolDN;AkBrlDI;EACE;UAAA;ClBulDN;AkBxlDI;EACE;UAAA;ClB0lDN;AkB3lDI;EACE;UAAA;ClB6lDN;AkB9lDI;EACE;UAAA;ClBgmDN;AkBjmDI;EACE;UAAA;ClBmmDN;AkBpmDI;EACE;UAAA;ClBsmDN;AkBvmDI;EACE;UAAA;ClBymDN;AkB1mDI;EACE;UAAA;ClB4mDN;AkB7mDI;EACE;UAAA;ClB+mDN;AkBhnDI;EACE;UAAA;ClBknDN;AkBnnDI;EACE;UAAA;ClBqnDN;AkBtnDI;EACE;UAAA;ClBwnDN;AkBznDI;EACE;UAAA;ClB2nDN;AkB5nDI;EACE;UAAA;ClB8nDN;AkB/nDI;EACE;UAAA;ClBioDN;AkBloDI;EACE;UAAA;ClBooDN;AkBroDI;EACE;UAAA;ClBuoDN;AkBxoDI;EACE;UAAA;ClB0oDN;AkB3oDI;EACE;UAAA;ClB6oDN;AkB9oDI;EACE;UAAA;ClBgpDN;AkBjpDI;EACE;UAAA;ClBmpDN;AkBppDI;EACE;UAAA;ClBspDN;AkBvpDI;EACE;UAAA;ClBypDN;AkB1pDI;EACE;UAAA;ClB4pDN;AkB7pDI;EACE;UAAA;ClB+pDN;AkBhqDI;EACE;UAAA;ClBkqDN;AkBnqDI;EACE;UAAA;ClBqqDN;AkBtqDI;EACE;UAAA;ClBwqDN;AkBzqDI;EACE;UAAA;ClB2qDN;AkB5qDI;EACE;UAAA;ClB8qDN;AkB/qDI;EACE;UAAA;ClBirDN;AkBlrDI;EACE;UAAA;ClBorDN;AkBrrDI;EACE;UAAA;ClBurDN;AkBxrDI;EACE;UAAA;ClB0rDN;AkB3rDI;EACE;UAAA;ClB6rDN;AkB9rDI;EACE;UAAA;ClBgsDN;AkBjsDI;EACE;UAAA;ClBmsDN;AkBpsDI;EACE;UAAA;ClBssDN;AkBvsDI;EACE;UAAA;ClBysDN;AkB1sDI;EACE;UAAA;ClB4sDN;AkB7sDI;EACE;UAAA;ClB+sDN;AkBhtDI;EACE;UAAA;ClBktDN;AkBntDI;EACE;UAAA;ClBqtDN;AkBttDI;EACE;UAAA;ClBwtDN;AkBztDI;EACE;UAAA;ClB2tDN;AkB5tDI;EACE;UAAA;ClB8tDN;AkB/tDI;EACE;UAAA;ClBiuDN;AkBluDI;EACE;UAAA;ClBouDN;AkBruDI;EACE;UAAA;ClBuuDN;AkBxuDI;EACE;UAAA;ClB0uDN;AkB3uDI;EACE;UAAA;ClB6uDN;AkB9uDI;EACE;UAAA;ClBgvDN;AkBjvDI;EACE;UAAA;ClBmvDN;AkBpvDI;EACE;UAAA;ClBsvDN;AkBvvDI;EACE;UAAA;ClByvDN;AkB1vDI;EACE;UAAA;ClB4vDN;AkB7vDI;EACE;UAAA;ClB+vDN;AkBhwDI;EACE;UAAA;ClBkwDN;AkBnwDI;EACE;UAAA;ClBqwDN;AkBtwDI;EACE;UAAA;ClBwwDN;AkBzwDI;EACE;UAAA;ClB2wDN;AkB5wDI;EACE;UAAA;ClB8wDN;AkB/wDI;EACE;UAAA;ClBixDN;AkBlxDI;EACE;UAAA;ClBoxDN;AkBrxDI;EACE;UAAA;ClBuxDN;AkBxxDI;EACE;UAAA;ClB0xDN;AkB3xDI;EACE;UAAA;ClB6xDN;AkB9xDI;EACE;UAAA;ClBgyDN;AkBjyDI;EACE;UAAA;ClBmyDN;AkBpyDI;EACE;UAAA;ClBsyDN;AkBvyDI;EACE;UAAA;ClByyDN;AkB1yDI;EACE;UAAA;ClB4yDN;AkB7yDI;EACE;UAAA;ClB+yDN;AkBhzDI;EACE;UAAA;ClBkzDN;AkBnzDI;EACE;UAAA;ClBqzDN;AkBtzDI;EACE;UAAA;ClBwzDN;AkBzzDI;EACE;UAAA;ClB2zDN;AkB5zDI;EACE;UAAA;ClB8zDN;AkB/zDI;EACE;UAAA;ClBi0DN;AkBl0DI;EACE;UAAA;ClBo0DN;AkBr0DI;EACE;UAAA;ClBu0DN;AkBx0DI;EACE;UAAA;ClB00DN;AkB30DI;EACE;UAAA;ClB60DN;AkB90DI;EACE;UAAA;ClBg1DN;AkBj1DI;EACE;UAAA;ClBm1DN;AkBp1DI;EACE;UAAA;ClBs1DN;AkBv1DI;EACE;UAAA;ClBy1DN;AkB11DI;EACE;UAAA;ClB41DN;AkB71DI;EACE;UAAA;ClB+1DN;AkBh2DI;EACE;UAAA;ClBk2DN;AkBn2DI;EACE;UAAA;ClBq2DN;AkBt2DI;EACE;UAAA;ClBw2DN;AkBz2DI;EACE;UAAA;ClB22DN;AkB52DI;EACE;UAAA;ClB82DN;AkB/2DI;EACE;UAAA;ClBi3DN;AkBl3DI;EACE;UAAA;ClBo3DN;AkBr3DI;EACE;UAAA;ClBu3DN;AiB1yDM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ehBtHU;EgBuHV;EACA;CjB4yDR;AiB3yDQ;EACE;EACA,0BhB3HQ;CDw6DlB;AiB3yDQ;EACE;CjB6yDV;AiB3yDM;EACE;EACA;CjB6yDR;AiB5yDQ;EACE;CjB8yDV;AiB5yDQ;EACE;EACA;EACA;EAEA,0BhB5GQ;EO5BhB;CRs7DF;AQp7DE;EARA;EACA;EACA;CR+7DF;AiBhzDQ;EACE;EACA;EACA,ehBjJQ;EgBkJR;EACA;CjBkzDV;AiBhzDM;EACE;EACA;EXxJN;EAEA,4BWuJY;EXtJZ,oBWsJwB;EAClB;CjBszDR;AiBpzDQ;EACE;CjBszDV;AiBpzDQ;EACE;EAEE;EACA;EACA;EACA;EACF;EACA;EACA;CjBqzDV;AiBnzDM;EX1KJ;EAEA,wBWyKY;EXxKZ,oBWwKoB;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CjByzDR;AiBvzDQ;EACE;CjByzDV;AiBvzDQ;EACE;EACA;EACA;EACA;EAEE;EACA;EACA;EACA;CjBwzDZ;AiBtzDQ;EACE;EACA;CjBwzDV;AiBtzDU;EACE;CjBwzDZ;AiBtzDM;EACE;CjBwzDR;AiBrzDE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CjBszDJ;AiBpzDI;EACE,sBhBpMY;EgBqMZ;CjBszDN;AiBpzDI;EACE;EACA;EACA;EACA;EAEE;EACA;EACA;EACA;CjBqzDR;AiBnzDI;EACE;EACA,ehBhNY;EgBiNZ;EACA;CjBqzDN;AiBnzDI;EACE;EACA;EACA;EACA;EACA;CjBqzDN;AiBnzDI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA,ehB1OY;EgB2OZ;CjBozDN;AiBlzDM;EACE,0BhB9OU;EgB+OV;CjBozDR;AiBlzDI;EACE;EACA;EACA;CjBozDN;AiBlzDM;EACE;EACA;EACA;EACA;CjBozDR;AiBlzDM;EACE;CjBozDR;AiBlzDI;EACE;CjBozDN;;AmBhlEA;EACE;EACA;CnBmlEF;AmBjlEE;EACE;EACA,elBSc;EkBRd;CnBmlEJ;;AoB1lEA;EACE;CpB6lEF;AoB1lEE;EACE;EACA;EACA;CpB4lEJ;AoB3lEI;EACE;EACA;EACA;CpB6lEN;AoB5lEM;EACE;EACA;CpB8lER;AoB1lEE;EACE;EACA;EACA;EACA;CpB4lEJ;AoB1lEI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,enBjCY;EmBkCZ,oBnB7BY;CDynElB;AoB1lEM;EACE;CpB4lER;AoB1lEM;EACE;EACA;CpB4lER;AoBzlEI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EdnDJ;EAEA,wBckDU;EdjDV,oBciDkB;CpB+lEpB;AoB7lEM;EACE;CpB+lER;AoB7lEM;EACE;EACA;EACA;EACA;EACA;EACA;CpB+lER;AoB9lEE;EACE;EACA;EACA;CpBgmEJ;AoB9lEI;EACE;EACA;EACA;EACA;EACA,enB1EY;EmB2EZ;EACA,0BnBxEY;EmByEZ;Ed7EJ;EAEA,4Bc4EU;Ed3EV,oBc2EsB;CpBomExB;AoBlmEM;EACE;EACA;EACA;EdnFN;EAEA,wBckFY;EdjFZ,oBciFoB;EACd;EACA;EACA;EACA;EACA;EACA;CpBwmER;AoBtmEQ;EACE;EACA;EACA;EACA;EAEE;EACA;EACA;EACA;CpBumEZ;AoBrmEQ;EACE;CpBumEV;AoBrmEU;EACE;CpBumEZ;AoBpmEM;EACE;CpBsmER;AoBpmEM;EACE;EACA;EdnHN;EAEA,4BckHY;EdjHZ,oBciHwB;EAClB;CpB0mER;AoBzmEQ;EACE;CpB2mEV;AoBzmEQ;EACE;EAEE;EACA;EACA;EACA;EACF;EACA;EACA;CpB0mEV;AoBtmEQ;EACE;CpBwmEV;AoBrmEE;EACE;CpBumEJ;;AoBrmEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CpBwmEF;AoBtmEE;EACE;CpBwmEJ;AoBpmEE;EACE;EACA;EACA,enBjKc;CDuwElB;AoB/lEI;EACE;CpBimEN;AoB/lEM;EACE;EACA,0BnBrKU;EmBsKV,enB9KU;EmB+KV;CpBimER;;AqBlxEA;EfGE;EAEA,4BeJM;EfKN,oBeLkB;CrByxEpB;AqBvxEE;EACE;CrByxEJ;AqBvxEE;EACE;CrByxEJ;AqBvxEE;EACE;CrByxEJ;AqBvxEE;EACE;EACA;EACA;CrByxEJ;AqBvxEE;EACE;EACA;EACA;EACA;EACA;EACA,0BpBjBc;EoBmBd;EACA;CrBwxEJ;AqBtxEI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;EAAA;EAAA;CrBwxEN;AqBtxEI;EACE,0BpBDY;CDyxElB;AqBtxEM;EACE;UAAA;CrBwxER;;AsBr0EA;EACE;CtBw0EF;AsBr0EI;EACE;CtBu0EN;AsBr0EE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;EAAA;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CtBu0EJ;AsBr0EI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CtBu0EN;AsBr0EI;EhBhCF;EAEA,wBgB+BU;EhB9BV,sBgB8BkB;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEE;EACA;EACA;EACA;CtB00ER;AsBx0EM;EACE;EACA;EACA;EACA;EACA;CtB00ER;AsBx0EI;EACE;CtB00EN;AsBx0EM;EACE;EACA;EACA;CtB00ER;AsBx0EQ;EACE;EACA;EACA;CtB00EV;AsBx0EU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;UAAA;EACA,0BrB9EM;EqB+EN;EAAA;EAAA;CtB00EZ;AsBx0EQ;EACE,erBlFQ;EqBmFR;EACA;EACA;CtB00EV;AsBx0EQ;EACE,erBnDQ;EqBoDR;CtB00EV;AsBt0EY;EACE;UAAA;CtBw0Ed;AsBt0EI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CtBw0EN;AsBt0EI;EACE;EACA;UAAA;EACA;CtBw0EN;AsBt0EI;EACE;EACA;EACA;CtBw0EN;AsBt0EM;EACE;CtBw0ER;AsBt0EM;EACE;EACA;CtBw0ER;;AuBv8EA;EjBGE;EAEA,4BiBJM;EjBKN,oBiBLkB;CvB88EpB;;AuB58EA;EACE;EACA;EACA;CvB+8EF;AuB78EE;EACE;CvB+8EJ;AuB78EE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,etBjBc;EsBkBd,oBtBbc;CD49ElB;AuB78EI;EACE;EACA;CvB+8EN;AuB78EI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CvB+8EN;AuB58EM;EACE;UAAA;CvB88ER;AuB58EI;EACE;CvB88EN;;AuB38EA;EACE;EACA;CvB88EF;AuB58EE;EACE;CvB88EJ;AuB58EE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CvB88EJ;AuB58EI;EACE;CvB88EN;AuB58EI;EACE;EACA;EACA,etBnEY;CDihFlB;AuBx8EM;EACE,0BtBlEU;CD4gFlB;AuBv8EM;EACE;CvBy8ER;AuBv8EQ;EACE;EACA,0BtB1EQ;EsB2ER,etBnFQ;CD4hFlB;;AwB9hFA;EACE;EACA,0BvBQgB;EuBLhB;CxBiiFF;;AyBtiFA;EACE;EACA;CzByiFF;AyBviFE;EACE;EACA;EACA;CzByiFJ;AyBviFE;EACE;EACA;EACA;EACA;EACA;EjBPF;CRijFF;AQ/iFE;EARA;EACA;EACA;CR0jFF;AyB5iFI;EACE;CzB8iFN;AyB/iFI;EACE;CzB8iFN;AyB/iFI;EACE;CzB8iFN;AyB/iFI;EACE;CzB8iFN;AyB/iFI;EACE;CzB8iFN;AyB5iFE;EACE;EACA;EACA;EACA;CzB8iFJ;;A0BtkFA;EACE;C1BykFF;A0BvkFE;EACE;C1BykFJ;A0BvkFE;EACE;EACA;EACA;EACA;EACA;C1BykFJ;A0BvkFI;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;ElBfJ;EkBiBI;EACA;C1BwkFN;AQxlFE;EARA;EACA;EACA;CRmmFF;A0B3kFM;EACE;C1B6kFR;A0B9kFM;EACE;C1B6kFR;A0B9kFM;EACE;C1B6kFR;A0B9kFM;EACE;C1B6kFR;A0B9kFM;EACE;C1B6kFR;;A0BzkFA;EACE;C1B4kFF;;A0B1kFA;EACE;C1B6kFF;;A2B/mFE;EACE;EACA,e1BWc;E0BVd;EACA,iB1BwDkB;E0BvDlB;EACA;C3BknFJ;;A4B1nFA;EACE;EACA;C5B6nFF;A4B3nFE;EACE;EACA;EACA;C5B6nFJ;A4B3nFE;EACE;C5B6nFJ;;A6BvoFA;EACE;EACA;EACA;C7B0oFF;A6BxoFE;EACE;EACA;EACA;ErBDF;CR4oFF;AQ1oFE;EARA;EACA;EACA;CRqpFF;A6B7oFE;EACE;EACA;EACA;EACA;EACA;C7B+oFJ;A6B7oFI;EACE;EACA;EACA;EACA;C7B+oFN;A6B9oFM;EACE;EACA;C7BgpFR;A6B7oFI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;C7B+oFN;A6B7oFM;EACE;C7B+oFR;A6B7oFE;EACE;EACA;EACA;EACA;C7B+oFJ;A6B7oFI;EACE;C7B+oFN;A6B7oFI;EACE;EACA;EACA,e5BhDY;E4BiDZ;EACA;EACA;C7B+oFN;A6B7oFI;EACE;EACA;EACA;EACA;C7B+oFN;A6B7oFM;EACE;EACA;EACA;EACA;EACA;C7B+oFR;A6B7oFQ;EACE;UAAA;C7B+oFV;A6B7oFM;EACE;EACA;EvBxEN;EAEA,wBuBuEY;EvBtEZ,oBuBsEoB;EACd;EACA;EACA;EACA;EACA;C7BmpFR;A6BjpFQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;EACA;C7BmpFV;A6BjpFQ;EACE;C7BmpFV;A6BlpFU;EACE;UAAA;C7BopFZ;A6BlpFQ;EACE;C7BopFV;A6BjpFQ;EACE;C7BmpFV;A6BlpFU;EACE;C7BopFZ;A6BlpFU;EACE;C7BopFZ;A6BnpFY;EACE;C7BqpFd;;A6BlpFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;C7BqpFF;A6BnpFE;EACE;EACA;EACA;EACA;EACA;EACA;C7BqpFJ;A6BnpFI;EACE;EACA;EvBzIJ;EAEA,wBuBwIU;EvBvIV,oBuBuIkB;EACd;EACA;EACA;EACA;EACA;EACA;EACA;C7BypFN;A6BvpFM;EACE;C7BypFR;A6BvpFM;EACE;EACA;C7BypFR;A6BvpFM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;EACA;EACA;C7BypFR;A6BvpFI;EACE;C7BypFN;A6BxpFM;EACE;UAAA;C7B0pFR;A6BxpFI;EACE;C7B0pFN;A6BzpFM;EACE;EACA;UAAA;C7B2pFR;A6BzpFI;EACE;EACA;C7B2pFN;A6BzpFM;EACE;KAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,e5BlLU;E4BmLV;C7B2pFR;A6BzpFQ;EACE;EACA;C7B2pFV;A6BzpFQ;EACE;EACA;C7B2pFV;A6BzpFQ;EACE;C7B2pFV;A6BxpFE;EACE;EACA;EACA;C7B0pFJ;A6BxpFI;EACE;EACA;C7B0pFN;A6BxpFM;EvBvNJ;EAEA,+BuBsNY;EvBrNZ,oBuBqN2B;C7B8pF7B;A6B5pFM;EvB1NJ;EAEA,wBuByNY;EvBxNZ,oBuBwNoB;EACd;EACA;EACA;EACA;EACA;EACA;EACA,e5BjOU;CDm4FlB;A6BhqFI;EACE;EACA;C7BkqFN;A6BhqFM;EvBxOJ;EAEA,+BuBuOY;EvBtOZ,oBuBsO2B;C7BsqF7B;A6BpqFM;EvB3OJ;EAEA,wBuB0OY;EvBzOZ,oBuByOoB;EACd;C7B0qFR;A6BxqFQ;EACE;EvBhPR;EAEA,wBuB+Oc;EvB9Od,oBuB8OsB;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA,e5BxPQ;E4ByPR;EACA;C7B8qFV;A6B5qFU;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;C7B8qFZ;A6B3qFY;EACE;C7B6qFd;A6B3qFQ;EACE;C7B6qFV;A6B1qFU;EACE;C7B4qFZ;A6B1qFQ;EACE;EACA;C7B4qFV;A6B3qFU;EACE;C7B6qFZ;;A8Bx8FA;EACE;EACA;EACA;C9B28FF;;A8Bx8FA;EACE;EACA;EACA;C9B28FF;A8Bx8FI;EACE;C9B08FN;;A8Br8FA;ExBfE;EAEA,0BwBcc;ExBbd,oBwBawB;EACxB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;C9B48FF;A8B18FE;EACE;C9B48FJ;A8Bz8FE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;C9B28FJ;A8Bz8FI;EACE;EACA;C9B28FN;A8Bv8FE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iC9BxES;CAihGb;;A8Br8FA;EACE;EACA;EACA;C9Bw8FF;;A8Bp8FA;EACE;EAAA;EACA;EACA;EAAA;C9Bu8FF;;A8Bp8FA;EACE;EACA;EACA;EACA;EACA;EACA,e7B/DgB;E6BgEhB;C9Bu8FF;;A8Bp8FA;EACE;EACA;ExBlGA;EAEA,+BwBiGc;ExBhGd,oBwBgG6B;EAC7B;EACA;EACA;C9B28FF;A8Bz8FE;EACE;EACA;KAAA;MAAA;UAAA;C9B28FJ;A8Bx8FE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,0B7BvFc;E6BwFd;C9B08FJ;A8Bv8FE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;C9By8FJ;A8Br8FI;EACE;C9Bu8FN;;A8Bl8FA;EACE;C9Bq8FF;A8Bn8FE;EACE;C9Bq8FJ;;A8Bj8FA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;C9Bo8FF;;A+BpmGA;EACE;EACA;EACA;EACA;C/BumGF;A+BrmGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;C/BumGJ;A+BpmGE;EACE;EACA;C/BsmGJ;;A+BjmGA;EACE;EzBzBA;EAEA,4ByBwBc;EzBvBd,oByBuB0B;EAC1B;EACA;KAAA;MAAA;UAAA;C/BwmGF;;A+BrmGA;EzB/BE;EAEA,wByB8Bc;EzB7Bd,oByB6BsB;EACtB;EACA;EACA;EACA;C/B4mGF;A+B1mGE;EACE;C/B4mGJ;;A+BxmGA;EACE;EACA;EACA;EACA;C/B2mGF;;A+BxmGA;EACE;C/B2mGF;;A+BxmGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;C/B2mGF;;A+BxmGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;C/B2mGF;A+BzmGE;EACE;C/B2mGJ;;AgC5rGA;EACE,0B/BSgB;E+BRhB;EACA;ChC+rGF;;AgC7rGA;E1BFE;EAEA,4B0BCM;E1BAN;E0BCA;EACA;EACA;ChCosGF;;AgClsGA;EACE;EACA;EACA;EACA;EACA;EACA;ChCqsGF;AgCnsGE;EACE;ChCqsGJ;AgCnsGE;EACE;ChCqsGJ;AgCnsGE;EACE,0B/Bfc;CDotGlB;AgCpsGI;EACE;ChCssGN;AgCpsGE;EACE,0B/BDc;CDusGlB;AgCnsGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ChCqsGJ;;AgCnsGA;EACE;ChCssGF;;AgCpsGA;EACE;EACA;EACA;EACA;ChCusGF;AgCrsGE;EACE;EACA;ChCusGJ;;AiC5vGA;E3BCE;EAEA,4B2BFc;E3BGd,wB2BH0B;CjCmwG5B;;AiChwGA;EACE;CjCmwGF;;AiChwGA;EACE;CjCmwGF;;AiChwGA;EACE;EACA;EACA;EACA;EACA;CjCmwGF;AiChwGI;EACE;CjCkwGN;AiC9vGE;EACE;EACA;EACA;EACA;EACA;CjCgwGJ;;AiC5vGA;EACE;EACA;EACA;CjC+vGF;;AiC5vGA;EACE;EACA;EACA;EACA,ehC1CgB;EgC2ChB;EACA,iBhCcoB;CDivGtB;;AiC5vGA;EACE;EACA,ehClDgB;CDizGlB;;AiC5vGA;E3BrDE;EAEA,4B2BoDc;E3BnDd,oB2BmD0B;E3B/C1B;EACA;EACA;CNmzGF;;AiClwGA;EACE;EACA;EACA;EACA;EACA,ehC9DgB;CDm0GlB;;AiClwGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,ehC1EgB;EgC4EhB;EACA;EzBxEA;CR60GF;AQ30GE;EARA;EACA;EACA;CRs1GF;;AiCrwGA;EACE;EACA;EACA;CjCwwGF;;AiCrwGA;EACE;EACA;CjCwwGF;AiCtwGE;EACE;CjCwwGJ;;AkCt2GE;EACE;EACA;EACA;EACA;EACA;ClCy2GJ;AkCv2GI;EACE;ClCy2GN;AkCv2GI;EACE;ClCy2GN;AkCv2GI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ClCy2GN;AkCv2GE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ejCjCc;CD04GlB;;AmC34GE;EACE;EACA;EACA;EACA;EACA;E3BCF;CR84GF;AQ54GE;EARA;EACA;EACA;CRu5GF;AmCj5GI;EACE;CnCm5GN;AmCp5GI;EACE;CnCm5GN;AmCp5GI;EACE;CnCm5GN;AmCp5GI;EACE;CnCm5GN;AmCp5GI;EACE;CnCm5GN;AmCj5GE;EACE;EACA;EACA;EACA;CnCm5GJ;;AoCj6GA;EACE;EACA;EACA;CpCo6GF;;AqCv6GA;EACE;EACA;EACA;EACA;CrC06GF;AqCz6GE;EACE;EACA;CrC26GJ;AqC16GI;EACE;EACA;CrC46GN;AqC16GQ;EACE;EACA;EACA;EACA;EACA;EACA;CrC46GV;AqC16GU;EACE;EACA;EACA;EACA;EACA;EACA;CrC46GZ;AqC16GM;EACE;EACA;EACA;EACA;CrC46GR;AqC16GQ;EACE;EACA;EACA;CrC46GV;AqC16GM;EACE;EACA;EACA;EACA;KAAA;UAAA;EACA;EACA;EACA;EACA;EACA,0BpCtBU;EoCuBV;EACA;CrC46GR;AqC16GQ;EACE;CrC46GV;AqCx6GE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CrC06GJ;AqCx6GI;EACE;CrC06GN;;AsC/+GA;EACE;EACA;EACA,erCsBgB;EqCrBhB;EACA;CtCk/GF;;AsC/+GA;EACE;EACA;EACA,erCqBgB;EqCpBhB;CtCk/GF;AsCh/GE;EACE;EACA;CtCk/GJ;;AsC9+GA;EACE;CtCi/GF;;AsC9+GA;EhCrBE;EAEA,+BgCoBc;EhCnBd,oBgCmB6B;EAC7B;EACA;CtCq/GF;;AsCl/GA;EACE;EACA;EACA;EACA,0BrCDgB;CDs/GlB;;AsCl/GA;EACE;EACA;EACA;EACA,erCTgB;CD8/GlB;;AsCl/GA;EACE;EACA;EACA,erCtBgB;EqCuBhB;CtCq/GF;;AsCl/GA;EACE,erCpBgB;EqCqBhB;CtCq/GF;AsCn/GE;EACE,erC5Bc;CDihHlB;;AsCj/GA;EACE;CtCo/GF;;AsCj/GA;EACE;CtCo/GF;;AsCj/GA;EACE;CtCo/GF;;AsCj/GA;EACE;EACA;CtCo/GF;AsCl/GE;EACE","file":"css/kms.css","sourcesContent":["$fontFamily: 'Rubik', sans-serif\n//$fontFamily: 'Muli', sans-serif\n\nhtml\n  font-size: 18px\n\nbody\n  margin: 0\n  color: white\n  font-family: $fontFamily\n  background-color: $darkerBlue\n\n  #main\n    position: fixed\n    top: 0\n    right: 0\n    bottom: 0\n    left: 230px\n    overflow: auto\n\n  input\n    font-family: $fontFamily\n\n.text-muted\n  color: $light-gray\n\n.text-primary\n  color: $brand-primary\n\n.text-success\n  color: $brand-success\n\n.text-info\n  color: $brand-info\n\n.text-warning\n  color: $brand-warning\n\n.text-danger\n  color: $brand-danger\n\n.text-light\n  color: $light-gray\n  font-weight: $font-weight-light\n\nh1, h2, h3, h4\n  font-weight: $font-weight-normal\n\nh1\n  font-size: 1.8rem\n\nh2\n  font-size: 1.6rem\n\nh3\n  font-size: 1.4rem\n\nh4\n  font-size: 1.2rem\n\n.inline\n  display: inline\n\n//selectyearandmonth\n#selectYearAndMonthForm .selectize-control\n  float: left\n  width: 45%\n  margin-left: 3.3333%","// Colors\n$darker-gray:     #2b2b31\n$dark-gray:       #32343a\n$medium-gray:     #70778c\n$light-gray:      #9ba0ae\n$lighter-gray:    #d8dae2\n$lightest-gray:   #e0e6ec\n$whitish:         #f7f7f7\n\n\n$dark-white:      #f4f5f7\n$white:           #ffffff\n\n$black:           #000000\n\n$brand-primary:   #3289ff\n$brand-secondary: #2B2F83\n$brand-success:   #3c763d\n$brand-info:      #31708f\n$brand-warning:   #ff8d00\n$brand-danger:    #f2303f\n\n\n\n// New Colors\n$darkerBlue:      #1D2433\n$darkBlue:        #2B2F83\n$neonBlue:        #0000FF\n$blue:            #3289ff\n$red:             #A60A15\n$brightRed:       #FF323C\n$green:           #7fb946\n$gray:            #70778c\n$lightGray:       #d8dae2\n$blueGray:        #eceef3\n$almostWhite:     #f7f7f7\n\n$iconColor:        #cfdae2\n\n\n$neonRed:         #f2303f\n$neonGreen:       #78dc84\n\n\n$baseImagePath: \"/img/kms\"\n\n$body-background-color: $lighter-gray\n$backgroundGradient: 170deg, rgba(243,247,250,1) 0%,rgba(232,235,242,1) 65%,rgba(217,221,232,1) 95%,rgba(205,208,211,1) 100%\n\n// Typography\n\n$text-color:        $dark-gray\n$font-family-base:  'Titillium Web', sans-serif\n\n$font-size-base:      20px\n$font-size-large:     ceil($font-size-base * 1.05)\n$font-size-small:     ceil($font-size-base * 0.85)\n\n$line-height-base:    1.6\n\n$font-weight-light:   310\n$font-weight-normal:  400\n$font-weight-bold:    600\n$font-weight-heavy:   700\n\n$font-weight-base:    $font-weight-normal\n\n\n// Sidebar\n\n$sidebar-width:             240px\n$sidebar-background-color:  $dark-gray\n$sidebar-logo-font-size:    $font-size-base\n$sidebar-logo-font-weight:  $font-weight-bold\n$sidebar-logo-font-color:   $white\n\n$sidebar-font-weight:       $font-weight-bold\n$sidebar-font-size:         $font-size-large\n$sidebar-font-color:        $white\n\n\n// Vertical grid\n\n$grid-row: 30px\n@function grid-row($factor: 1)\n  @return $grid-row * $factor","/* ==========================================================================\n   Basic style settings\n   ========================================================================== */\n\n*\n  box-sizing: border-box\n\n/*\n * Set up the body\n *\n * 1. This is the base for al rem units\n * 2. Makes sue that some fonts are better rendered\n * #. Set font to lining figures\n */\nhtml\n  //font-size: 20px\n  line-height: 1.6\n  -webkit-font-smoothing: antialiased\n  -moz-osx-font-smoothing: grayscale\n  text-rendering: optimizeLegibility\n  font-feature-settings: 'lnum'\n\n/**\n * 1.Default display for images is block to lose the extra margin below the image\n * 2. Remove border / especially on older browsers\n */\nimg, svg\n  display: block\n  border: none\n\n/**\n  * Add translation to prevent recoloring from autocomplete\n  */\ninput, textarea\n  ::placeholder\n    transition: all 9999s linear 9999s\n\n/*\n * Remove default margin around figure\n */\nfigure\n  margin: 0","@keyframes shake1\n  0%\n    transform: translate3d(.5px, .25px, 0)\n  10%\n    transform: translate3d(-.25px, -.5px, 0)\n  20%\n    transform: translate3d(-.75px, 0px, 0)\n  30%\n    transform: translate3d(0px, .5px, 0)\n  40%\n    transform: translate3d(.25px, -.25px, 0)\n  50%\n    transform: translate3d(-.25px, .5px, 0)\n  60%\n    transform: translate3d(-.75px, .25px, 0)\n  70%\n    transform: translate3d(.5px, .25px, 0)\n  80%\n    transform: translate3d(-.25px, -.25px, 0)\n  90%\n    transform: translate3d(.5px, .5px, 0)\n  100%\n    transform: translate3d(.25px, -.5px, 0)\n\n@keyframes shake2\n  0%\n    transform: translate3d(.25px, -.5px, 0)\n  10%\n    transform: translate3d(.5px, .5px, 0)\n  20%\n    transform: translate3d(-.25px, -.25px, 0)\n  30%\n    transform: translate3d(.5px, .25px, 0)\n  40%\n    transform: translate3d(-.75px, .25px, 0)\n  50%\n    transform: translate3d(-.25px, .5px, 0)\n  60%\n    transform: translate3d(.25px, -.25px, 0)\n  70%\n    transform: translate3d(0px, .5px, 0)\n  80%\n    transform: translate3d(-.75px, 0px, 0)\n  90%\n    transform: translate3d(-.25px, -.5px, 0)\n  100%\n    transform: translate3d(.5px, .25px, 0)\n","/* ==========================================================================\n  Functions used in grid calculation\n  ========================================================================== */\n\n/**\n * Define amount of grid columns\n */\n$gridColumns : 14\n\n/**\n  * This is where the magic happens\n  * Return percentage based on amount of columns\n  * Use parent column size to adjust the origin\n  */\n@function calculateColumnSize($columnCount : 1, $origin : $gridColumns)\n  // Calculate the width for a single column on a full grid\n  $singleColumnSize : 100 / $gridColumns\n\n  // Get the origin size in percentage from the full grid\n  $originPercentage : $origin / $gridColumns * 100\n\n  // Calculate single column from new origin\n  $newSingleColumnSize : $singleColumnSize / $originPercentage * 100\n\n  // Return amount of columns as percentage\n  @return ($newSingleColumnSize * $columnCount)\n\n/**\n  * Default function for columns\n  * Return as percentage\n  */\n@function column($columnCount : 1, $origin : $gridColumns)\n  @return calculateColumnSize($columnCount,$origin) * 1%\n\n/**\n  * Return as viewport width\n  */\n@function columnVw($columnCount : 1, $origin : $gridColumns)\n  @return calculateColumnSize($columnCount,$origin) * 1vw","/* ==========================================================================\n   Login KMS\n   ========================================================================== */\n\n.login\n  position: relative\n  min-height: 100vh\n  +flex(center, center)\n  background-color: $darkerBlue\n  background-image: url(\"#{$baseImagePath}/background.svg\")\n  background-size: cover\n  background-position: center\n\n\n  .placeholder\n    width: 80%\n    max-width: 400px\n    padding: 20px 40px\n    background-color: white\n    color: $darkBlue\n\n    .header\n      margin-bottom: 20px\n      +flex(space-between, center)\n\n      &.small\n        margin-bottom: 20px\n\n      img\n        display: block\n        width: 45px\n        height: 45px\n        margin-left: auto\n\n      h2\n        width: calc(100% - 45px)\n        margin: 0\n        color: $darkBlue\n        font-size: 1.2rem\n        font-weight: bold\n\n    label\n      font-size: 0.8rem\n\n    /* Alert messages\n      ========================================================================== */\n\n    .warning\n      padding: 7px 12px\n      margin: 8px 0\n      border: 1px solid $darkBlue\n      font-size: 0.7rem\n      color: $darkBlue\n\n    input\n      width: 100%\n      height: 40px\n      margin: 0 0 8px\n      border-radius: 4px\n      font-size: 0.7rem\n      color: $darkBlue\n\n      text-indent: 10px\n      border: $lighter-gray solid 1px\n      transition: box-shadow 0.4s\n\n      &:focus\n        outline: 0\n        box-shadow: rgba($neonBlue, .75) 0 0 5px 0\n\n      &[type=submit]\n        background-color: $darkBlue\n        border: none\n        color: white\n        text-align: center\n        cursor: pointer\n        transition: background-color 0.4s\n\n        &:hover\n          background-color: lighten($darkBlue, 10%)\n\n    a\n      color: $darkBlue\n      font-size: 0.7rem\n      font-weight: semibold()\n\n    .login__submit\n      margin-top: 20px\n\n","=flex($justify: space-between, $alignItem: stretch)\n  display: -ms-flexbox\n  display: -webkit-flex\n  display: flex\n\n  justify-content: $justify\n  align-items: $alignItem\n\n\n=flex-rows\n  flex-wrap: wrap\n  flex-direction: row\n  flex-flow: row wrap\n\n=order($place)\n  order: $place\n\n=align-content($align)\n  align-content: $align\n\n=align-self($align)\n  align-self: $align","/* ==========================================================================\n   Entities navigation KMS\n   ========================================================================== */\n\n#entities\n  position: absolute\n  top: 0\n  left: 0\n  width: 380px\n  height: auto\n  min-height: 100vh\n  background-color: white\n  color: $blue\n\n  /* Header block\n    ========================================================================== */\n  .entities-header\n    padding: 40px 0\n    border-bottom: 1px solid $lightGray\n    text-align: center\n\n    h1\n      font-size: 1.2rem\n      color: $darkBlue\n      font-weight: medium()\n      margin: 0\n    p\n      font-size: 0.7rem\n      color: $gray\n      opacity: 0.5\n      margin: 0\n      font-weight: lightest()\n\n\n  .entities-content\n    > p, h2\n      padding: 0 20px\n\n    > p\n      font-size: 0.9rem\n\n\n  /* Search block\n    ========================================================================== */\n  .search\n    .search-field\n      height: 50px\n      border-top: 1px solid $lightGray\n      border-bottom: 1px solid $lightGray\n      font-size: 0.9rem\n      cursor: text\n\n      background-color: $dark-white\n      background-image: url(\"#{$baseImagePath}/icons/icon_search.svg\")\n      background-repeat: no-repeat\n      background-position: 7px center\n\n      input\n        width: 100%\n        height: 50px\n        padding: 0\n        margin: 0\n        border: none\n        font-size: 0.7rem\n        line-height: 2.2\n        text-indent: 90px\n        background-color: transparent\n        +attribute-focus\n\n    .search-result-text\n      display: none\n      height: 50px\n      width: 100%\n      border-bottom: 2px solid $blue\n      transition: background-color 0.2s, color 0.2s\n      margin: 0\n      padding: 0 15px 0 60px\n\n      color: $medium-gray\n      font-size: 0.7rem\n      line-height: 1\n\n      span\n        display: inline-block\n        //font-size: 0.85rem\n        margin-left: 5px\n        color: $blue\n\n    .entities-list\n      display: none\n      height: calc( 100vh - 235px)\n\n      ul\n        .entities-list-item\n          display: none\n\n          &.active\n            display: block\n\n            > a\n              background-color: transparent\n              color: $medium-gray\n\n              .icon\n                background-color: rgba($lightGray, 0.6)\n\n              p\n                margin: 0\n                width: calc(100% - 65px)\n\n                &:before\n                  content: attr(data-breadcrumb)\n                  display: block\n                  color: $medium-gray\n                  font-size: 0.6rem\n                  opacity: 0.5\n\n\n    &.active\n      .entities-list\n        display: block\n\n      .search-result-text\n        +flex(flex-start,center)\n\n\n  /* Add new item block\n    ========================================================================== */\n  .new-item\n    +flex(flex-start,center)\n    height: 50px\n    width: 100%\n    background-color: transparent\n    border-bottom: 2px solid $blue\n    transition: background-color 0.2s, color 0.2s\n\n    color: $blue\n    font-size: 0.7rem\n    line-height: 1\n    text-decoration: none\n\n    span\n      display: inline-block\n      width: 30px\n      height: 30px\n      margin: 0 15px 0 15px\n      border: 1px solid $blue\n      border-radius: 100%\n      background-color: white\n\n      &:before\n        content: ''\n        background-image: url(\"#{$baseImagePath}/icons/icon_plus.svg\")\n        background-repeat: no-repeat\n        background-position: center\n        display: inline-block\n        width: 30px\n        height: 30px\n\n    &:hover\n      background-color: $blue\n      color: white\n\n\n  /* Change order block\n    ========================================================================== */\n  .entities-order\n    position: relative\n    width: 100%\n    height: 50px\n    border-top: solid 1px $lightest-gray\n\n    .sortable-button\n      +flex(center, center)\n      width: 100%\n      height: 100%\n      text-decoration: none\n      color: $blue\n      font-size: 0.7rem\n      text-align: center\n      cursor: pointer\n\n      &:before\n        content: ''\n        display: inline-block\n        width: 19px\n        height: 23px\n        background-image: url(\"#{$baseImagePath}/icons/icon_reorder.svg\")\n        background-repeat: no-repeat\n        vertical-align: middle\n        margin-right: 10px\n\n      &.save-order\n        position: absolute\n        left: 0\n        top: 0\n        opacity: 0\n        pointer-events: none\n        z-index: -1\n        background-color: $blue\n        color: white\n\n        &.show\n          z-index: 2\n          opacity: 1\n          pointer-events: all\n\n        &:before\n          background-image: url(\"#{$baseImagePath}/icons/icon_save_order.svg\")\n\n\n  /* Entities list\n    ==========================================================================\n    Entities header:  141px\n    Search:           50px\n    New item:         50px\n    Order:            50px\n    */\n\n  #main-entities-list\n    &.hide\n      display: none\n\n  .entities-list\n    position: relative\n    height: calc( 100vh - 185px)\n    overflow: auto\n    overflow-x: hidden\n\n    ul\n      margin: 0\n      padding: 0\n      list-style: none\n\n      &.ui-sortable, &.sortable\n        height: calc(100% - 100px)\n        overflow: auto\n        overflow-x: hidden\n\n      // Each ul will be a bit deeper\n      ul\n        padding-left: 20px\n        min-height: 10px\n\n      // Sortable placeholder for indication where to drop\n      .sortable-placeholder\n        height: 50px\n        width: 100%\n        background-color: $almostWhite\n        border: 1px dashed rgba($brand-primary, 0.4)\n\n      // List item styling\n      .entities-list-item\n        background-color: white\n        transition: background-color 0.3s\n\n        //Zebra coloring\n        &:nth-child(even)\n          background-color: $almostWhite\n\n\n        // Text / placeholder\n        >a, .tree-node-content\n          position: relative\n          +flex(flex-start, center)\n          height: 50px\n          width: 100%\n          text-decoration: none\n          font-size: 0.7rem\n          line-height: 1.1\n          color: $gray\n          cursor: pointer\n          font-weight: lightest()\n\n          sub\n            opacity: 0.6\n\n          //Hover color\n          &:hover\n            background-color: $blueGray\n            color: $darkBlue\n\n        //Active coloring\n        &.active\n          >a, >.tree-node-content\n            background-color: $blue\n            color: white\n            .icon\n              background-color: $lightGray\n\n        // Status\n        .color-status\n          display: inline-block\n          height: 100%\n          width: 5px\n          background-color: transparent\n\n          &[data-status-type=\"0\"]\n            background-color: $lightGray\n          &[data-status-type=\"1\"]\n            background-color: $neonGreen\n          &[data-status-type=\"2\"]\n            background-color: $neonRed\n          &[data-status-type=\"3\"]\n            background-color: $brand-secondary\n          &[data-status-type=\"4\"]\n            background-color: $brand-warning\n          &[data-status-type=\"5\"]\n            background-color: $brand-success\n\n        p\n          margin: 0\n          width: calc(100% - 60px)\n\n        // Icon\n        .icon\n          +flex(center, center)\n          width: 30px\n          height: 30px\n          margin: 0 15px\n          border-radius: 100%\n          background-color: rgba($lightGray, 0.6)\n          background-position: center\n          background-size: cover\n          overflow: hidden\n\n          img\n            width: 30px\n            height: 30px\n\n          span\n            font-size: 0.8rem\n            color: $gray\n            position: relative\n            top: 1px\n\n        // Drop down icon\n        .triangle\n          position: absolute\n          right: 0\n          top: 0\n          +flex(center, center)\n          background-color: rgba(0,0,0, 0.03)\n          width: 40px\n          height: 100%\n          cursor: pointer\n          &:before\n            content: ''\n            display: inline-block\n            width: 10px\n            height: 5px\n            background-image: url(\"#{$baseImagePath}/icons/icon_triangle_down.svg\")\n            background-position: center center\n            background-repeat: no-repeat\n            transition: transform 0.4s\n\n        &[collapsed=true]\n          .triangle\n            &:before\n              transform: rotate(180deg)\n\n    // Sorting animation\n    .sorting\n      .entities-list-item\n        position: relative\n        cursor: move\n\n        a\n          cursor: move\n          animation: shake1 1.5s infinite alternate\n\n      .entities-list-item:nth-child(odd)\n        a\n          animation: shake2 1.5s infinite alternate\n\n\n/* Drag and drop styling\n    ========================================================================== */\n\n//.angular-ui-tree-drag.angular-ui-tree-nodes\n//  position: fixed\n//  margin: 0\n//  padding: 0\n//  list-style: none\n//  border: 1px solid $lightGray\n//\n//  .entities-list-item\n//    background-color: white\n//\n//    // Text / placeholder\n//    >a, .tree-node-content\n//      position: relative\n//      +flex(flex-start, center)\n//      height: 50px\n//      width: 100%\n//      text-decoration: none\n//      font-size: 0.7rem\n//      color: $darkBlue\n//      font-weight: lightest()\n//\n//    // Status\n//    .color-status\n//      display: inline-block\n//      height: 100%\n//      width: 5px\n//      background-color: $neonRed\n//      &.active\n//        background-color: $neonGreen\n//\n//    // Icon\n//    .icon\n//      +flex(center, center)\n//      width: 30px\n//      height: 30px\n//      margin: 0 15px\n//      border-radius: 100%\n//      background-color: rgba($lightGray, 0.6)\n//      overflow: hidden\n//\n//      img\n//        width: 30px\n//        height: 30px\n//\n//      span\n//        font-size: 0.8rem\n//        color: $gray\n//        position: relative\n//        top: 1px","@mixin focused-element\n  border-color: desaturate($brand-primary, 10%)\n  outline: 0\n  box-shadow: inset 0 1px 1px rgba($black, .075), inset 0 0 grid-row(.4) rgba(lighten(desaturate($brand-primary, 25%), 10%),.3)\n\n\n@mixin attribute-focus\n  transition: border-color .25s ease-in-out, box-shadow .25s ease-in-out\n\n  &:focus\n    +focused-element","/* ==========================================================================\n   Entity block KMS\n   ========================================================================== */\n\n#entity\n  position: absolute\n  top: 0\n  right: 0\n  bottom: 0\n  left: 400px\n  border-left: 1px solid rgba(white, 0.2)\n\n\n  /* Header + Save and Delete buttons\n    ========================================================================== */\n  .entity-header\n    +flex(space-between, center)\n    height: 140px\n    position: relative\n    padding-left: 40px\n    padding-right: 20px\n    box-shadow: inset 0px -20px 20px -20px rgba(0,0,0,.5)\n\n    // Group it for flex-box\n    .entity-header-attributes\n      width: calc(100% - 200px)\n      +flex(flex-start, center)\n\n      .entity-thumbnail\n        position: relative\n        width: 100px\n        height: 100px\n        overflow: hidden\n        border: solid 1px white\n        border-radius: 10px\n        background-color: $lightGray\n\n        line-height: 100px\n        text-align: center\n        font-size: 1.6rem\n        font-weight: bold\n        color: $gray\n\n        img\n          width: 100%\n          height: 100%\n          object-fit: contain\n\n        &:after\n          content: \"\"\n          position: absolute\n          display: block\n          width: 100%\n          height: 100%\n          top: 0\n          left: 0\n          z-index: 5\n          background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%)\n\n      h2\n        display: block\n        width: calc(100% - 100px)\n        padding-left: 40px\n        font-size: 1.2rem\n        color: white\n\n  // Entity Save and delete buttons\n  .entity-buttons\n    width: 200px\n\n    .save, .trash\n      display: inline-block\n      vertical-align: top\n      height: 40px\n      border-radius: 4px\n      appearance: none\n      border: none\n      cursor: pointer\n      transition: background-color 0.3s\n      &:focus\n        outline: none\n\n    .save\n      width: 150px\n      background-color: $blue\n      color: white\n      font-size: 0.7rem\n\n      &.disabled\n        pointer-events: none\n        background-color: lighten($darkerBlue, 10%)\n        color: rgba(white, 0.3)\n\n\n      &:hover\n        background-color: darken($blue, 10%)\n\n\n    .trash\n      width: 40px\n      background-color: $brightRed\n      background-image: url(\"#{$baseImagePath}/icons/icon_trash.svg\")\n      background-repeat: no-repeat\n      background-position: 50% 50%\n      background-size: 16px 16px\n\n      &:hover\n        background-color: darken($brightRed, 15%)\n\n  /* (Language) Tabs\n    ========================================================================== */\n  .entity-tabs\n    width: 100%\n    height: 50px\n    padding-left: 40px\n    background-color: lighten($darkerBlue, 5%)\n\n    ul\n      +flex(flex-start, flex-end)\n      margin: 0\n      padding: 0\n      list-style: none\n      height: 100%\n\n      li\n        background-color: lighten($darkerBlue, 15%)\n        margin: 0 5px\n        height: 35px\n        line-height: 40px\n        border-radius: 4px 4px 0 0\n        transition: background-color 0.3s, box-shadow 0.3s\n\n        a\n          display: block\n          height: 100%\n          width: 100%\n          color: white\n          font-size: 0.7rem\n          text-decoration: none\n          text-transform: uppercase\n          padding: 0 20px\n\n        &:hover\n          background-color: lighten($darkerBlue, 10%)\n\n        &.active\n          background-color: $white\n          a\n            color: $blue\n\n        &.error\n          background-color: $brightRed\n\n  /* Container for attributes\n    ========================================================================== */\n  .entity-attributes\n    position: absolute\n    top: 190px\n    bottom: 0\n    width: 100%\n    overflow: auto\n    background-color: white\n\n    .contentBlockAddButton //TODO: STYLE THIS PROPERLY\n      text-align: center\n      width: 33%\n      display: inline-block\n      cursor: pointer\n      img\n        display: block\n        margin: 0 auto\n        pointer-events: none\n      label\n        position: static\n        display: inline\n        margin-left: auto\n        font-size: 0.8rem\n        color: #9ba0ae\n        text-transform: uppercase\n        font-weight: 300\n        white-space: nowrap\n        pointer-events: none\n\n  .tab-content, .sub-tab-content\n    display: none\n\n    &.active\n      display: block\n\n  &.full-width\n    left: 0\n    color: $blue\n\n\n// TODO Discussion with Mike if we want this functionality for KMS\n// else it will be also moved to an own attribute block #badTim\n.fieldGroupCollection\n  ul\n    list-style: none\n    margin: 0\n    padding: 0\n    li\n      list-style: none\n      position: relative\n      padding-left: 25px\n    &.fieldGroupItems\n\n      li\n        &:before\n          content: ''\n          display: inline-block\n          height: 25px\n          width: 35px\n          background-image: url(\"#{$baseImagePath}/icons/drag.png\")\n          background-size: contain\n          background-repeat: no-repeat\n          position: absolute\n          left: 20px\n          top: 17px","/* ==========================================================================\n   Sidebar KMS\n   ========================================================================== */\n\n#sidebar\n  position: fixed\n  top: 0\n  left: 0\n  height: 100vh\n  padding-bottom: 50px\n  width: 230px\n  background-color: $darkerBlue\n\n  .logo-placeholder\n    height: 85px\n    width: 100%\n    background-image: url(\"#{$baseImagePath}/logo_background.svg\")\n    background-size: cover\n\n    a\n      +flex(space-between, center)\n      width: 100%\n      height: 100%\n      padding: 0 20px 0 20px\n      text-decoration: none\n\n      img\n        width: 40px\n        height: 40px\n\n      p\n        color: white\n        font-size: 0.75rem\n        line-height: 1.2\n\n  /* Account block\n   ========================================================================== */\n\n  .account-block\n    +flex(space-between, center)\n    text-decoration: none\n    border: 1px solid rgba(255,255,255, 0.2)\n    border-left: none\n    border-right: none\n    padding: 10px\n    height: 82px\n\n    figure\n      position: relative\n      +flex(center, center)\n      width: 60px\n      height: 60px\n      margin: 0\n      background-color: rgba($blue, 0.3)\n      border-radius: 100%\n\n      &:empty\n        &:after\n          content: ''\n          background:\n            image: url(\"#{$baseImagePath}/icons/user.svg\")\n            position: center\n            size: contain\n            repeat: no-repeat\n          width: 40px\n          height: 40px\n          opacity: 0.4\n\n      span\n        position: absolute\n        left: 0\n        top: 0\n        display: block\n        width: 100%\n        height: 100%\n        border-radius: 100%\n        background:\n          position: center\n          size: cover\n          repeat: no-repeat\n\n    .text\n      width: calc(100% - 80px)\n\n      h3\n        color: white\n        font-size: 0.85rem\n        margin: 0\n\n\n\n  /* Navigation\n   ========================================================================== */\n\n  .navigation\n    overflow: auto\n    position: fixed\n    //top: calc( 140px + 85px) // Height account block + logo\n    height: calc(100vh - 85px - 82px - 50px)\n    width: 230px\n\n    ul\n      display: block\n      margin: 0\n      padding: 0\n      list-style: none\n\n      li\n        position: relative\n        display: block\n        width: 100%\n        font-size: 0.7rem\n        border-bottom: solid 1px rgba(255,255,255, 0.2)\n        background-color: transparent\n        transition: background-color 0.4s\n\n        .drop-down\n          position: absolute\n          top: 22px\n          right: 20px\n          display: block\n          border-style: solid\n          border-width: 4px 5px 0 5px\n          border-color: white transparent transparent transparent\n          transform: rotate(0deg)\n          opacity: 0.5\n\n        a, span\n          +flex(flex-start, center)\n          height: 100%\n          width: 100%\n          padding: 14px 25px\n          color: white\n          text-decoration: none\n          cursor: pointer\n\n        &:hover\n          >span, >a\n            background-color: rgba($darkBlue, 0.4)\n\n        &.active\n          >.drop-down\n            transform: rotate(180deg)\n          >span, >a\n            background-color: $blue\n\n          >ul\n            display: block\n\n          &.has-sub-items\n            >span, >a\n              background-color: rgba($darkBlue, 0.9)\n\n        // TODO Test code below\n        >ul\n          display: none\n          position: relative\n          float: none\n          box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, .7)\n          background-color: darken($darkerBlue, 4%)\n          border: none\n          transition: all 1s\n          overflow: hidden\n          li\n            a, span\n              padding-left: 40px\n\n\n  /* Log out button\n   ========================================================================== */\n\n  .log-out\n    position: absolute\n    bottom: 0\n    width: 100%\n    height: 50px\n    +flex(flex-start, center)\n    padding: 0 25px\n    background-color: rgba($darkBlue, 0.4)\n    border: none\n    border-top: solid 1px rgba(255,255,255, 0.2)\n    color: white\n    text-decoration: none\n    font-size: 0.7rem\n    transition: background-color 0.4s\n\n    &:hover\n      background-color: rgba($darkBlue, 0.6)","#confirmBox\n  position: fixed\n  z-index: -100\n  pointer-events: none\n  display: none\n  top: 0\n  left: 0\n  width: 100%\n  height: 100%\n\n  &.show\n    z-index: 100\n    pointer-events: all\n    +flex(center, center)\n\n  .shader\n    position: absolute\n    z-index: 1\n    left: 0\n    top: 0\n    width: 100%\n    height: 100%\n    background-color: rgba(0,0,0,0.5)\n\n  .modal\n    display: block\n    border-radius: 5px 5px 0 0\n    overflow: hidden\n    width: 100%\n    max-width: 500px\n    background-color: white\n    z-index: 2\n\n    .header\n      padding: 12px 40px\n      background-color: lighten($darkerBlue, 5%)\n\n      h4\n        font-size: 0.8rem\n        line-height: 1.6\n        color: rgba(white, 0.75)\n        font-weight: 100\n        margin: 0\n        text-transform: uppercase\n        text-align: center\n\n    .body\n      padding: 25px 40px 40px\n\n      p\n        font-size: 0.7rem\n        line-height: 1.2\n        color: $light-gray\n        margin: 0\n        text-align: center\n\n      .navigatableElements\n        +flex(center, center)\n        margin-top: 25px\n\n        button\n          +flex(center, center)\n          display: inline-block\n          width: 120px\n          height: 40px\n          border: none\n          border-radius: 3px\n\n          color: white\n          font-size: 0.7rem\n          line-height: 1.2\n          cursor: pointer\n\n          + button\n            margin-left: 10px\n\n          &.confirm\n            background-color: $blue\n\n            &:hover\n              background-color: darken($blue, 7.5%)\n\n          &.cancel\n            background-color: $brightRed\n            &:hover\n              background-color: darken($brightRed, 7.5%)\n\n\n#confirmButtons\n  padding: 15px 0 0\n  text-align: center\n\n  .button\n    display: inline-block\n    margin-right: 15px\n    min-width: 100px\n    border-radius: 3px\n\n    &:last-child\n      margin-right: 0",".uk-tooltip\n  display: none\n  position: fixed\n  z-index: 1030\n  box-sizing: border-box\n  max-width: 200px\n  padding: 5px 8px\n  background: #333333\n  color: rgba(255, 255, 255, 0.7)\n  font-size: 14px\n  line-height: 20px\n  text-align: center\n  margin-left: -5px\n\n  &:after\n    content: \"\"\n    display: block\n    position: absolute\n    width: 0\n    height: 0\n    border: 5px dashed #333333\n\n.uk-tooltip-top:after,\n.uk-tooltip-top-left:after,\n.uk-tooltip-top-right:after\n  bottom: -5px\n  border-top-style: solid\n  border-bottom: none\n  border-left-color: transparent\n  border-right-color: transparent\n  border-top-color: #333333\n\n.uk-tooltip-bottom:after,\n.uk-tooltip-bottom-left:after,\n.uk-tooltip-bottom-right:after\n  top: -5px\n  border-bottom-style: solid\n  border-top: none\n  border-left-color: transparent\n  border-right-color: transparent\n  border-bottom-color: #333333\n\n.uk-tooltip-top:after,\n.uk-tooltip-bottom:after\n  left: 50%\n  margin-left: -5px\n\n.uk-tooltip-top-left:after,\n.uk-tooltip-bottom-left:after\n  left: 17px\n\n.uk-tooltip-top-right:after,\n.uk-tooltip-bottom-right:after\n  right: 17px\n\n.uk-tooltip-left:after\n  right: -5px\n  top: 50%\n  margin-top: -5px\n  border-left-style: solid\n  border-right: none\n  border-top-color: transparent\n  border-bottom-color: transparent\n  border-left-color: #333333\n\n.uk-tooltip-right:after\n  left: -5px\n  top: 50%\n  margin-top: -5px\n  border-right-style: solid\n  border-left: none\n  border-top-color: transparent\n  border-bottom-color: transparent\n  border-right-color: #333333\n","#flash-message\n  position: fixed\n  top: 50px\n  right: 225px\n  z-index: 1000\n\n  +flex(center, center)\n  min-width: 200px\n  min-height: 40px\n  margin: 0\n  padding: 10px 15px\n  background-color: rgba($darkerBlue, 0.8)\n  border-radius: 4px\n  border: 1px solid transparent\n  box-shadow: 0 0 5px 2px rgba(0,0,0,.1)\n\n  font-size: 0.7rem\n  line-height: 1.2\n  color: $white\n  pointer-events: none\n\n  -webkit-animation-duration: 1s\n  animation-duration: 1s\n  -webkit-animation-name: fadeInDown\n  animation-name: fadeInDown\n\n  &[data-type=\"1\"]\n    border-color: $neonRed\n\n  &[data-type=\"2\"]\n    border-color: $neonGreen\n\n  &[data-type=\"3\"]\n    border-color: $blue\n\n@-webkit-keyframes fadeInDown\n  0%\n    opacity: 0\n    -webkit-transform: translate3d(0, -100%, 0)\n    transform: translate3d(0, -100%, 0)\n  100%\n    opacity: 1\n    -webkit-transform: none\n    transform: none\n\n@keyframes fadeInDown\n  0%\n    opacity: 0\n    -webkit-transform: translate3d(0, -100%, 0)\n    -ms-transform: translate3d(0, -100%, 0)\n    transform: translate3d(0, -100%, 0)\n  100%\n    opacity: 1\n    -webkit-transform: none\n    -ms-transform: none\n    transform: none\n",".error-block\n  margin-bottom: 50px\n  margin-left: 50px\n  width: 25%\n  margin-top: -150px //niet echt de bedoeling, maar weet niet waarom het op 150 staat\n  border: 1px solid darkred\n  margin-bottom: 50px\n  margin-left: 25px\n  margin-top: 20px\n  padding: 25px\n  width: 90%\n  background-color: rgba( darkred, .2 )\n  h2\n    margin: 0 0 10px 0\n  h3\n    margin: 0\n    cursor: pointer\n    &:hover\n      color: darkred\n      background-color: rgba(darkred, .4)",".order-table\n  margin-left: 10px\n  margin-right: 10px\n  margin-top: 50px\n  td, th\n    text-align: left\n    border-right: #ededed 1px solid\n    padding-left: 10px\n    padding-right: 10px\n  th\n    color: #3289ff\n  tr.order-row\n    border-top: solid 1px #e0e6ec\n    &:nth-of-type(even)\n      background-color: lighten(#3289ff, 37)\n  tr:first-child\n    border-bottom: solid 2px #e0e6ec\n  a\n    color: #3289ff\n    text-decoration: none\n\n.order-status-box\n  margin-left: 180px\n  .order-status.selectize\n    width: 80%\n    padding-top: 20px\n\n",".entity-attribute-wrapper\n  &.hidden\n    visibility: hidden\n    height: 0\n\n.entity-attribute\n  position: relative\n  min-height: grid-row(2) + 1px\n  border-bottom: 1px solid #e0e6ec\n  font-size: 1rem\n  line-height: grid-row(2)\n  box-sizing: border-box\n\n  label\n    position: absolute\n    display: block\n    width: 175px\n    margin-left: grid-row(1)\n    font-size: 0.7rem\n    color: $light-gray\n    text-transform: uppercase\n    font-weight: $font-weight-bold\n    white-space: nowrap\n    background-color: white\n\n  &.error\n    border: 1px solid $brand-danger\n    label\n      color: $brand-danger\n\n  &.hidden\n    display: none\n\n  .content\n    position: relative\n    padding-left: 205px\n    padding-right: grid-row(.5)\n    line-height: grid-row(1)\n    padding-top: grid-row(.5)\n    padding-bottom: grid-row(.5)\n    background-color: transparent\n    border: 0\n    display: block\n    color: #5c5f65\n    box-sizing: border-box\n\n  .input-read-only\n    text-indent: 205px\n    font-size: 0.7rem\n    color: $dark-gray\n    opacity: 0.5\n    user-select: none\n    cursor: not-allowed\n\n  input\n    width: 100%\n    min-height: 60px\n    background-color: transparent\n    text-indent: 20px\n    font-size: 0.7rem\n    margin-left: 205px\n    border: 0\n    z-index: 99999\n    display: block\n    color: $dark-gray\n    box-sizing: border-box\n    transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s\n\n    &[type='checkbox']\n      margin-left: 0\n      width: auto\n\n  .explanation\n    display: block\n    padding: 10px 0\n    color: #9ba0ae\n    font-size: 0.7rem\n    line-height: 1.2\n    margin-left: 30px\n\n\n\n@import \"documents\"\n@import \"link\"\n@import \"multiselect\"\n@import \"onOffSwitch\"\n@import \"password\"\n@import \"select\"\n@import \"seperator\"\n@import \"text\"\n@import \"textArea\"\n@import \"title\"\n@import \"view\"\n@import \"datePicker\"\n@import \"componentsArea\"\n@import \"component\"\n@import \"componentTabs\"\n@import \"video\"\n@import \"file\"\n@import \"number\"",".entity-attribute-documents\n  position: relative\n  padding-bottom: 20px\n\n  ul.files\n    position: relative\n    margin: 10px 0 0 205px\n    width: calc(100% - 205px)\n    padding: 0\n\n    .document\n      position: relative\n      +flex(space-between, center)\n      width: 100%\n      max-width: 720px\n      height: 82px\n      padding: 10px\n      transition: opacity 0.4s, border 0.4s\n\n      &.isDropTarget\n        border: 2px dashed #d0d4dc !important\n\n      &.deleted\n        opacity: 0.4\n        border-color: lighten($neonRed, 10%)\n\n      + .document\n        margin-top: 2px\n        border-top: 1px solid $blueGray\n\n      >input[type='file']\n        display: none\n\n      .thumb\n        position: relative\n        display: block\n        width: 50px\n        height: 50px\n        border-radius: 100%\n        overflow: hidden\n        background:\n          color: $almostWhite\n          position: center\n          size: cover\n\n        transition: all 0.3s\n\n        &.hidden\n          display: none !important\n\n        &:not(.has-image)\n\n          &[data-filetype='svg']\n            background-color: #F9C80E\n          &[data-filetype='pdf']\n            background-color: #EA3546\n          &[data-filetype='zip'], &[data-filetype='rar']\n            background-color: #f5cf56\n          &[data-filetype='csv'], &[data-filetype='xlsx']\n            background-color: #227045\n          &[data-filetype='mp3']\n            background-color: #43BCCD\n          &[data-filetype='mp4']\n            background-color: #3066BE\n          &[data-filetype='docx'], &[data-filetype='docx']\n            background-color: #2C5697\n          //&[data-filetype='png'], &[data-filetype='jpg'], &[data-filetype='jpeg'], &[data-filetype='gif']\n        //background-color: #262f43\n\n\n        &:not(.has-image):not(.has-icon)\n          +flex(center, center)\n          &:after\n            content: \".\"attr(data-filetype)\n            font-weight: bold\n            text-transform: uppercase\n            font-size: 0.7rem\n            line-height: 1.2\n            color: $gray\n\n        &__image\n          position: absolute\n          z-index: 1\n          left: 0\n          top: 0\n          width: 100%\n          height: 100%\n          border-radius: 100%\n          background:\n            position: center\n            size: cover\n\n        &.is-uploading\n          border: 1px solid $blue\n          width: 49px\n          height: 49px\n          background-color: $almostWhite !important\n          .thumb__image\n            filter: blur(1px)\n\n        .percentage\n          position: absolute\n          z-index: 2\n          left: 0\n          top: 0\n          +flex(center, center)\n          width: 100%\n          height: 100%\n          border-radius: 50%\n          overflow: hidden\n          opacity: 0.6\n          +progressPulse($blue)\n\n      .select\n        display: inline-block\n        padding: 0.80em 2.2em\n        border: 0.1em solid $light-gray\n        margin: 0 0.3em 0.3em 0\n        border-radius: 0.12em\n        box-sizing: border-box\n        text-decoration: none\n        font-weight: 300\n        color: $light-gray\n        text-align: center\n        transition: all 0.2s\n        &:hover\n          color: #ffffff\n          background-color: $light-gray\n\n        &.hidden\n          display: none\n\n      .content-wrapper\n        width: calc(100% - 100px)\n        padding: 0 10px\n        &.hidden\n          display: none\n\n        input\n          margin-left: 0\n          padding: 10px\n          min-height: auto\n          //background-color: rgba($lightest-gray, 0.5)\n          background-color: $almostWhite\n          +attribute-focus\n\n        p\n          margin: 5px 0 0\n          padding: 0 10px\n          color: $light-gray\n          font-size: 0.7rem\n          line-height: 1.2\n\n      .drag-icon\n        width: 30px\n        height: 30px\n        +flex(flex-start, center)\n        cursor: move\n\n        &.is-hidden\n          opacity: 0\n\n        &:after\n          content: ''\n          background:\n            position: center\n            repeat: no-repeat\n            size: contain\n            image: url(\"/img/kms/icons/drag-dots.svg\")\n          width: 9px\n          height: 16px\n          opacity: 0.2\n\n      .delete\n        +flex(center, center)\n        cursor: pointer\n        border-radius: 100%\n        width: 24px\n        height: 24px\n        font-size: 13px\n        line-height: 13px\n        background-color: transparent\n        border: 2px solid transparent\n        transition: color 0.3s, background-color 0.3s, border 0.3s\n\n        &.hidden\n          display: none\n\n        &:before\n          content: ''\n          display: inline-block\n          height: 10px\n          width: 10px\n          background:\n            image: url(\"/img/kms/icons/icon_cross_red.svg\")\n            position: center\n            size: contain\n            repeat: no-repeat\n\n        &:hover\n          background-color: lighten($neonRed, 10%)\n          color: white\n\n          &:before\n            background-image: url(\"/img/kms/icons/icon_cross.svg\")\n\n      &:last-child\n        margin-bottom: 20px\n\n\n  .drag-and-drop-area\n    //bottom: 20px\n    height: 260px\n    border: 2px dashed $lightGray\n    text-align: center\n    margin-left: 205px\n    line-height: 1rem\n    width: 100%\n    max-width: 700px\n    padding: 30px\n    cursor: pointer\n    transition: border 0.2s\n\n    &:hover\n      border-color: $blue\n      background-color: rgba($blue, 0.05)\n\n    .icon\n      display: inline-block\n      width: 95px\n      height: 78px\n      margin-bottom: 20px\n      background:\n        image: url(\"/img/kms/icons/drag-and-drop-cloud.svg\")\n        position: center\n        size: contain\n        repeat: no-repeat\n\n    p\n      margin: 0\n      color: $gray\n      font-size: 0.7rem\n      line-height: 1.2\n\n    .or\n      display: inline-block\n      margin: 10px 0\n      font-size: 0.8rem\n      line-height: 1.2\n      color: rgba($gray, 0.5)\n\n    .select\n      display: block\n      width: 100%\n      max-width: 250px\n      margin: 0 auto\n      padding: 10px 20px\n      border-radius: 4px\n      border: 1px solid $blue\n\n      font-size: 0.7rem\n      line-height: 1.2\n      color: $blue\n      cursor: pointer\n\n      &:hover\n        background-color: $blue\n        color: white\n\n    &--small\n      width: 60px\n      height: 60px\n      padding: 0\n\n      .icon\n        width: 55px\n        height: 55px\n        background-image: url(\"/img/kms/icons/icon_plus.svg\")\n        margin-bottom: 0\n\n      p, .select, .or\n        display: none\n\n    &.is-hidden\n      display: none","=progressCircle($themeColor: blue, $backColor: white, $step : 1, $attribute : 'aria-valuenow')\n  $loops: round(100 / $step)\n  $increment: 360 / $loops\n  $half: round($loops / 2)\n\n  &:after\n    content: ''\n    position: relative\n    width: calc(100% + 4px)\n    height: calc(100% + 4px)\n    left: -2px\n    top: -2px\n\n  @for $i from 0 through $loops\n    &[#{$attribute}= \"#{$i * $step}\"]:after\n      @if $i < $half\n        $nextDeg: 90deg + $increment * $i\n        background: linear-gradient(90deg, $backColor 50%, transparent 50%, transparent), linear-gradient($nextDeg, $themeColor 50%, $backColor 50%, $backColor)\n\n      @else\n        $nextDeg: -90deg + $increment * ($i - $half)\n        background: linear-gradient($nextDeg, $themeColor 50%, transparent 50%, transparent), linear-gradient(270deg, $themeColor 50%, $backColor 50%, $backColor)\n\n=progressPulse($themeColor: blue)\n\n  &:after\n    content: ''\n    background-color: $themeColor\n    width: 100%\n    height: 100%\n    transition: transform 0.3s\n    border-radius: 50%\n    transform: scale3d(0,0,1)\n\n  @for $i from 0 through 100\n    &[#{aria-valuenow}= \"#{$i}\"]:after\n      transform: scale3d(#{0 + ($i/100) }, #{0 + ($i/100) }, 1)",".entity-attribute-link\n  padding: 0\n  box-sizing: border-box\n\n  a\n    margin-left: 205px\n    color: $brand-primary\n    font-size: 0.7rem",".entity-attribute-multiselect-combo-box\n  color: #000000\n\n  //Read only items below this line\n  ul\n    list-style-type: none\n    padding-left: 0\n    margin: 0\n    li\n      font-size: 0.7rem\n      color: #32343a\n      opacity: 0.5\n      &:before\n        content: \"-\"\n        margin-right: 5px\n\n\n  //Non read only items below this line\n  .ui-widget\n    position: relative\n    margin-left: 205px\n    max-width: 400px\n    padding-top: 10px\n\n    input\n      display: block\n      height: auto\n      min-height: 40px\n      padding: 8px\n      font-size: 0.75rem\n      margin-left: 0\n      line-height: 1.6\n      border: 1px solid $lighter-gray\n      border-radius: 3px\n      text-indent: 0\n      color: $dark-gray\n      background: $whitish\n\n      &.ui-autocomplete-input.hidden\n        display: none\n\n      &:focus\n        outline: none\n        border-color: rgba($brand-primary, 0.75)\n\n\n    .dropdown\n      position: absolute\n      right: 1px\n      top: 11px\n      width: 39px\n      height: calc(100% - 12px)\n      background-color: rgba($lightest-gray, 0.5)\n      border-radius: 0 3px 3px 0\n      cursor: pointer\n      +flex(center, center)\n\n      &.hidden\n        display: none\n\n      &:after\n        content: ''\n        display: block\n        border-style: solid\n        border-width: 4px 5px 0 5px\n        border-color: $darkBlue transparent transparent transparent\n        opacity: 0.5\n  .items\n    margin-left: 205px\n    max-width: 400px\n    padding: 10px 0\n\n    .item\n      position: relative\n      margin: 0 0 5px\n      font-size: 0.7rem\n      line-height: 1.2\n      color: $medium-gray\n      padding: 5px 35px 5px 15px\n      background-color: $whitish\n      border-radius: 3px\n      +flex(flex-start, center)\n\n      .remove\n        position: absolute\n        right: 0\n        top: 0\n        +flex(center, center)\n        width: 35px\n        height: 100%\n        border-radius: 0 3px 3px 0\n        cursor: pointer\n        background-color: transparent\n        transition: background-color 0.1s\n\n        &:after\n          content: ''\n          display: block\n          width: 20px\n          height: 20px\n          background:\n            image: url(\"/img/kms/icons/icon_cross_red.svg\")\n            position: center\n            size: 50%\n            repeat: no-repeat\n\n        &:hover\n          background-color: lighten($neonRed, 10%)\n\n          &:after\n            background-image: url(\"/img/kms/icons/icon_cross.svg\")\n\n\n      .text\n        width: calc(100% - 30px)\n\n      .drag-icon\n        width: 30px\n        height: 30px\n        +flex(flex-start, center)\n        cursor: move\n        &.hidden\n          display: none\n\n        &:after\n          content: ''\n          background:\n            position: center\n            repeat: no-repeat\n            size: contain\n            image: url(\"/img/kms/icons/drag-dots.svg\")\n          width: 9px\n          height: 16px\n          opacity: 0.2\n\n\n      &.readonly\n        .remove\n          display: none\n\n\n  .explanation\n    margin-left: 205px\n\n.ui-menu.ui-autocomplete\n  padding: 0\n  margin: 0\n  list-style: none\n  border: 1px solid $lighter-gray\n  background-color: white\n  max-height: 500px\n  max-width: 400px\n  overflow: hidden\n  overflow-y: scroll\n\n  &.ui-widget.ui-widget-content\n    border-top: none\n\n\n\n  li\n    font-size: 0.7rem\n    line-height: 1.6\n    color: $dark-gray\n\n    //Uncomment if selectmenu renders without div\n    //border: none !important\n    //padding: 4px 8px\n\n    //Comment if selectmenu renders without div\n    div\n      padding: 4px 8px\n\n      &.ui-state-active\n        border: none !important\n        background-color: $dark-white\n        color: $dark-gray\n        margin: 0 !important",".entity-attribute.entity-attribute-on-off\n  +flex(flex-start, center)\n\n  label\n    position: relative\n\n  input\n    display: none\n\n  .placeholder\n    padding: 20px 0\n\n  .explanation\n    margin-top: 10px\n    margin-left: 0\n    padding-bottom: 0\n\n  .on-off-switch\n    position: relative\n    display: block\n    width: 35px\n    height: 20px\n    border-radius: 20px\n    background-color: $lightest-gray\n    //background-color: $neonRed\n    cursor: pointer\n    transition: background 0.4s\n\n    &:after\n      content: ''\n      position: absolute\n      display: block\n      left: 2px\n      top: 2px\n      height: 16px\n      width: 16px\n      border-radius: 100%\n      background-color: white\n      transform: translate3d(0,0,0)\n      transition: transform 0.4s\n\n    &.on\n      background-color: $neonGreen\n\n      &:after\n        transform: translate3d(15px, 0, 0)",".entity-attribute-password\n  position: relative\n\n  .password\n    &.repeat\n      border-top: 1px solid $lightest-gray\n\n  .validationHelper\n    position: absolute\n    z-index: 3\n    top: -235px\n    left: 205px\n    pointer-events: none\n    opacity: 0\n    transform: translate3d(0, 10px, 0)\n    transition: opacity 0.3s, transform 0.3s\n    transition-delay: 0s\n    width: calc(100% - 225px)\n    height: 225px\n    max-width: 340px\n    background-color: white\n    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15)\n    border-radius: 5px\n\n    h3\n      font-size: 0.7rem\n      line-height: 1.6\n      color: rgba(white, 0.5)\n      font-weight: 100\n      margin: 0\n      background-color: lighten($darkerBlue, 5%)\n      padding: 12px 20px\n      border-radius: 5px 5px 0 0\n      text-transform: uppercase\n\n    .success\n      +flex(center, flex-end)\n      position: absolute\n      bottom: 0\n      left: 0\n      width: 100%\n      height: 100%\n      opacity: 0\n      transition: opacity 0.4s\n      border-radius: 5px\n      background:\n        image: url(\"#{$baseImagePath}/icons/success.gif\")\n        position: top center\n        repeat: no-repeat\n        color: #12c06a\n\n      p\n        margin: 0\n        opacity: 0.6\n        font-size: 0.8rem\n        letter-spacing: 0.8px\n        text-transform: uppercase\n\n    .requirements\n      padding: 10px 15px\n\n      p\n        font-size: 0.7rem\n        color: rgba($light-gray, 0.65)\n        line-height: 0.85\n\n        span\n          display: inline-block\n          position: relative\n          padding: 0 5px\n\n          &:after\n            content: ''\n            position: absolute\n            top: 4px\n            left: 0\n            display: block\n            width: 100%\n            height: 1px\n            transform: scaleX(0)\n            transform-origin: 0 50%\n            background-color: $medium-gray\n            transition: transform 0.6s\n\n        &.info\n          color: $medium-gray\n          font-weight: bold\n          margin-bottom: 1rem\n          padding: 0 5px\n\n        &.invalid\n          color: $neonRed\n          opacity: 0.8\n\n        &.valid\n          span\n            &:after\n              transform: scaleX(1)\n\n    &:after\n      content: ''\n      position: absolute\n      width: 0\n      height: 0\n      border: 0 solid transparent\n      border-left-width: 15px\n      border-right-width: 15px\n      border-top: 15px solid white\n      left: calc(50% - 7.5px)\n      bottom: -15px\n      transition: border 0.4s\n\n    &.active\n      opacity: 1\n      transform: translate3d(0, 0, 0)\n      pointer-events: all\n\n    &.valid\n      opacity: 0\n      transition-delay: 4s\n      pointer-events: none\n\n      &:after\n        border-top-color: #12c06a\n\n      .success\n        opacity: 1\n        z-index: 4",".entity-attribute-select\n  +flex(flex-start, center)\n\n.select-wrapper\n  margin-left: 205px\n  width: calc(100% - 225px)\n  max-width: 500px\n\n  .select-menu\n    display: none\n\n  .ui-selectmenu-button\n    position: relative\n    display: block\n    font-size: 0.75rem\n    line-height: 1.6\n    padding: 8px\n    border: 1px solid $lighter-gray\n    border-radius: 3px\n    color: $dark-gray\n    background: $whitish\n\n    &:focus\n      outline: none\n      border-color: rgba($brand-primary, 0.75)\n\n    &:after\n      content: ''\n      position: absolute\n      right: 12px\n      top: 17px\n      width: 0\n      height: 0\n      border-style: solid\n      border-width: 4px 5px 0 5px\n      border-color: $darkBlue transparent transparent transparent\n      opacity: 0.5\n\n    &.dropdown-open\n      &:after\n        transform: rotate(180deg)\n\n    .ui-icon\n      display: none\n\n\n.ui-selectmenu-menu\n  display: none\n  margin: 0\n\n  &.ui-selectmenu-open\n    display: block\n\n  ul\n    padding: 0\n    margin: 0\n    list-style: none\n    border: 1px solid $lighter-gray\n    background-color: white\n    max-height: 500px\n    overflow: hidden\n    overflow-y: scroll\n\n    &.ui-widget.ui-widget-content\n      border-top: none\n\n    li\n      font-size: 0.7rem\n      line-height: 1.6\n      color: $dark-gray\n\n      //Uncomment if selectmenu renders without div\n      //border: none !important\n      //padding: 4px 8px\n\n      &.ui-state-focus\n        background-color: $dark-white\n\n      //Comment if selectmenu renders without div\n      div\n        padding: 4px 8px\n\n        &.ui-state-active\n          border: 1px solid transparent !important\n          background-color: $dark-white\n          color: $dark-gray",".entity-attribute-separator\n  min-height: grid-row(1)\n  background-color: $dark-white\n  -webkit-box-shadow: inset 0px 15px 15px -15px rgba($black,.15)\n  -moz-box-shadow: inset 0px 15px 15px -15px rgba($black,.15)\n  box-shadow: inset 0px 15px 15px -15px rgba($black,.15)",".entity-attribute-text, .entity-attribute-password\n  padding: 0\n  box-sizing: border-box\n\n  &.error + .error\n    box-shadow: inset 0 1px 1px rgba($brand-danger, .075), inset 0 0 1px rgba(lighten(desaturate($brand-danger, 25%), 10%),.75)\n    border: 1px solid $brand-danger\n    border-top: 0\n\n  input\n    width: calc(100% - 205px)\n    margin-left: 205px\n    border-left: solid 1px #e0e6ec\n    background-color: #fbfbfb\n    box-shadow: inset 1px 0 5px rgba($black, .075)\n    +attribute-focus\n\n    &::placeholder\n      font-style: italic\n\n  &.error input\n    background-image: url('#{$baseImagePath}/icons/icon_cross_red.svg')\n    background-repeat: no-repeat\n    background-position: right 20px center\n    background-size: 10px 10px",".entity-attribute-text-area\n  padding: 0\n\n  label\n    vertical-align: top\n\n  .text-area-wrapper\n    display: inline-block\n    vertical-align: top\n    width: calc(100% - 205px)\n    margin-left: 205px\n    border-left: solid 1px #e0e6ec\n\n    >textarea\n      display: block\n      width: 100%\n      padding: 20px 20px 20px 20px\n      background-color: #fbfbfb\n      box-shadow: inset 1px 0 5px rgba($black, .075)\n\n      min-height: 200px\n      border: none\n      line-height: grid-row(1)\n      +attribute-focus\n      font-size: 0.7rem\n      resize: vertical\n\n      &::placeholder\n        font-style: italic\n\n\n\ndiv.mce-edit-area\n  background: #fbfbfb !important\n\ndiv.mce-toolbar-grp\n  border-bottom: 1px solid #e0e6ec",".entity-attribute-title\n\n  h3\n    padding-left: 30px\n    color: $brand-primary\n    font-size: 0.8rem\n    font-weight: $font-weight-bold\n    text-transform: uppercase\n    margin: 0",".entity-attribute-view\n  padding: 0\n  box-sizing: border-box\n\n  &.error + .error\n    box-shadow: inset 0 1px 1px rgba($brand-danger, .075), inset 0 0 1px rgba(lighten(desaturate($brand-danger, 25%), 10%),.75)\n    border: 1px solid $brand-danger\n    border-top: 0\n\n  .content\n    padding: grid-row(2) grid-row(1) 0 grid-row(1)",".entity-attribute-date-picker\n  line-height: 1\n  min-height: 0\n  padding: 15px 0\n\n  input\n    display: inline-block\n    text-indent: 0\n    margin-left: auto\n    +attribute-focus\n\n  .date-field\n    position: relative\n    display: inline-block\n    width: 175px\n    cursor: pointer\n    margin-left: 205px\n\n    .icon\n      position: absolute\n      pointer-events: none\n      left: 20px\n      top: 19px\n      img\n        width: 20px\n        max-height: 23px\n\n\n    input\n      min-height: 0\n      width: 100%\n      text-align: right\n      padding: 23px 25px\n      border: 1px solid $lighter-gray\n      border-radius: 4px\n      cursor: pointer\n\n      &:focus\n        border-color: rgba($brand-primary, 0.75)\n\n  .time-field\n    display: inline-block\n    width: 101px\n    border: 1px solid $lighter-gray\n    border-radius: 4px\n\n    &.hidden\n      display: none\n\n    >span\n      display: inline-block\n      width: 10px\n      color: $light-gray\n      font-size: 0.8rem\n      line-height: 1\n      text-align: center\n\n    .ui-spinner\n      position: relative\n      border: none !important\n      margin: 0\n      width: 40px\n\n      input\n        width: 100%\n        margin: 0\n        padding: 23px 10px\n        min-height: 0\n        text-align: center\n\n        &::-webkit-outer-spin-button, &::-webkit-inner-spin-button\n          appearance: none\n\n      .ui-spinner-button\n        position: absolute\n        left: 0\n        +flex(center, center)\n        width: 100%\n        height: 15px\n        cursor: pointer\n        border: none !important\n        background-color: transparent\n\n        .ui-icon\n          position: relative\n          top: 0\n          left: 0\n          margin-top: 0\n          margin-left: 0\n          width: 8px\n          height: 4px\n          background-image: url(\"/img/kms/icons/icon_triangle_down_grey.svg\")\n          background-position: center\n          background-size: contain\n          transform-origin: center\n          opacity: 0\n          transition: opacity 0.3s\n\n        &.ui-spinner-up\n          top: 0\n          .ui-icon\n            transform: rotate(180deg)\n\n        &.ui-spinner-down\n          bottom: 0\n\n      &:hover\n        .ui-spinner-button\n          background: rgba($light-gray, 0.08)\n          .ui-icon\n            opacity: 0.4\n\n          &:hover\n            background: rgba($light-gray, 0.14)\n            .ui-icon\n              opacity: 1\n\n\n#ui-datepicker-div\n  position: fixed\n  left: -100vh\n  min-width: 285px\n  width: 320px\n  margin-top: 5px\n  padding: 15px\n  border: 1px solid $lighter-gray\n  border-radius: 4px\n  background-color: white\n  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15)\n\n  .ui-datepicker-header\n    position: relative\n    padding: 0\n    margin: 0 0 10px\n    border-radius: 0\n    border: none\n    background: none\n\n    .ui-datepicker-prev, .ui-datepicker-next\n      position: absolute\n      top: 5px\n      +flex(center, center)\n      width: 25px\n      height: 25px\n      border: none !important\n      border-radius: 100%\n      cursor: pointer\n      background: transparent\n      transition: background-color 0.3s\n\n      &:hover\n        background: rgba($light-gray, 0.2)\n\n      &:focus\n        outline: 0\n        box-shadow: none\n\n      .ui-icon\n        position: relative\n        left: 0\n        top: 4px\n        margin-left: 0\n        margin-right: 0\n        width: 8px\n        height: 4px\n        transform-origin: center\n        background-image: url(\"/img/kms/icons/icon_triangle_down_grey.svg\")\n        background-size: contain\n        background-position: center\n\n    .ui-datepicker-next\n      right: 2px !important\n      .ui-icon\n        transform: rotate(-90deg)\n\n    .ui-datepicker-prev\n      left: 2px !important\n      .ui-icon\n        left: -2px\n        transform: rotate(90deg)\n\n    .ui-datepicker-title\n      width: 100%\n      margin: 0\n\n      select\n        appearance: none\n        border: none !important\n        margin: 0\n        padding: 10px 5px\n        background-color: transparent\n        font-size: 0.8rem\n        line-height: 1.2\n        font-weight: 400\n        color: $brand-secondary\n        cursor: pointer\n\n        &:focus\n          outline: 0\n          box-shadow: none\n\n        &.ui-datepicker-month\n          direction: rtl\n          width: 48%\n\n        &.ui-datepicker-year\n          width: 42%\n\n\n  table\n    width: 100%\n    border-spacing: 0\n    margin-bottom: 0\n\n    thead\n      background-color: rgba($lightest-gray, 0.4)\n      border-radius: 4px\n\n      tr\n        +flex(space-between, center)\n\n      th\n        +flex(center, center)\n        padding: 0\n        width: 36px\n        height: 36px\n        font-size: 0.7rem\n        line-height: 1\n        font-weight: 400\n        color: $light-gray\n\n    tbody\n      display: block\n      margin-top: 5px\n\n      tr\n        +flex(space-between, center)\n\n      td\n        +flex(center, center)\n        padding: 0\n\n        a\n          position: relative\n          +flex(center, center)\n          width: 36px\n          height: 36px\n          margin: 0\n          padding: 0\n          text-align: center\n          background-color: transparent\n          font-size: 0.7rem\n          color: $light-gray\n          text-decoration: none\n          border: none\n\n          &:after\n            content: ''\n            position: absolute\n            z-index: -1\n            left: 7.5%\n            top: 7.5%\n            height: 85%\n            width: 85%\n            border-radius: 100%\n            background-color: transparent\n            transition: background-color 0.2s\n\n          &:hover\n            &:after\n              background-color: rgba($light-gray, 0.1)\n\n        .ui-priority-secondary\n          opacity: 0.4\n\n        .ui-state-highlight\n          &:after\n            background-color: rgba($brand-primary, 0.1)\n\n        .ui-state-active\n          color: white\n          font-weight: bold\n          &:after\n            background-color: $brand-primary !important",".c-components-area {\n  padding: 60px;\n  background: linear-gradient($backgroundGradient);\n  box-shadow: inset 0px 15px 15px -15px rgba(0, 0, 0, 0.15)\n}\n\n.c-components-area__main{\n  width: 100%;\n  max-width: 1000px;\n  margin: auto;\n\n  &.hide-background-options{\n    .entity-attribute.is-background-option{\n      display: none;\n    }\n  }\n}\n\n.c-components-area__copy {\n  @include flex(flex-end, center);\n  background: white;\n  padding: 15px 0;\n  width: 100%;\n  max-width: 1000px;\n  margin: 30px auto;\n  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);\n  color: #666666;\n  font-size: 0.7rem;\n\n  p {\n    margin: 0 15px;\n  }\n\n  select {\n    -webkit-appearance: button;\n    -moz-appearance: button;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -webkit-padding-end: 20px;\n    -moz-padding-end: 20px;\n    -webkit-padding-start: 20px;\n    -moz-padding-start: 20px;\n    background-color: rgba(103, 113, 122, 0.05);\n    background-image: url(\"/img/kms/svg/arrow_dark_select.svg\");\n    background-position: 100% 50%;\n    background-repeat: no-repeat;\n    border: 1px solid #E0E1E3;\n    border-radius: 5px;\n    box-shadow: none;\n    font-size: 0.7rem;\n    margin: 0 15px;\n    overflow: hidden;\n    padding: 5px 10px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 60px;\n\n    &:focus {\n      box-shadow: none;\n      outline: none;\n    }\n  }\n\n  .confirm {\n    display: inline-block;\n    cursor: pointer;\n    border: solid 1px #a0a9b7;\n    border-radius: 5px;\n    padding: 8px 15px;\n    color: #666666;\n    margin: 0 15px;\n    font-size: 12px;\n    font-family: $fontFamily;\n  }\n}\n\n.c-components-area__buttons {\n  width: 100%;\n  max-width: 1000px;\n  margin: auto;\n}\n\n//TODO: Test this on IE\n.c-components-area__grid {\n  display: grid;\n  grid-gap: 20px;\n  grid-template-columns: 1fr 1fr 1fr;\n}\n\n.c-components-area__label {\n  display: block;\n  margin-bottom: 15px;\n  font-size: 16px;\n  line-height: 1.4;\n  letter-spacing: 0.4px;\n  color: $gray;\n  font-weight: bold;\n}\n\n.c-components-area-button {\n  position: relative;\n  z-index: 2;\n  @include flex(space-between, center);\n  padding: 15px 10px 15px 15px;\n  background: white;\n  cursor: pointer;\n\n  > * {\n    pointer-events: none;\n    user-select: none;\n  }\n\n  &:before {\n    content: '';\n    position: absolute;\n    left: 80px;\n    top: 5px;\n    display: block;\n    width: 1px;\n    height: calc(100% - 10px);\n    background-color: $lightGray;\n    opacity: 0.75;\n  }\n\n  &:after{\n    content: '';\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    display: block;\n    width: 100%;\n    height: 100%;\n    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);\n    opacity: 1;\n    transition: opacity 0.4s;\n  }\n\n  &:hover{\n    &:after{\n      opacity: 0.2;\n    }\n  }\n}\n\n.c-components-area-button__icon {\n  width: 50px;\n\n  img {\n    width: 100%;\n  }\n}\n\n.c-components-area-button__label {\n  margin-top: 2px;\n  width: calc(100% - 80px);\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: bold;\n  letter-spacing: 0.4px;\n  color: mix($iconColor, $gray);\n\n}\n\n\n\n\n\n",".c-component {\n  position: relative;\n  z-index: 2;\n  background-color: white;\n  margin-bottom: 60px;\n\n  &:after {\n    content: '';\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    display: block;\n    width: 100%;\n    height: 100%;\n    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);\n    opacity: 1;\n    transition: opacity 0.4s;\n  }\n\n  .entity-attribute label{\n    line-height: 1.2;\n    padding: 22.5px 0;\n  }\n\n}\n\n.c-component__header {\n  position: relative;\n  @include flex(flex-start, center);\n  border-bottom: 1px solid #e0e6ec;\n  user-select: none;\n}\n\n.c-component__icon {\n  @include flex(center, center);\n  width: 62px;\n  height: 62px;\n  padding: 2px 10px;\n  border-right: 1px solid #e0e6ec;\n\n  img {\n    width: 100%;\n  }\n}\n\n.c-component__order-buttons {\n  padding: 2px 10px;\n  color: mix($iconColor, $gray);\n  height: 62px;\n  border-right: 1px solid #e0e6ec;\n}\n\n.c-component__order-button {\n  cursor: pointer;\n}\n\n.c-component__title {\n  width: calc(100% - 62px - 33px - 35px - 15px);\n  padding: 5px 10px;\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: bold;\n  letter-spacing: 0.4px;\n  color: mix($iconColor, $gray);\n}\n\n.c-component__delete-button {\n  width: 35px;\n  height: 35px;\n  background-color: #FF323C;\n  background-image: url(\"#{$baseImagePath}/icons/icon_trash.svg\");\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n  background-size: 16px 16px;\n  cursor: pointer;\n  border-radius: 5px;\n  opacity: 1;\n  transition: opacity 0.3s;\n\n  &:hover{\n    opacity: 0.4;\n  }\n\n}",".component-tab\n  background-color: $dark-white\n  padding: 30px\n  overflow: hidden\n\n.component-tab__list\n  +flex(flex-start, flex-end)\n  margin: 0\n  padding: 0\n  list-style: none\n\n.component-tab__list-item\n  background-color: lighten($darkerBlue, 15%)\n  height: 35px\n  line-height: 40px\n  border-radius: 4px 4px 0 0\n  cursor: pointer\n  transition: background-color 0.3s, box-shadow 0.3s\n\n  & + &\n    margin-left: 5px\n\n  &:hover\n    background-color: lighten($darkerBlue, 10%)\n\n  &.active\n    background-color: $white\n    a.component-tab__button\n      color: $blue\n\n  &.error\n    background-color: $brightRed\n\n\n  a.component-tab__button\n    display: block\n    height: 100%\n    width: 100%\n    color: white\n    font-size: 0.7rem\n    text-decoration: none\n    text-transform: uppercase\n    padding: 0 20px\n\n.component-tab__container\n  position: relative\n\n.component-tab__content\n  background-color: white\n  position: absolute\n  top: 0\n  z-index: -1\n\n  &.active\n    position: relative\n    z-index: 1",".c-video{}\n\n.c-video__grid{\n  @include flex(flex-start, flex-start)\n}\n\n.c-video__fields{\n  width: calc(100% - 475px);\n}\n\n.c-video__fields{\n  padding: 20px 20px 20px 0;\n}\n\n.c-video__preview{\n  position: relative;\n  width: 200px;\n  min-height: 150px;\n  padding: 20px 0;\n  text-decoration: none;\n\n  &[href]{\n    &:after{\n      display: none;\n    }\n  }\n\n  &:after{\n    content: '';\n    display: block;\n    width: 200px;\n    height: 150px;\n    background-color: rgba($light-gray, 0.15);\n  }\n}\n\n.c-video__label{\n  width: 120px;\n  margin: 0;\n  padding: 20px 5px 20px 30px;\n}\n\n.c-video__label, .c-video__title{\n  display: block;\n  font-size: 0.7rem;\n  line-height: 1.2;\n  color: $light-gray;\n  text-transform: uppercase;\n  font-weight: $font-weight-bold;\n}\n\n.c-video__title{\n  width: 100%;\n  color: $medium-gray;\n}\n\n.c-video__id{\n  @include flex(flex-start, center);\n  @include flex-rows;\n}\n\n.c-video__url{\n  display: inline-block;\n  width: 220px;\n  font-size: 0.7rem;\n  line-height: 1.2;\n  color: $light-gray;\n}\n\n.c-video__input{\n  display: inline-block;\n  width: calc(100% - 220px);\n  padding: 5px 10px;\n  background-color: transparent;\n  font-size: 0.7rem;\n  border: 1px solid rgba($light-gray, 0.4); \n  color: $dark-gray;\n\n  box-sizing: border-box;\n  transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n  @include attribute-focus\n\n}\n\n.c-video__autoplay{\n  margin-top: 20px;\n  border-top: 1px solid #e0e6ec;\n  padding-top: 20px;\n}\n\n.c-video__thumb{\n  display: none;\n  width: 100%;\n\n  &[src]{\n    display: block;\n  }\n}",".entity-attribute-file\n  input\n    position: relative\n    min-height: 60px\n    text-indent: 0\n    width: auto\n    padding: 10px 30px\n\n    &:focus\n      outline: none\n\n    &::-webkit-file-upload-button\n      visibility: hidden\n\n    &:after\n      content: \"Kies een bestand\"\n      display: block\n      border: dashed 2px $light-gray\n      border-radius: 4px\n      outline: none\n      white-space: nowrap\n      -webkit-user-select: none\n      cursor: pointer\n      line-height: 60px\n      text-align: center\n      margin-top: 10px\n\n  textarea\n    min-width: 500px\n    min-height: 100px\n    margin: 10px 30px\n    padding: 10px\n    font-size: 0.7rem\n    z-index: 99999\n    display: block\n    color: $dark-gray\n",".entity-attribute-currency\n  input\n    width: calc(100% - 205px)\n    margin-left: 205px\n    border-left: solid 1px #e0e6ec\n    background-color: #fbfbfb\n    box-shadow: inset 1px 0 5px rgba($black, .075)\n    +attribute-focus\n\n    &::placeholder\n      font-style: italic\n\n  &.error input\n    background-image: url('#{$baseImagePath}/icons/icon_cross_red.svg')\n    background-repeat: no-repeat\n    background-position: right 20px center\n    background-size: 10px 10px","// Transfer Section\n\n#entity.transfer-section\n  position: static\n  top: 0\n  height: 100%","// Action log Section\n\n#entity.action-log-section\n  position: static\n  top: 0\n  height: 100%\n  background-color: darken(white, 2%)\n  .entity-attributes\n    position: static\n    background-color: transparent\n    .tab-content\n      background-color: white\n      border-bottom: 1px solid #e0e6ec\n      .entity-attribute-title\n        h3\n          font-size: 1.2rem\n          line-height: 1.2\n          color: #2D323C\n          font-weight: 700\n          text-transform: none\n          padding: 21px 0 13px 30px\n\n          p\n            font-size: 0.7rem\n            line-height: 1.4rem\n            color: #70778c\n            opacity: 0.5\n            margin: 0\n            font-weight: 100\n\n      .entity-attribute-date-picker\n        width: auto\n        display: inline-block\n        padding-left: 30px\n        border-bottom: none\n\n        label\n          width: 100%\n          margin-left: 0\n          margin-bottom: 10px\n\n      button\n        display: inline-block\n        height: 40px\n        border-radius: 4px\n        appearance: none\n        border: none\n        cursor: pointer\n        transition: background-color 0.3s\n        width: 150px\n        background-color: $blue\n        color: white\n        font-size: 0.7rem\n\n        &:focus\n          outline: none\n\n\n\n  textarea\n    border: none\n    color: #333\n    font-size: 0.7rem\n    width: 100%\n    height: calc(100vh - 216px)\n    padding: 30px\n    background: transparent\n\n    &:focus\n      outline: none\n",".c-dashboard__title {\n  margin-top: 30px;\n  font-size: 1.1rem;\n  color: $darkerBlue;\n  font-weight: bold;\n  padding: 0 20px;\n}\n\n.c-dashboard__text{\n  font-size: 0.8rem;\n  line-height: 1.2;\n  color: $gray;\n  padding: 0 20px;\n\n  .c-dashboard__contact & {\n    font-size: 0.85rem;\n    line-height: 1.4;\n  }\n}\n\n.c-dashboard__employees{\n  border-bottom: 1px solid $blueGray;\n}\n\n.c-dashboard__employee {\n  @include flex(space-between, center);\n  padding: 20px 20px;\n  border-top: 1px solid $blueGray;\n}\n\n.c-dashboard__employee-image {\n  width: 90px;\n  height: 90px;\n  border-radius: 100%;\n  background-color: $lightGray;\n}\n\n.c-dashboard__employee-info {\n  width: calc(100% - 110px);\n  font-size: 0.8rem;\n  line-height: 1.4;\n  color: $gray;\n}\n\n.c-dashboard__employee-name {\n  font-size: 1rem;\n  font-weight: bold;\n  color: $darkerBlue;\n  margin-bottom: 5px;\n}\n\n.c-dashboard__link {\n  color: $gray;\n  transition: color 0.2s;\n\n  &:hover {\n    color: $blue\n  }\n}\n\n.c-dashboard__contact {\n  padding: 40px 0 20px 52px;\n}\n\n.c-dashboard__contact-indent {\n  padding-left: 58px;\n}\n\n.c-dashboard__contact-title {\n  font-size: 1.2rem;\n}\n\n.c-dashboard__logo {\n  width: 200px;\n  padding: 0 20px;\n\n  img {\n    width: 100%;\n  }\n}\n\n//  p.small-profile-name\n//  margin-bottom: 10px\n//  padding: 0\n//\n//  p.small-profile-description\n//  padding: 0\n//  font-size: 0.9rem\n//  line-height: 1.5em\n//  color: $medium-gray\n//}\n\n"],"sourceRoot":""}