@font-face {
  font-family: 'Roboto';
  src: url(../assets/fonts/Roboto-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url(../assets/fonts/Roboto-RegularItalic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Roboto-Medium';
  src: url(../assets/fonts/Roboto-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Roboto-Medium';
  src: url(../assets/fonts/Roboto-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Roboto-Bold';
  src: url(../assets/fonts/Roboto-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Roboto-Bold';
  src: url(../assets/fonts/Roboto-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic; }

/* TOOLBARS */
/* PANELS */
.vdm-icon {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  display: block; }
  .vdm-icon--search {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTE1LjczLDEzLjc5LDEyLDEwQTYuNTEsNi41MSwwLDEsMCwxMCwxMmwzLjc3LDMuNzdhLjkxLjkxLDAsMCwwLDEuMjksMGwuNjUtLjY1QS45MS45MSwwLDAsMCwxNS43MywxMy43OVpNMi4yNSw2LjVBNC4yNSw0LjI1LDAsMSwxLDYuNSwxMC43NSw0LjI2LDQuMjYsMCwwLDEsMi4yNSw2LjVaIi8+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=); }
  .vdm-icon--undo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxwYXRoIGQ9Ik02LjY3LDdILjQxQS4zOC4zOCwwLDAsMSwwLDYuNjdWLjQxQS4zOC4zOCwwLDAsMSwuNDEsMGgxLjVhLjM4LjM4LDAsMCwxLC4zNy4zOFYyLjg1QTcuNzUsNy43NSwwLDEsMSw4LDE1Ljc4YTcuNyw3LjcsMCwwLDEtNS4yLTIsLjM3LjM3LDAsMCwxLDAtLjU0bDEuMDctMS4wNmEuMzcuMzcsMCwwLDEsLjUxLDAsNS41LDUuNSwwLDEsMC0uOC03LjM2SDYuNjdBLjM4LjM4LDAsMCwxLDcsNS4xN3YxLjVBLjM4LjM4LDAsMCwxLDYuNjcsN1oiLz4NCiAgICA8L2c+DQo8L3N2Zz4=); }
  .vdm-icon--redo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxwYXRoIGQ9Ik0xNS42MywwSDE0LjE0YS4zOC4zOCwwLDAsMC0uMzcuMzd2MEwxMy44OSwzYTcuNzUsNy43NSwwLDEsMC0uNzEsMTAuNzcuMzcuMzcsMCwwLDAsMC0uNTNoMGwtMS4wNi0xLjA2YS4zNy4zNywwLDAsMC0uNTEsMCw1LjUsNS41LDAsMSwxLC40OS03Ljc2LDQuOTQsNC45NCwwLDAsMSwuNDQuNTZMOS4zOSw0Ljc4YS4zOC4zOCwwLDAsMC0uNC4zNkg5VjYuNjRBLjM4LjM4LDAsMCwwLDkuMzcsN2g2LjI2QS4zOC4zOCwwLDAsMCwxNiw2LjY0Vi4zOEEuMzguMzgsMCwwLDAsMTUuNjMsMFoiLz4NCiAgICA8L2c+DQo8L3N2Zz4=); }
  .vdm-icon--group-add {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTE0LDJWMTRIMlYySDE0bTAtMkgyQTIsMiwwLDAsMCwwLDJWMTRhMiwyLDAsMCwwLDIsMkgxNGEyLDIsMCwwLDAsMi0yVjJhMiwyLDAsMCwwLTItMloiLz4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMSw3LjI1SDguNzVWNWEuNS41LDAsMCwwLS41LS41aC0uNWEuNS41LDAsMCwwLS41LjVWNy4yNUg1YS41LjUsMCwwLDAtLjUuNXYuNWEuNS41LDAsMCwwLC41LjVINy4yNVYxMWEuNS41LDAsMCwwLC41LjVoLjVhLjUuNSwwLDAsMCwuNS0uNVY4Ljc1SDExYS41LjUsMCwwLDAsLjUtLjV2LS41QS41LjUsMCwwLDAsMTEsNy4yNVoiLz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==); }
  .vdm-icon--add {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTE0LDYuNUg5LjVWMmExLDEsMCwwLDAtMS0xaC0xYTEsMSwwLDAsMC0xLDFWNi41SDJhMSwxLDAsMCwwLTEsMXYxYTEsMSwwLDAsMCwxLDFINi41VjE0YTEsMSwwLDAsMCwxLDFoMWExLDEsMCwwLDAsMS0xVjkuNUgxNGExLDEsMCwwLDAsMS0xdi0xQTEsMSwwLDAsMCwxNCw2LjVaIi8+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=); }
  .vdm-icon--note-add {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTE0LDBIMkEyLDIsMCwwLDAsMCwydjlhMiwyLDAsMCwwLDIsMkg1djIuNDZhLjUuNSwwLDAsMCwuODEuMzlMOS4zOCwxM0gxNGEyLDIsMCwwLDAsMi0yVjJBMiwyLDAsMCwwLDE0LDBaTTExLjUsNi43NWEuNS41LDAsMCwxLS41LjVIOC43NVY5LjVhLjUuNSwwLDAsMS0uNS41aC0uNWEuNS41LDAsMCwxLS41LS41VjcuMjVINWEuNS41LDAsMCwxLS41LS41di0uNWEuNS41LDAsMCwxLC41LS41SDcuMjVWMy41YS41LjUsMCwwLDEsLjUtLjVoLjVhLjUuNSwwLDAsMSwuNS41VjUuNzVIMTFhLjUuNSwwLDAsMSwuNS41WiIvPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+); }
  .vdm-icon--delete {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxwYXRoIGQ9Ik0yLjg3LDE0LjQ3QTEuNjcsMS42NywwLDAsMCw0LjUzLDE2aDYuOTRhMS42NywxLjY3LDAsMCwwLDEuNjYtMS41M0wxNCw0SDJaIi8+DQogICAgICAgIDxwYXRoIGQ9Ik0xNC4zMywxSDExLjVMMTEuMTkuMzdhLjY4LjY4LDAsMCwwLS42LS4zN0g1LjQxYS42OC42OCwwLDAsMC0uNi4zN0w0LjUsMUgxLjY3QS42Ny42NywwLDAsMCwxLDEuNjd2LjY2QS42Ny42NywwLDAsMCwxLjY3LDNIMTQuMzNBLjY3LjY3LDAsMCwwLDE1LDIuMzNWMS42N0EuNjcuNjcsMCwwLDAsMTQuMzMsMVoiLz4NCiAgICA8L2c+DQo8L3N2Zz4=); }
  .vdm-icon--align-left {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTIuMzMsMEgxLjY3QS42Ny42NywwLDAsMCwxLC42N1YxNS4zM2EuNjcuNjcsMCwwLDAsLjY3LjY3aC42NkEuNjcuNjcsMCwwLDAsMywxNS4zM1YuNjdBLjY3LjY3LDAsMCwwLDIuMzMsMFoiLz4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC41LDQuNXYxaC05di0xaDlNMTUuMzMsM0g0LjY3QS42Ny42NywwLDAsMCw0LDMuNjdWNi4zM0EuNjcuNjcsMCwwLDAsNC42Nyw3SDE1LjMzQS42Ny42NywwLDAsMCwxNiw2LjMzVjMuNjdBLjY3LjY3LDAsMCwwLDE1LjMzLDNaIi8+DQogICAgICAgICAgICA8cGF0aCBkPSJNOC41LDEwLjV2MWgtM3YtMWgzTTkuMzMsOUg0LjY3QS42Ny42NywwLDAsMCw0LDkuNjd2Mi42NmEuNjcuNjcsMCwwLDAsLjY3LjY3SDkuMzNhLjY3LjY3LDAsMCwwLC42Ny0uNjdWOS42N0EuNjcuNjcsMCwwLDAsOS4zMyw5WiIvPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+); }
  .vdm-icon--align-center {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTcuNjcsMTUuNWEuMTcuMTcsMCwwLDEtLjE3LS4xN1YxMi41SDUuNjdhLjE3LjE3LDAsMCwxLS4xNy0uMTdWOS42N2EuMTcuMTcsMCwwLDEsLjE3LS4xN0g3LjV2LTNIMi42N2EuMTYuMTYsMCwwLDEtLjE3LS4xN1YzLjY3YS4xNi4xNiwwLDAsMSwuMTctLjE3SDcuNVYuNjdBLjE2LjE2LDAsMCwxLDcuNjcuNWguNjZBLjE2LjE2LDAsMCwxLDguNS42N1YzLjVoNC44M2EuMTcuMTcsMCwwLDEsLjE3LjE3VjYuMzNhLjE3LjE3LDAsMCwxLS4xNy4xN0g4LjV2M2gxLjgzYS4xOC4xOCwwLDAsMSwuMTcuMTd2Mi42NmEuMTguMTgsMCwwLDEtLjE3LjE3SDguNXYyLjgzYS4xNy4xNywwLDAsMS0uMTcuMTdaTTYsMTJoNFYxMEg2Wk0zLDZIMTNWNEgzWiIvPg0KICAgICAgICAgICAgPHBhdGggZD0iTTgsMVYxTTgsNi41djBtMCw2djBNOC4zMywwSDcuNjdBLjY3LjY3LDAsMCwwLDcsLjY3VjNIMi42N0EuNjcuNjcsMCwwLDAsMiwzLjY3VjYuMzNBLjY3LjY3LDAsMCwwLDIuNjcsN0g3VjlINS42N0EuNjcuNjcsMCwwLDAsNSw5LjY3djIuNjZhLjY3LjY3LDAsMCwwLC42Ny42N0g3djIuMzNhLjY3LjY3LDAsMCwwLC42Ny42N2guNjZBLjY3LjY3LDAsMCwwLDksMTUuMzNWMTNoMS4zM2EuNjcuNjcsMCwwLDAsLjY3LS42N1Y5LjY3QS42Ny42NywwLDAsMCwxMC4zMyw5SDlWN2g0LjMzQS42Ny42NywwLDAsMCwxNCw2LjMzVjMuNjdBLjY3LjY3LDAsMCwwLDEzLjMzLDNIOVYuNjdBLjY3LjY3LDAsMCwwLDguMzMsMFpNMy41LDUuNXYtMWg5djFabTMsNnYtMWgzdjFaIi8+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=); }
  .vdm-icon--align-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTE0LjMzLDBoLS42NkEuNjcuNjcsMCwwLDAsMTMsLjY3VjE1LjMzYS42Ny42NywwLDAsMCwuNjcuNjdoLjY2YS42Ny42NywwLDAsMCwuNjctLjY3Vi42N0EuNjcuNjcsMCwwLDAsMTQuMzMsMFoiLz4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC41LDQuNXYxaC05di0xaDlNMTEuMzMsM0guNjdBLjY3LjY3LDAsMCwwLDAsMy42N1Y2LjMzQS42Ny42NywwLDAsMCwuNjcsN0gxMS4zM0EuNjcuNjcsMCwwLDAsMTIsNi4zM1YzLjY3QS42Ny42NywwLDAsMCwxMS4zMywzWiIvPg0KICAgICAgICAgICAgPHBhdGggZD0iTTEwLjUsMTAuNXYxaC0zdi0xaDNNMTEuMzMsOUg2LjY3QS42Ny42NywwLDAsMCw2LDkuNjd2Mi42NmEuNjcuNjcsMCwwLDAsLjY3LjY3aDQuNjZhLjY3LjY3LDAsMCwwLC42Ny0uNjdWOS42N0EuNjcuNjcsMCwwLDAsMTEuMzMsOVoiLz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==); }
  .vdm-icon--align-top {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTAsMi4zM1YxLjY3QS42Ny42NywwLDAsMSwuNjcsMUgxNS4zM2EuNjcuNjcsMCwwLDEsLjY3LjY3di42NmEuNjcuNjcsMCwwLDEtLjY3LjY3SC42N0EuNjcuNjcsMCwwLDEsMCwyLjMzWiIvPg0KICAgICAgICAgICAgPHBhdGggZD0iTTQuNSwxNC41di05aDF2OWgtMU0zLDE1LjMzYS42Ny42NywwLDAsMCwuNjcuNjdINi4zM0EuNjcuNjcsMCwwLDAsNywxNS4zM1Y0LjY3QS42Ny42NywwLDAsMCw2LjMzLDRIMy42N0EuNjcuNjcsMCwwLDAsMyw0LjY3VjE1LjMzWiIvPg0KICAgICAgICAgICAgPHBhdGggZD0iTTEwLjUsOC41di0zaDF2M2gtMU05LDkuMzNhLjY3LjY3LDAsMCwwLC42Ny42N2gyLjY2QS42Ny42NywwLDAsMCwxMyw5LjMzVjQuNjdBLjY3LjY3LDAsMCwwLDEyLjMzLDRIOS42N0EuNjcuNjcsMCwwLDAsOSw0LjY3VjkuMzNaIi8+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=); }
  .vdm-icon--align-middle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTMuNjcsMTMuNWEuMTcuMTcsMCwwLDEtLjE3LS4xN1Y4LjVILjY3QS4xNi4xNiwwLDAsMSwuNSw4LjMzVjcuNjdBLjE2LjE2LDAsMCwxLC42Nyw3LjVIMy41VjIuNjdhLjE2LjE2LDAsMCwxLC4xNy0uMTdINi4zM2EuMTYuMTYsMCwwLDEsLjE3LjE3VjcuNWgzVjUuNjdhLjE3LjE3LDAsMCwxLC4xNy0uMTdoMi42NmEuMTcuMTcsMCwwLDEsLjE3LjE3VjcuNWgyLjgzYS4xNy4xNywwLDAsMSwuMTcuMTd2LjY2YS4xNy4xNywwLDAsMS0uMTcuMTdIMTIuNXYxLjgzYS4xOC4xOCwwLDAsMS0uMTcuMTdIOS42N2EuMTguMTgsMCwwLDEtLjE3LS4xN1Y4LjVoLTN2NC44M2EuMTcuMTcsMCwwLDEtLjE3LjE3Wk00LDEzSDZWM0g0Wm02LTNoMlY2SDEwWiIvPg0KICAgICAgICAgICAgPHBhdGggZD0iTTE1LDhoME05LjUsOGgwTTYuMzMsMkgzLjY3QS42Ny42NywwLDAsMCwzLDIuNjdWN0guNjdBLjY3LjY3LDAsMCwwLDAsNy42N3YuNjZBLjY3LjY3LDAsMCwwLC42Nyw5SDN2NC4zM2EuNjcuNjcsMCwwLDAsLjY3LjY3SDYuMzNBLjY3LjY3LDAsMCwwLDcsMTMuMzNWOUg5djEuMzNhLjY3LjY3LDAsMCwwLC42Ny42N2gyLjY2YS42Ny42NywwLDAsMCwuNjctLjY3VjloMi4zM0EuNjcuNjcsMCwwLDAsMTYsOC4zM1Y3LjY3QS42Ny42NywwLDAsMCwxNS4zMyw3SDEzVjUuNjdBLjY3LjY3LDAsMCwwLDEyLjMzLDVIOS42N0EuNjcuNjcsMCwwLDAsOSw1LjY3VjdIN1YyLjY3QS42Ny42NywwLDAsMCw2LjMzLDJaTTQuNSwxMi41di05aDF2OVptNi0zdi0zaDF2M1oiLz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==); }
  .vdm-icon--align-bottom {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTAsMTMuNjd2LjY2QS42Ny42NywwLDAsMCwuNjcsMTVIMTUuMzNhLjY3LjY3LDAsMCwwLC42Ny0uNjd2LS42NmEuNjcuNjcsMCwwLDAtLjY3LS42N0guNjdhLjY3LjY3LDAsMCwwLS42Ny42N1oiLz4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjUsMS41aDF2OWgtMXYtOU0zLC42N1YxMS4zM2EuNjcuNjcsMCwwLDAsLjY3LjY3SDYuMzNBLjY3LjY3LDAsMCwwLDcsMTEuMzNWLjY3QS42Ny42NywwLDAsMCw2LjMzLDBIMy42N0EuNjcuNjcsMCwwLDAsMywuNjdaIi8+DQogICAgICAgICAgICA8cGF0aCBkPSJNMTAuNSw3LjVoMXYzaC0xdi0zTTksNi42N3Y0LjY2YS42Ny42NywwLDAsMCwuNjcuNjdoMi42NmEuNjcuNjcsMCwwLDAsLjY3LS42N1Y2LjY3QS42Ny42NywwLDAsMCwxMi4zMyw2SDkuNjdBLjY3LjY3LDAsMCwwLDksNi42N1oiLz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==); }
  .vdm-icon--move-top {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTEyLjUsMS41djFoLTl2LTFoOU0xMy4zMywwSDIuNjdBLjY3LjY3LDAsMCwwLDIsLjY3VjMuMzNBLjY3LjY3LDAsMCwwLDIuNjcsNEgxMy4zM0EuNjcuNjcsMCwwLDAsMTQsMy4zM1YuNjdBLjY3LjY3LDAsMCwwLDEzLjMzLDBaIi8+DQogICAgICAgICAgICA8cGF0aCBkPSJNMTEuMjIsNy45MSw4LjUzLDUuMjJhLjc1Ljc1LDAsMCwwLTEuMDYsMEw0Ljc4LDcuOTFhLjc1Ljc1LDAsMCwwLC41MywxLjI4SDYuODh2Ni4yNWEuNTYuNTYsMCwwLDAsLjU2LjU2SDguNTZhLjU2LjU2LDAsMCwwLC41Ni0uNTZWOS4xOWgxLjU3QS43NS43NSwwLDAsMCwxMS4yMiw3LjkxWiIvPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+); }
  .vdm-icon--move-up {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTEyLjUsOS41djFoLTl2LTFoOU0xMy4zMyw4SDIuNjdBLjY3LjY3LDAsMCwwLDIsOC42N3YyLjY2YS42Ny42NywwLDAsMCwuNjcuNjdIMTMuMzNhLjY3LjY3LDAsMCwwLC42Ny0uNjdWOC42N0EuNjcuNjcsMCwwLDAsMTMuMzMsOFoiLz4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMS4yMiwyLjkxLDguNTMuMjJhLjc1Ljc1LDAsMCwwLTEuMDYsMEw0Ljc4LDIuOTFhLjc1Ljc1LDAsMCwwLC41MywxLjI4SDYuODhWN0g5LjEyVjQuMTloMS41N0EuNzUuNzUsMCwwLDAsMTEuMjIsMi45MVoiLz4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik02Ljg4LDE1LjQ0YS41Ni41NiwwLDAsMCwuNTYuNTZIOC41NmEuNTYuNTYsMCwwLDAsLjU2LS41NlYxM0g2Ljg4WiIvPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+); }
  .vdm-icon--move-down {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTMuNSw2LjV2LTFoOXYxaC05TTIuNjcsOEgxMy4zM0EuNjcuNjcsMCwwLDAsMTQsNy4zM1Y0LjY3QS42Ny42NywwLDAsMCwxMy4zMyw0SDIuNjdBLjY3LjY3LDAsMCwwLDIsNC42N1Y3LjMzQS42Ny42NywwLDAsMCwyLjY3LDhaIi8+DQogICAgICAgICAgICA8cGF0aCBkPSJNNC43OCwxMy4wOWwyLjY5LDIuNjlhLjc1Ljc1LDAsMCwwLDEuMDYsMGwyLjY5LTIuNjlhLjc1Ljc1LDAsMCwwLS41My0xLjI4SDkuMTJWOUg2Ljg4djIuODFINS4zMUEuNzUuNzUsMCwwLDAsNC43OCwxMy4wOVoiLz4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik05LjEyLjU2QS41Ni41NiwwLDAsMCw4LjU2LDBINy40NGEuNTYuNTYsMCwwLDAtLjU2LjU2VjNIOS4xMloiLz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==); }
  .vdm-icon--move-bottom {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTMuNSwxNC41di0xaDl2MWgtOU0yLjY3LDE2SDEzLjMzYS42Ny42NywwLDAsMCwuNjctLjY3VjEyLjY3YS42Ny42NywwLDAsMC0uNjctLjY3SDIuNjdhLjY3LjY3LDAsMCwwLS42Ny42N3YyLjY2YS42Ny42NywwLDAsMCwuNjcuNjdaIi8+DQogICAgICAgICAgICA8cGF0aCBkPSJNNC43OCw4LjA5bDIuNjksMi42OWEuNzUuNzUsMCwwLDAsMS4wNiwwbDIuNjktMi42OWEuNzUuNzUsMCwwLDAtLjUzLTEuMjhIOS4xMlYuNTZBLjU2LjU2LDAsMCwwLDguNTYsMEg3LjQ0YS41Ni41NiwwLDAsMC0uNTYuNTZWNi44MUg1LjMxQS43NS43NSwwLDAsMCw0Ljc4LDguMDlaIi8+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=); }
  .vdm-icon--grid {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTEyLjUsMTUuNXYtMmgtNHYyaC0xdi0yaC00djJoLTF2LTJILjV2LTFoMnYtNEguNXYtMWgydi00SC41di0xaDJWLjVoMXYyaDRWLjVoMXYyaDRWLjVoMXYyaDJ2MWgtMnY0aDJ2MWgtMnY0aDJ2MWgtMnYyWm0tNC0zaDR2LTRoLTRabS01LDBoNHYtNGgtNFptNS01aDR2LTRoLTRabS01LDBoNHYtNGgtNFoiLz4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMywxVjFtMiwyaDBNMywzVjEzSDEzdjBIOHYwSDNWM00xNSw4aDBNMTMuNSwwaC0xYS41LjUsMCwwLDAtLjUuNVYySDlWLjVBLjUuNSwwLDAsMCw4LjUsMGgtMUEuNS41LDAsMCwwLDcsLjVWMkg0Vi41QS41LjUsMCwwLDAsMy41LDBoLTFBLjUuNSwwLDAsMCwyLC41VjJILjVhLjUuNSwwLDAsMC0uNS41djFBLjUuNSwwLDAsMCwuNSw0SDJWN0guNWEuNS41LDAsMCwwLS41LjV2MUEuNS41LDAsMCwwLC41LDlIMnYzSC41YS41LjUsMCwwLDAtLjUuNXYxYS41LjUsMCwwLDAsLjUuNUgydjEuNWEuNS41LDAsMCwwLC41LjVoMWEuNS41LDAsMCwwLC41LS41VjE0SDd2MS41YS41LjUsMCwwLDAsLjUuNWgxYS41LjUsMCwwLDAsLjUtLjVWMTRoM3YxLjVhLjUuNSwwLDAsMCwuNS41aDFhLjUuNSwwLDAsMCwuNS0uNVYxNGgxLjVhLjUuNSwwLDAsMCwuNS0uNXYtMWEuNS41LDAsMCwwLS41LS41SDE0VjloMS41YS41LjUsMCwwLDAsLjUtLjV2LTFhLjUuNSwwLDAsMC0uNS0uNUgxNFY0aDEuNWEuNS41LDAsMCwwLC41LS41di0xYS41LjUsMCwwLDAtLjUtLjVIMTRWLjVhLjUuNSwwLDAsMC0uNS0uNVpNOSw3VjRoM1Y3Wk00LDdWNEg3VjdabTUsNVY5aDN2M1pNNCwxMlY5SDd2M1oiLz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==); }
  .vdm-icon--language {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxwb2x5Z29uIHBvaW50cz0iNy4xMyAxMCA3LjEzIDkgNC42MyA5IDMuNjMgOSAzLjYzIDEwIDMuNjMgMTEgMy42MyAxMiAzLjYzIDEzIDMuNjMgMTQgNC42MyAxNCA3LjEzIDE0IDcuMTMgMTMgNC42MyAxMyA0LjYzIDEyIDYuNjMgMTIgNi42MyAxMSA0LjYzIDExIDQuNjMgMTAgNy4xMyAxMCIvPg0KICAgICAgICA8cG9seWdvbiBwb2ludHM9IjExLjM4IDkgMTEuMzggMTIuMTggOS42MyA5IDguNjMgOSA4LjYzIDE0IDkuNjMgMTQgOS42MyAxMC44MiAxMS4zOCAxNCAxMi4zOCAxNCAxMi4zOCA5IDExLjM4IDkiLz4NCiAgICAgICAgPHBhdGggZD0iTTYuNjIsNC41YzAtLjgtLjQ2LTEuNS0xLTEuNWgtMVY2aDFDNi4xNiw2LDYuNjIsNS4zLDYuNjIsNC41WiIvPg0KICAgICAgICA8cGF0aCBkPSJNMTQsMEgyQTIsMiwwLDAsMCwwLDJWMTRhMiwyLDAsMCwwLDIsMkgxNGEyLDIsMCwwLDAsMi0yVjJBMiwyLDAsMCwwLDE0LDBaTTguNjIsNlYyaDMuNVYzSDkuNjJWNGgyVjVoLTJWNmgyLjVWN0g4LjYyWm0tNS0zVjJoMmEyLjI5LDIuMjksMCwwLDEsMiwyLjUsMi4yOSwyLjI5LDAsMCwxLTIsMi41aC0yWk0xNC43LDE0YS43LjcsMCwwLDEtLjcuN0gyYS43LjcsMCwwLDEtLjctLjdWOEgxNC43WiIvPg0KICAgIDwvZz4NCjwvc3ZnPg==); }
  .vdm-icon--zoom-in {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTE1LjczLDEzLjc5LDEyLDEwQTYuNTEsNi41MSwwLDEsMCwxMCwxMmwzLjc3LDMuNzdhLjkxLjkxLDAsMCwwLDEuMjksMGwuNjUtLjY1QS45MS45MSwwLDAsMCwxNS43MywxMy43OVptLTkuMjMtM0E0LjI1LDQuMjUsMCwxLDEsMTAuNzUsNi41LDQuMjYsNC4yNiwwLDAsMSw2LjUsMTAuNzVaIi8+DQogICAgICAgICAgICA8cGF0aCBkPSJNOS4wNiw1LjYySDcuMzhWMy45NGEuNDQuNDQsMCwwLDAtLjQ0LS40NEg2LjA2YS40NC40NCwwLDAsMC0uNDQuNDRWNS42MkgzLjk0YS40NC40NCwwLDAsMC0uNDQuNDR2Ljg4YS40NC40NCwwLDAsMCwuNDQuNDRINS42MlY5LjA2YS40NC40NCwwLDAsMCwuNDQuNDRoLjg4YS40NC40NCwwLDAsMCwuNDQtLjQ0VjcuMzhIOS4wNmEuNDQuNDQsMCwwLDAsLjQ0LS40NFY2LjA2QS40NC40NCwwLDAsMCw5LjA2LDUuNjJaIi8+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=); }
  .vdm-icon--zoom-out {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTE1LjczLDEzLjc5LDEyLDEwQTYuNTEsNi41MSwwLDEsMCwxMCwxMmwzLjc3LDMuNzdhLjkxLjkxLDAsMCwwLDEuMjksMGwuNjUtLjY1QS45MS45MSwwLDAsMCwxNS43MywxMy43OVptLTkuMjMtM0E0LjI1LDQuMjUsMCwxLDEsMTAuNzUsNi41LDQuMjYsNC4yNiwwLDAsMSw2LjUsMTAuNzVaIi8+DQogICAgICAgICAgICA8cmVjdCB4PSIzLjUiIHk9IjUuNjMiIHdpZHRoPSI2IiBoZWlnaHQ9IjEuNzUiIHJ4PSIwLjQ0Ii8+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=); }
  .vdm-icon--triangle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICAgPGc+DQogICAgICAgIDxwb2x5Z29uIHBvaW50cz0iMTIgMTcuMyAxNi42IDkuMyA3LjQgOS4zIDEyIDE3LjMiLz4NCiAgICA8L2c+DQo8L3N2Zz4=); }
  .vdm-icon--angle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxwYXRoIGQ9Ik03LjQ3LDExLDMuMjIsNi43NmEuNzUuNzUsMCwwLDEsMC0xLjA2TDMuOTMsNUEuNzQuNzQsMCwwLDEsNSw1TDgsOGwzLTNhLjc1Ljc1LDAsMCwxLDEuMDYsMGwuNy43MWEuNzQuNzQsMCwwLDEsMCwxLjA2TDguNTIsMTFhLjc0Ljc0LDAsMCwxLTEsMFoiLz4NCiAgICA8L2c+DQo8L3N2Zz4=); }
  .vdm-icon--close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTEzLjMsMTEuMTgsMTAuMTIsOCwxMy4zLDQuODJhMSwxLDAsMCwwLDAtMS40MmwtLjctLjdhMSwxLDAsMCwwLTEuNDIsMEw4LDUuODgsNC44MiwyLjdhMSwxLDAsMCwwLTEuNDIsMGwtLjcuN2ExLDEsMCwwLDAsMCwxLjQyTDUuODgsOCwyLjcsMTEuMThhMSwxLDAsMCwwLDAsMS40MmwuNy43YTEsMSwwLDAsMCwxLjQyLDBMOCwxMC4xMmwzLjE4LDMuMThhMSwxLDAsMCwwLDEuNDIsMGwuNy0uN0ExLDEsMCwwLDAsMTMuMywxMS4xOFoiLz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==); }
  .vdm-icon--download {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxnPg0KICAgICAgICAgICAgPHBhdGggZD0iTTksNC4yNVYwSDIuNzVBLjc0Ljc0LDAsMCwwLDIsLjc1djE0LjVhLjc0Ljc0LDAsMCwwLC43NS43NWgxMC41YS43NC43NCwwLDAsMCwuNzUtLjc1VjVIOS43NUEuNzYuNzYsMCwwLDEsOSw0LjI1Wm0yLjM5LDYuNi0zLDNhLjU2LjU2LDAsMCwxLS43NiwwbC0zLTNBLjUuNSwwLDAsMSw1LDEwSDdWNy41QS41LjUsMCwwLDEsNy41LDdoMWEuNS41LDAsMCwxLC41LjVWMTBoMmEuNS41LDAsMCwxLC4zNS44NVptMi4zOS03LjU3TDEwLjcyLjIyQS43NS43NSwwLDAsMCwxMC4xOSwwSDEwVjRoNFYzLjgxQS43NS43NSwwLDAsMCwxMy43OCwzLjI4WiIvPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+); }
  .vdm-icon--workspaces {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxwYXRoIGQ9Ik00LjY3LDEuNzV2Mi41QS43Ni43NiwwLDAsMSwzLjkyLDVILjc1QS43Ni43NiwwLDAsMSwwLDQuMjVWMS43NUEuNzYuNzYsMCwwLDEsLjc1LDFIMy45MmEuNzYuNzYsMCwwLDEsLjc1Ljc1Wm01LjY2LDcuNVY2Ljc1QS43NS43NSwwLDAsMCw5LjU4LDZINi40MmEuNzUuNzUsMCwwLDAtLjc1Ljc1djIuNWEuNzUuNzUsMCwwLDAsLjc1Ljc1SDkuNThBLjc1Ljc1LDAsMCwwLDEwLjMzLDkuMjVabTEtNy41djIuNWEuNzYuNzYsMCwwLDAsLjc1Ljc1aDMuMTdBLjc2Ljc2LDAsMCwwLDE2LDQuMjVWMS43NUEuNzYuNzYsMCwwLDAsMTUuMjUsMUgxMi4wOEEuNzYuNzYsMCwwLDAsMTEuMzMsMS43NVptLTEsMi41VjEuNzVBLjc1Ljc1LDAsMCwwLDkuNTgsMUg2LjQyYS43NS43NSwwLDAsMC0uNzUuNzV2Mi41QS43NS43NSwwLDAsMCw2LjQyLDVIOS41OEEuNzUuNzUsMCwwLDAsMTAuMzMsNC4yNVpNMy45Miw2SC43NUEuNzYuNzYsMCwwLDAsMCw2Ljc1djIuNUEuNzYuNzYsMCwwLDAsLjc1LDEwSDMuOTJhLjc2Ljc2LDAsMCwwLC43NS0uNzVWNi43NUEuNzYuNzYsMCwwLDAsMy45Miw2Wk0wLDExLjc1djIuNUEuNzYuNzYsMCwwLDAsLjc1LDE1SDMuOTJhLjc2Ljc2LDAsMCwwLC43NS0uNzV2LTIuNUEuNzYuNzYsMCwwLDAsMy45MiwxMUguNzVBLjc2Ljc2LDAsMCwwLDAsMTEuNzVaTTEyLjA4LDEwaDMuMTdBLjc2Ljc2LDAsMCwwLDE2LDkuMjVWNi43NUEuNzYuNzYsMCwwLDAsMTUuMjUsNkgxMi4wOGEuNzYuNzYsMCwwLDAtLjc1Ljc1djIuNUEuNzYuNzYsMCwwLDAsMTIuMDgsMTBabTAsNWgzLjE3YS43Ni43NiwwLDAsMCwuNzUtLjc1di0yLjVhLjc2Ljc2LDAsMCwwLS43NS0uNzVIMTIuMDhhLjc2Ljc2LDAsMCwwLS43NS43NXYyLjVBLjc2Ljc2LDAsMCwwLDEyLjA4LDE1Wk01LjY3LDExLjc1djIuNWEuNzUuNzUsMCwwLDAsLjc1Ljc1SDkuNThhLjc1Ljc1LDAsMCwwLC43NS0uNzV2LTIuNUEuNzUuNzUsMCwwLDAsOS41OCwxMUg2LjQyQS43NS43NSwwLDAsMCw1LjY3LDExLjc1WiIvPg0KICAgIDwvZz4NCjwvc3ZnPg==); }
  .vdm-icon--bug {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogICAgPGc+DQogICAgICAgIDxwYXRoIGQ9Ik0xNiw5YTEsMSwwLDAsMS0xLDFIMTMuMjV2LjVhNC4zOCw0LjM4LDAsMCwxLS40MywxLjkxbDEuODksMS44OGExLDEsMCwwLDEtMS40MiwxLjQyTDExLjU4LDE0YTQuNTEsNC41MSwwLDAsMS0yLjgzLDFWNy4zN0EuMzguMzgsMCwwLDAsOC4zNyw3SDcuNjJhLjM4LjM4LDAsMCwwLS4zNy4zN1YxNWE0LjUxLDQuNTEsMCwwLDEtMi44My0xTDIuNzEsMTUuNzFhMSwxLDAsMCwxLTEuNDItMS40MmwxLjg4LTEuODhhNC41Miw0LjUyLDAsMCwxLS40Mi0xLjkxVjEwSDFBMSwxLDAsMCwxLDAsOSwxLDEsMCwwLDEsMSw4SDIuNzVWNi4xNkwxLjI5LDQuNzFBMSwxLDAsMCwxLDIuNzEsMy4yOUw0LjQxLDVoNy4xOGwxLjctMS43MWExLDEsMCwxLDEsMS40MiwxLjQyTDEzLjI1LDYuMTZWOEgxNUExLDEsMCwwLDEsMTYsOVpNOCwwYTMuNSwzLjUsMCwwLDAtMy41LDMuNWg3QTMuNSwzLjUsMCwwLDAsOCwwWiIvPg0KICAgIDwvZz4NCjwvc3ZnPg==); }

.vdm-select-popup {
  position: relative;
  z-index: 2;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .vdm-select-popup__select {
    padding: 4px 12px;
    position: fixed;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    background-color: white;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)); }
    .vdm-select-popup__select::before {
      content: "";
      display: block;
      position: absolute;
      background-color: white; }
    .vdm-select-popup__select--opt-row {
      flex-direction: row; }
    .vdm-select-popup__select--dir-horizontal::before {
      width: 7px;
      height: 14px;
      left: -6px;
      top: 12px;
      -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
      /* Support for Safari (Mac?) */
      clip-path: polygon(100% 0, 0 50%, 100% 100%);
      z-index: 0; }
    .vdm-select-popup__select--dir-vertical::before {
      width: 14px;
      height: 7px;
      left: 50%;
      top: -6px;
      transform: translateX(-50%);
      -webkit-clip-path: polygon(100% 100%, 50% 0, 0 100%);
      /* Support for Safari (Mac?) */
      clip-path: polygon(100% 100%, 50% 0, 0 100%);
      z-index: 0; }
  .vdm-select-popup__options {
    margin: -4px -12px;
    padding: 4px 12px;
    overflow-y: scroll;
    z-index: 1; }
  .vdm-select-popup__option {
    line-height: 30px;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    white-space: nowrap;
    cursor: pointer;
    color: #262C33; }
    .vdm-select-popup__option:not(.vdm-select-popup__option--color) {
      margin: 0 -12px;
      padding: 0 16px; }
      .vdm-select-popup__option:not(.vdm-select-popup__option--color):hover {
        color: #fff;
        background-color: #0070F5; }
    .vdm-select-popup__option--color {
      width: 16px;
      height: 16px;
      margin: 8px;
      display: inline-block;
      border-width: 1px;
      border-style: solid;
      border-radius: 8px; }
      .vdm-select-popup__option--color:hover {
        box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.5); }

/* TOOLBARS */
/* PANELS */
.vdm-notification {
  width: 30%;
  padding: 6px 38px 6px 12px;
  position: absolute;
  right: 16px;
  top: 52px;
  z-index: 100;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
  background-color: #00C7B1;
  opacity: 1; }
  .vdm-notification--fadeOut {
    transition: opacity 1s;
    opacity: 0; }
  .vdm-notification__dismiss {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 8px;
    cursor: pointer; }
    .vdm-notification__dismiss .vdm-icon {
      filter: invert(100); }
  .vdm-notification a {
    color: white;
    text-decoration: none;
    font-weight: bold; }

/* TOOLBARS */
/* PANELS */
@keyframes vdm-progress {
  0% {
    transform: translateX(-160px);
    opacity: 0; }
  10% {
    opacity: 1; }
  75% {
    transform: translateX(240px);
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    transform: translateX(200px);
    opacity: 0; } }

.vdm-progress-indicator {
  width: 100%;
  height: 100%;
  padding-left: 300px;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .vdm-progress-indicator__text {
    margin-bottom: 6px;
    padding: 0;
    font-family: 14px;
    font-size: 14px;
    color: #474F59; }
  .vdm-progress-indicator__linear-progress-indicator {
    width: 200px;
    height: 6px;
    border-radius: 3px;
    margin-top: 4px;
    position: relative;
    overflow: hidden; }
  .vdm-progress-indicator__background {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #ccc; }
  .vdm-progress-indicator__progress {
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    background-color: #0070F5; }
    .vdm-progress-indicator__progress--infinite {
      width: 160px;
      animation: vdm-progress 2.2s linear infinite; }
  .vdm-progress-indicator__infinite {
    width: 44px;
    display: flex;
    margin-top: 12px;
    flex-direction: row;
    justify-content: space-between; }

@keyframes vdm-progress-dot-keyframes-1 {
  0% {
    opacity: 0.2; }
  30% {
    opacity: 0.7; }
  60% {
    opacity: 0.2; }
  100% {
    opacity: 0.2; } }

@keyframes vdm-progress-dot-keyframes-2 {
  0% {
    opacity: 0.2; }
  15% {
    opacity: 0.2; }
  45% {
    opacity: 0.7; }
  75% {
    opacity: 0.2; }
  100% {
    opacity: 0.2; } }

@keyframes vdm-progress-dot-keyframes-3 {
  0% {
    opacity: 0.2; }
  30% {
    opacity: 0.2; }
  60% {
    opacity: 0.7; }
  90% {
    opacity: 0.2; }
  100% {
    opacity: 0.2; } }
    .vdm-progress-indicator__infinite-dot {
      width: 8px;
      height: 8px;
      display: block;
      border-radius: 4px;
      background-color: #455A64; }
      .vdm-progress-indicator__infinite-dot:nth-child(1) {
        animation: vdm-progress-dot-keyframes-1 1.5s infinite normal; }
      .vdm-progress-indicator__infinite-dot:nth-child(2) {
        animation: vdm-progress-dot-keyframes-2 1.5s infinite normal; }
      .vdm-progress-indicator__infinite-dot:nth-child(3) {
        animation: vdm-progress-dot-keyframes-3 1.5s infinite normal; }

/* TOOLBARS */
/* PANELS */
.vdm-toolbar {
  width: 100%;
  height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  border-bottom: 1px solid #D8E1E6;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  .vdm-toolbar * {
    flex-shrink: 0; }
  .vdm-toolbar__button {
    margin: 8px 4px;
    border-radius: 4px;
    opacity: 0.3;
    transition: opacity 0.125s ease-out, filter 0.125s ease-out; }
    .vdm-toolbar__button:hover:not(.vdm-toolbar__button--disabled):not(.vdm-toolbar__button--active) {
      opacity: 0.5; }
    .vdm-toolbar__button:hover:not(.vdm-toolbar__button--disabled) {
      cursor: pointer; }
    .vdm-toolbar__button--active {
      filter: invert(34%) sepia(54%) saturate(6758%) hue-rotate(202deg) brightness(100%) contrast(102%);
      opacity: 1; }
    .vdm-toolbar__button--disabled {
      opacity: 0.15; }
    .vdm-toolbar__button .vdm-icon {
      width: 24px;
      height: 24px;
      pointer-events: none; }
    .vdm-toolbar__button-text {
      min-width: 70px;
      height: 28px;
      margin-top: 6px;
      margin-bottom: 6px;
      padding: 0 12px;
      background-color: #0D83F9;
      transition: background-color 0.125s ease-out;
      color: white;
      font-family: "Roboto-Medium", sans-serif;
      font-size: 13px;
      line-height: 28px;
      letter-spacing: 0.2px;
      opacity: 1 !important; }
      .vdm-toolbar__button-text:hover {
        background-color: #0070F5; }
  .vdm-toolbar__item-group {
    display: flex;
    flex-direction: row; }

.vdm-toolbar-dataModel {
  width: 300px;
  flex-shrink: 0;
  border-right: 1px solid #D8E1E6; }

/* TOOLBARS */
/* PANELS */
.vdm-workspaces__header {
  height: 40px;
  width: 300px;
  padding-right: 4px;
  border-bottom: 1px solid #D8E1E6;
  border-right: 1px solid #D8E1E6;
  line-height: 40px;
  font-family: "Roboto-Medium", sans-serif;
  position: relative;
  color: #474F59;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .vdm-workspaces__header-button {
    width: 24px;
    height: 24px;
    margin: 8px 4px;
    border-radius: 4px;
    opacity: 0.3;
    transition: opacity 0.15s ease-out; }
    .vdm-workspaces__header-button:hover {
      opacity: 0.5;
      cursor: pointer; }

.vdm-workspaces__header--collapsed {
  width: auto;
  padding-right: 12px; }
  .vdm-workspaces__header--collapsed .vdm-workspaces__header-button {
    display: none; }

.vdm-workspaces__toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer; }
  .vdm-workspaces__toggle-icon {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    margin-right: 8px;
    opacity: 0.3; }

.vdm-workspaces__panel {
  width: 300px;
  height: calc(100% - 40px);
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 1;
  border-right: 1px solid #D8E1E6;
  background-color: #ffffff; }
  .vdm-workspaces__panel--not-displayed {
    display: none; }

.vdm-workspaces__search {
  height: 36px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D8E1E6; }
  .vdm-workspaces__search-icon {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    margin-right: 4px;
    opacity: 0.3; }
  .vdm-workspaces__search-input {
    flex: 1;
    height: 100%;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    border: none;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    color: #474F59; }
    .vdm-workspaces__search-input::placeholder, .vdm-workspaces__search-input::-webkit-input-placeholder {
      opacity: 0.5; }
    .vdm-workspaces__search-input:focus {
      outline: none; }
    .vdm-workspaces__search-input:focus::placeholder, .vdm-workspaces__search-input:focus::-webkit-input-placeholder {
      color: #0070F5;
      opacity: 0.7; }

.vdm-workspaces__list {
  width: 100%;
  height: calc(100% - 36px);
  margin: 0;
  padding: 4px 0;
  overflow-x: visible;
  overflow-y: auto;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.vdm-workspaces__workspace {
  position: relative;
  line-height: 30px;
  user-select: none;
  list-style: none; }
  .vdm-workspaces__workspace-header {
    height: 30px;
    padding-left: 36px;
    padding-right: 4px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 13px;
    font-family: "Roboto-Medium", sans-serif;
    color: #474F59;
    cursor: pointer; }
    .vdm-workspaces__workspace-header:hover .vdm-workspaces__workspace-delete {
      opacity: 0.15; }
  .vdm-workspaces__workspace-toggle {
    width: 20px;
    height: 20px;
    margin-top: 4px;
    margin-left: -27px;
    position: absolute;
    transform: rotate(0deg);
    transition: transform 0.3s;
    opacity: 0.3; }
  .vdm-workspaces__workspace-delete {
    width: 20px;
    height: 20px;
    margin: 5px 6px;
    opacity: 0;
    transition: opacity 0.125s ease-out; }
    .vdm-workspaces__workspace-delete .vdm-icon {
      width: 18px;
      height: 18px;
      margin: 1px; }
    .vdm-workspaces__workspace-delete:hover {
      opacity: 0.5 !important; }
  .vdm-workspaces__workspace-color {
    width: 16px;
    height: 16px;
    margin: 7px 8px;
    border-style: solid;
    border-width: 1px;
    border-radius: 8px; }
    .vdm-workspaces__workspace-color:hover {
      cursor: pointer; }
  .vdm-workspaces__workspace-types {
    margin: 0;
    padding: 0 0 0 36px;
    transition: opacity 0.4s 0.1s, max-height 0.3s;
    opacity: 1;
    overflow: hidden; }
  .vdm-workspaces__workspace--collapsed .vdm-workspaces__workspace-types {
    transition: all 0.3s;
    max-height: 0 !important;
    opacity: 0;
    overflow: hidden; }
  .vdm-workspaces__workspace--collapsed .vdm-workspaces__workspace-toggle {
    transform: rotate(-90deg); }
  .vdm-workspaces__workspace-type {
    padding-left: 16px;
    opacity: 0.5;
    list-style: none;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    color: #474F59;
    user-select: none;
    pointer-events: none; }
    .vdm-workspaces__workspace-type--draggable {
      opacity: 1;
      pointer-events: auto;
      cursor: grab; }
      .vdm-workspaces__workspace-type--draggable:active {
        cursor: grabbing; }

#vdm-graph-grid {
  display: none; }

.vdm-graph-grid {
  position: absolute;
  z-index: -2;
  min-width: 110%;
  min-height: 110%; }
  .vdm-graph-grid__line {
    stroke: #f2f2f2;
    stroke-width: 1; }
    .vdm-graph-grid__line--major {
      stroke: #cccccc; }

.vdm-graph {
  width: 100%;
  height: 100%;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.vdm-graph__preview {
  border-style: dashed !important;
  border-width: 1px !important;
  border-color: #000 !important;
  background: transparent !important;
  opacity: 1 !important; }

div.mxPopupMenu {
  padding: 4px 0;
  position: absolute;
  border-radius: 6px;
  background-color: white;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  div.mxPopupMenu table.mxPopupMenu {
    border-collapse: collapse;
    margin: 0; }
    div.mxPopupMenu table.mxPopupMenu tr {
      position: relative;
      display: block; }
    div.mxPopupMenu table.mxPopupMenu tr:first-child::before {
      content: "";
      display: block;
      width: 8px;
      height: 16px;
      position: absolute;
      left: -6px;
      top: 7px;
      background-color: white;
      z-index: -1;
      -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
      /* Support for Safari (Mac?) */
      clip-path: polygon(100% 0, 0 50%, 100% 100%); }
    div.mxPopupMenu table.mxPopupMenu tr.mxPopupMenuItem {
      white-space: nowrap;
      cursor: pointer;
      color: #262C33; }
    div.mxPopupMenu table.mxPopupMenu td.mxPopupMenuIcon {
      min-width: 24px;
      width: 24px;
      height: 24px;
      padding-left: 12px;
      box-sizing: content-box !important;
      opacity: 0.5; }
    div.mxPopupMenu table.mxPopupMenu td.mxPopupMenuItem {
      padding-left: 4px;
      padding-right: 16px;
      line-height: 30px;
      font-size: 12px;
      font-family: "Roboto", sans-serif; }
    div.mxPopupMenu table.mxPopupMenu td:nth-child(3) {
      display: none; }
    div.mxPopupMenu table.mxPopupMenu tr.mxPopupMenuItemHover {
      background-color: #0070F5;
      color: white;
      cursor: pointer; }
      div.mxPopupMenu table.mxPopupMenu tr.mxPopupMenuItemHover::before {
        background-color: #0070F5; }
      div.mxPopupMenu table.mxPopupMenu tr.mxPopupMenuItemHover .mxPopupMenuIcon {
        opacity: 1;
        filter: invert(100%); }
    div.mxPopupMenu table.mxPopupMenu hr {
      border-top: solid 1px #cccccc; }
    div.mxPopupMenu table.mxPopupMenu tr {
      font-size: 4pt; }

div.mxRubberband {
  position: absolute;
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  border-color: #0070F5;
  background: rgba(0, 112, 245, 0.5); }

.vdm-widget-container,
.vdm-widget-container * {
  box-sizing: border-box; }

.vdm-widget-container {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-family: "Roboto", sans-serif; }

.vdm-widget {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", monospace;
  font-weight: 400; }

.vdm-menu {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex: none; }
  .vdm-menu * {
    flex-shrink: 0; }

.vdm-toolbar-container {
  flex-grow: 1; }

.vdm-editor {
  width: 100%;
  height: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  overflow: hidden; }

.vdm-graph-container {
  width: 100%;
  height: 100%;
  overflow: hidden; }