mis-crystal-design-system 18.0.15 → 18.0.16-test-2

package/styles/mis-old-icon-styles.scss

@@ -1,498 +1,498 @@
-@font-face {
-    font-family: 'mis-icons';
-    src: url('fonts/mis-icons.eot?nvmskr');
-    src: url('fonts/mis-icons.eot?nvmskr#iefix') format('embedded-opentype'),
-        url('fonts/mis-icons.ttf?nvmskr') format('truetype'),
-        url('fonts/mis-icons.woff?nvmskr') format('woff'),
-        url('fonts/mis-icons.svg?nvmskr#mis-icons') format('svg');
-    font-weight: normal;
-    font-style: normal;
-    font-display: block;
-}
-
-[class^="ic-"],
-[class*=" ic-"] {
-    /* use !important to prevent issues with browser extensions that change fonts */
-    font-family: 'mis-icons' !important;
-    speak: never;
-    font-style: normal;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 1;
-
-    /* Better Font Rendering =========== */
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-.ic-navigation-arrow-left-24:before {
-    content: "\e900";
-}
-
-.ic-navigation-arrow-right-24:before {
-    content: "\e901";
-}
-
-.ic-action-filter-16:before {
-    content: "\e902";
-}
-
-.ic-selection-Checkboxes-Active-selected .path1:before {
-    content: "\e903";
-    color: rgb(9, 55, 178);
-}
-
-.ic-selection-Checkboxes-Active-selected .path2:before {
-    content: "\e904";
-    margin-left: -1em;
-    color: rgb(255, 255, 255);
-}
-
-.ic-selection-switch-Off-Enabled-24 .path1:before {
-    content: "\e905";
-    color: rgb(245, 245, 245);
-}
-
-.ic-selection-switch-Off-Enabled-24 .path2:before {
-    content: "\e906";
-    margin-left: -1em;
-    color: rgb(255, 255, 255);
-}
-
-.ic-selection-switch-Off-Disabled-24 .path1:before {
-    content: "\e907";
-    color: rgb(224, 224, 224);
-}
-
-.ic-selection-switch-Off-Disabled-24 .path2:before {
-    content: "\e908";
-    margin-left: -1em;
-    color: rgb(255, 255, 255);
-}
-
-.ic-selection-switch-On-Disabled-24 .path1:before {
-    content: "\e909";
-    color: rgb(224, 224, 224);
-}
-
-.ic-selection-switch-On-Disabled-24 .path2:before {
-    content: "\e90a";
-    margin-left: -1em;
-    color: rgb(255, 255, 255);
-}
-
-.ic-selection-switch-On-Disabled-24 .path3:before {
-    content: "\e90b";
-    margin-left: -1em;
-    color: rgb(146, 157, 171);
-}
-
-.ic-selection-switch-On-Enabled-24 .path1:before {
-    content: "\e90c";
-    color: rgb(224, 224, 224);
-}
-
-.ic-selection-switch-On-Enabled-24 .path2:before {
-    content: "\e90d";
-    margin-left: -1em;
-    color: rgb(255, 255, 255);
-}
-
-.ic-selection-switch-On-Enabled-24 .path3:before {
-    content: "\e90e";
-    margin-left: -1em;
-    color: rgb(9, 55, 178);
-}
-
-.ic-selection-radio-Disabled-Unselected-24:before {
-    content: "\e90f";
-    color: #929dab;
-}
-
-.ic-selection-radio-Active-Unselected-24:before {
-    content: "\e910";
-    color: #6a737d;
-}
-
-.ic-selection-radio-Disabled-Selected-24:before {
-    content: "\e911";
-    color: #929dab;
-}
-
-.ic-selection-radio-Active-Selected-24:before {
-    content: "\e912";
-    color: #0937b2;
-}
-
-.ic-selection-checkbox-Disabled-Neutral-24:before {
-    content: "\e913";
-    color: #929dab;
-}
-
-.ic-selection-checkbox-Active-Neutral-24 .path1:before {
-    content: "\e914";
-    color: rgb(9, 55, 178);
-}
-
-.ic-selection-checkbox-Active-Neutral-24 .path2:before {
-    content: "\e915";
-    margin-left: -1em;
-    color: rgb(255, 255, 255);
-}
-
-.ic-selection-checkbox-disabled-selected-24 .path1:before {
-    content: "\e918";
-    color: rgb(200, 205, 211);
-}
-
-.ic-selection-checkbox-disabled-selected-24 .path2:before {
-    content: "\e919";
-    margin-left: -1em;
-    color: rgb(255, 255, 255);
-}
-
-.ic-navigation-cancel-24:before {
-    content: "\e91a";
-}
-
-.ic-navigation-chevron-right-24:before {
-    content: "\e91b";
-}
-
-.ic-navigation-chevron-left-24:before {
-    content: "\e91c";
-}
-
-.ic-navigation-drop-down-24:before {
-    content: "\e91d";
-}
-
-.ic-navigation-expand-less-24:before {
-    content: "\e91e";
-}
-
-.ic-action-cached-24:before {
-    content: "\e91f";
-}
-
-.ic-ui-download-24:before {
-    content: "\e920";
-    color: #0937b2;
-}
-
-.ic-ui-location-24:before {
-    content: "\e921";
-}
-
-.ic-ui-location-searching-24:before {
-    content: "\e922";
-}
-
-.ic-ui-contact-support-24:before {
-    content: "\e923";
-}
-
-.ic-ui-trend-up-24:before {
-    content: "\e924";
-    color: #4caf50;
-}
-
-.ic-ui-error-24:before {
-    content: "\e925";
-    color: #b00020;
-}
-
-.ic-ui-trend-down-24:before {
-    content: "\e926";
-    color: #b00020;
-}
-
-.ic-ui-success-24:before {
-    content: "\e927";
-    color: #4caf50;
-}
-
-.ic-ui-check-24:before {
-    content: "\e928";
-}
-
-.ic-ui-warning-24:before {
-    content: "\e929";
-    color: #ff9d00;
-}
-
-.ic-rep-stay_primary_portrait-24:before {
-    content: "\e92a";
-}
-
-.ic-rep-email-24:before {
-    content: "\e92b";
-}
-
-.ic-rep-night-24:before {
-    content: "\e92c";
-    color: #929dab;
-}
-
-.ic-rep-cab-24:before {
-    content: "\e92e";
-}
-
-.ic-rep-local_parking-24:before {
-    content: "\e92f";
-}
-
-.ic-rep-restaurant-24:before {
-    content: "\e930";
-}
-
-.ic-rep-calendar2-24:before {
-    content: "\e931";
-}
-
-.ic-rep-home-24:before {
-    content: "\e932";
-}
-
-.ic-rep-qr-24:before {
-    content: "\e933";
-}
-
-.ic-rep-calender-24:before {
-    content: "\e934";
-}
-
-.ic-rep-bus-24:before {
-    content: "\e935";
-}
-
-.ic-rep-team-24:before {
-    content: "\e936";
-}
-
-.ic-rep-office-24:before {
-    content: "\e937";
-}
-
-.ic-sidebar-home-24:before {
-    content: "\e938";
-}
-
-.ic-side-bar-work-planner-24:before {
-    content: "\e93a";
-}
-
-.ic-side-bar-office-24:before {
-    content: "\e93b";
-}
-
-.ic-side-bar-seat-mgmt-24:before {
-    content: "\e93c";
-}
-
-.ic-sidebar-floor-plan-24:before {
-    content: "\e93d";
-}
-
-.ic-side-bar-team-24:before {
-    content: "\e93e";
-}
-
-.ic-side-bar-user-24:before {
-    content: "\e93f";
-}
-
-.ic-side-bar-qr-mgmt-24:before {
-    content: "\e940";
-}
-
-.ic-side-bar-utilisation-24:before {
-    content: "\e941";
-}
-
-.ic-side-bar-settings-24:before {
-    content: "\e942";
-}
-
-.ic-side-bar-report-24:before {
-    content: "\e943";
-}
-
-.ic-side-bar-upload-24:before {
-    content: "\e944";
-}
-
-.ic-side-bar-cancelled-24:before {
-    content: "\e945";
-}
-
-.ic-side-bar-unplanned-24:before {
-    content: "\e946";
-}
-
-.ic-side-bar-meetingroom-24:before {
-    content: "\e947";
-}
-
-.ic-mouse-cursor:before {
-    content: "\e948";
-}
-
-.ic-mouse-cursor-2 .path1:before {
-    content: "\e949";
-    color: rgb(255, 255, 255);
-}
-
-.ic-mouse-cursor-2 .path2:before {
-    content: "\e94a";
-    margin-left: -1em;
-    color: rgb(24, 31, 51);
-}
-
-.ic-action-favorite-24:before {
-    content: "\e94b";
-}
-
-.ic-action-see-more-24 .path1:before {
-    content: "\e94c";
-    color: rgb(224, 224, 224);
-}
-
-.ic-action-see-more-24 .path2:before {
-    content: "\e94d";
-    margin-left: -1em;
-    color: rgb(24, 31, 51);
-}
-
-.ic-action-more-vert-24:before {
-    content: "\e94e";
-}
-
-.ic-action-search-24:before {
-    content: "\e94f";
-    color: #6a737d;
-}
-
-.ic-action-edit-24:before {
-    content: "\e950";
-}
-
-.ic-action-filter-24:before {
-    content: "\e951";
-}
-
-.ic-action-visibility-24:before {
-    content: "\e952";
-    color: #6a737d;
-}
-
-.ic-action-visibility-off-24:before {
-    content: "\e953";
-    color: #6a737d;
-}
-
-.ic-action-qr-24:before {
-    content: "\e954";
-}
-
-.ic-action-delete-24:before {
-    content: "\e955";
-}
-
-.ic-action-history-24:before {
-    content: "\e956";
-}
-
-.ic-action-share-24:before {
-    content: "\e957";
-}
-
-.ic-action-add-24:before {
-    content: "\e958";
-}
-
-.ic-action-remove-24:before {
-    content: "\e959";
-}
-
-.ic-action-download-24:before {
-    content: "\e95a";
-}
-
-.ic-action-upload-24:before {
-    content: "\e95b";
-}
-
-.ic-action-logout-24:before {
-    content: "\e95c";
-}
-
-.ic-action-menu-24:before {
-    content: "\e95d";
-}
-
-.ic-action-notifications-24:before {
-    content: "\e95e";
-}
-
-.ic-action-more-horiz-24 .path1:before {
-    content: "\e95f";
-    color: rgb(224, 224, 224);
-}
-
-.ic-action-more-horiz-24 .path2:before {
-    content: "\e960";
-    margin-left: -1em;
-    color: rgb(24, 31, 51);
-}
-
-.ic-action-print-24:before {
-    content: "\e961";
-}
-
-.ic-action-shift-time-24:before {
-    content: "\e962";
-}
-
-.ic-action-refresh-24:before {
-    content: "\e963";
-}
-
-.ic-action-invite-24:before {
-    content: "\e964";
-}
-
-.ic-action-sort-24:before {
-    content: "\e965";
-}
-
-.ic-plus-5:before {
-    content: "\e966";
-    color: #0937b2;
-}
-
-.ic-plus-4:before {
-    content: "\e967";
-    color: #0937b2;
-}
-
-.ic-plus-3:before {
-    content: "\e968";
-    color: #fff;
-}
-
-.ic-plus-2:before {
-    content: "\e969";
-    color: #fff;
-}
-
-.ic-plus-1:before {
-    content: "\e96a";
-    color: #fff;
-}
-
-.ic-plus:before {
-    content: "\e96b";
-    color: #929dab;
-}
+// @font-face {
+//     font-family: 'mis-icons';
+//     src: url('fonts/mis-icons.eot?nvmskr');
+//     src: url('fonts/mis-icons.eot?nvmskr#iefix') format('embedded-opentype'),
+//         url('fonts/mis-icons.ttf?nvmskr') format('truetype'),
+//         url('fonts/mis-icons.woff?nvmskr') format('woff'),
+//         url('fonts/mis-icons.svg?nvmskr#mis-icons') format('svg');
+//     font-weight: normal;
+//     font-style: normal;
+//     font-display: block;
+// }
+
+// [class^="ic-"],
+// [class*=" ic-"] {
+//     /* use !important to prevent issues with browser extensions that change fonts */
+//     font-family: 'mis-icons' !important;
+//     speak: never;
+//     font-style: normal;
+//     font-weight: normal;
+//     font-variant: normal;
+//     text-transform: none;
+//     line-height: 1;
+
+//     /* Better Font Rendering =========== */
+//     -webkit-font-smoothing: antialiased;
+//     -moz-osx-font-smoothing: grayscale;
+// }
+
+// .ic-navigation-arrow-left-24:before {
+//     content: "\e900";
+// }
+
+// .ic-navigation-arrow-right-24:before {
+//     content: "\e901";
+// }
+
+// .ic-action-filter-16:before {
+//     content: "\e902";
+// }
+
+// .ic-selection-Checkboxes-Active-selected .path1:before {
+//     content: "\e903";
+//     color: rgb(9, 55, 178);
+// }
+
+// .ic-selection-Checkboxes-Active-selected .path2:before {
+//     content: "\e904";
+//     margin-left: -1em;
+//     color: rgb(255, 255, 255);
+// }
+
+// .ic-selection-switch-Off-Enabled-24 .path1:before {
+//     content: "\e905";
+//     color: rgb(245, 245, 245);
+// }
+
+// .ic-selection-switch-Off-Enabled-24 .path2:before {
+//     content: "\e906";
+//     margin-left: -1em;
+//     color: rgb(255, 255, 255);
+// }
+
+// .ic-selection-switch-Off-Disabled-24 .path1:before {
+//     content: "\e907";
+//     color: rgb(224, 224, 224);
+// }
+
+// .ic-selection-switch-Off-Disabled-24 .path2:before {
+//     content: "\e908";
+//     margin-left: -1em;
+//     color: rgb(255, 255, 255);
+// }
+
+// .ic-selection-switch-On-Disabled-24 .path1:before {
+//     content: "\e909";
+//     color: rgb(224, 224, 224);
+// }
+
+// .ic-selection-switch-On-Disabled-24 .path2:before {
+//     content: "\e90a";
+//     margin-left: -1em;
+//     color: rgb(255, 255, 255);
+// }
+
+// .ic-selection-switch-On-Disabled-24 .path3:before {
+//     content: "\e90b";
+//     margin-left: -1em;
+//     color: rgb(146, 157, 171);
+// }
+
+// .ic-selection-switch-On-Enabled-24 .path1:before {
+//     content: "\e90c";
+//     color: rgb(224, 224, 224);
+// }
+
+// .ic-selection-switch-On-Enabled-24 .path2:before {
+//     content: "\e90d";
+//     margin-left: -1em;
+//     color: rgb(255, 255, 255);
+// }
+
+// .ic-selection-switch-On-Enabled-24 .path3:before {
+//     content: "\e90e";
+//     margin-left: -1em;
+//     color: rgb(9, 55, 178);
+// }
+
+// .ic-selection-radio-Disabled-Unselected-24:before {
+//     content: "\e90f";
+//     color: #929dab;
+// }
+
+// .ic-selection-radio-Active-Unselected-24:before {
+//     content: "\e910";
+//     color: #6a737d;
+// }
+
+// .ic-selection-radio-Disabled-Selected-24:before {
+//     content: "\e911";
+//     color: #929dab;
+// }
+
+// .ic-selection-radio-Active-Selected-24:before {
+//     content: "\e912";
+//     color: #0937b2;
+// }
+
+// .ic-selection-checkbox-Disabled-Neutral-24:before {
+//     content: "\e913";
+//     color: #929dab;
+// }
+
+// .ic-selection-checkbox-Active-Neutral-24 .path1:before {
+//     content: "\e914";
+//     color: rgb(9, 55, 178);
+// }
+
+// .ic-selection-checkbox-Active-Neutral-24 .path2:before {
+//     content: "\e915";
+//     margin-left: -1em;
+//     color: rgb(255, 255, 255);
+// }
+
+// .ic-selection-checkbox-disabled-selected-24 .path1:before {
+//     content: "\e918";
+//     color: rgb(200, 205, 211);
+// }
+
+// .ic-selection-checkbox-disabled-selected-24 .path2:before {
+//     content: "\e919";
+//     margin-left: -1em;
+//     color: rgb(255, 255, 255);
+// }
+
+// .ic-navigation-cancel-24:before {
+//     content: "\e91a";
+// }
+
+// .ic-navigation-chevron-right-24:before {
+//     content: "\e91b";
+// }
+
+// .ic-navigation-chevron-left-24:before {
+//     content: "\e91c";
+// }
+
+// .ic-navigation-drop-down-24:before {
+//     content: "\e91d";
+// }
+
+// .ic-navigation-expand-less-24:before {
+//     content: "\e91e";
+// }
+
+// .ic-action-cached-24:before {
+//     content: "\e91f";
+// }
+
+// .ic-ui-download-24:before {
+//     content: "\e920";
+//     color: #0937b2;
+// }
+
+// .ic-ui-location-24:before {
+//     content: "\e921";
+// }
+
+// .ic-ui-location-searching-24:before {
+//     content: "\e922";
+// }
+
+// .ic-ui-contact-support-24:before {
+//     content: "\e923";
+// }
+
+// .ic-ui-trend-up-24:before {
+//     content: "\e924";
+//     color: #4caf50;
+// }
+
+// .ic-ui-error-24:before {
+//     content: "\e925";
+//     color: #b00020;
+// }
+
+// .ic-ui-trend-down-24:before {
+//     content: "\e926";
+//     color: #b00020;
+// }
+
+// .ic-ui-success-24:before {
+//     content: "\e927";
+//     color: #4caf50;
+// }
+
+// .ic-ui-check-24:before {
+//     content: "\e928";
+// }
+
+// .ic-ui-warning-24:before {
+//     content: "\e929";
+//     color: #ff9d00;
+// }
+
+// .ic-rep-stay_primary_portrait-24:before {
+//     content: "\e92a";
+// }
+
+// .ic-rep-email-24:before {
+//     content: "\e92b";
+// }
+
+// .ic-rep-night-24:before {
+//     content: "\e92c";
+//     color: #929dab;
+// }
+
+// .ic-rep-cab-24:before {
+//     content: "\e92e";
+// }
+
+// .ic-rep-local_parking-24:before {
+//     content: "\e92f";
+// }
+
+// .ic-rep-restaurant-24:before {
+//     content: "\e930";
+// }
+
+// .ic-rep-calendar2-24:before {
+//     content: "\e931";
+// }
+
+// .ic-rep-home-24:before {
+//     content: "\e932";
+// }
+
+// .ic-rep-qr-24:before {
+//     content: "\e933";
+// }
+
+// .ic-rep-calender-24:before {
+//     content: "\e934";
+// }
+
+// .ic-rep-bus-24:before {
+//     content: "\e935";
+// }
+
+// .ic-rep-team-24:before {
+//     content: "\e936";
+// }
+
+// .ic-rep-office-24:before {
+//     content: "\e937";
+// }
+
+// .ic-sidebar-home-24:before {
+//     content: "\e938";
+// }
+
+// .ic-side-bar-work-planner-24:before {
+//     content: "\e93a";
+// }
+
+// .ic-side-bar-office-24:before {
+//     content: "\e93b";
+// }
+
+// .ic-side-bar-seat-mgmt-24:before {
+//     content: "\e93c";
+// }
+
+// .ic-sidebar-floor-plan-24:before {
+//     content: "\e93d";
+// }
+
+// .ic-side-bar-team-24:before {
+//     content: "\e93e";
+// }
+
+// .ic-side-bar-user-24:before {
+//     content: "\e93f";
+// }
+
+// .ic-side-bar-qr-mgmt-24:before {
+//     content: "\e940";
+// }
+
+// .ic-side-bar-utilisation-24:before {
+//     content: "\e941";
+// }
+
+// .ic-side-bar-settings-24:before {
+//     content: "\e942";
+// }
+
+// .ic-side-bar-report-24:before {
+//     content: "\e943";
+// }
+
+// .ic-side-bar-upload-24:before {
+//     content: "\e944";
+// }
+
+// .ic-side-bar-cancelled-24:before {
+//     content: "\e945";
+// }
+
+// .ic-side-bar-unplanned-24:before {
+//     content: "\e946";
+// }
+
+// .ic-side-bar-meetingroom-24:before {
+//     content: "\e947";
+// }
+
+// .ic-mouse-cursor:before {
+//     content: "\e948";
+// }
+
+// .ic-mouse-cursor-2 .path1:before {
+//     content: "\e949";
+//     color: rgb(255, 255, 255);
+// }
+
+// .ic-mouse-cursor-2 .path2:before {
+//     content: "\e94a";
+//     margin-left: -1em;
+//     color: rgb(24, 31, 51);
+// }
+
+// .ic-action-favorite-24:before {
+//     content: "\e94b";
+// }
+
+// .ic-action-see-more-24 .path1:before {
+//     content: "\e94c";
+//     color: rgb(224, 224, 224);
+// }
+
+// .ic-action-see-more-24 .path2:before {
+//     content: "\e94d";
+//     margin-left: -1em;
+//     color: rgb(24, 31, 51);
+// }
+
+// .ic-action-more-vert-24:before {
+//     content: "\e94e";
+// }
+
+// .ic-action-search-24:before {
+//     content: "\e94f";
+//     color: #6a737d;
+// }
+
+// .ic-action-edit-24:before {
+//     content: "\e950";
+// }
+
+// .ic-action-filter-24:before {
+//     content: "\e951";
+// }
+
+// .ic-action-visibility-24:before {
+//     content: "\e952";
+//     color: #6a737d;
+// }
+
+// .ic-action-visibility-off-24:before {
+//     content: "\e953";
+//     color: #6a737d;
+// }
+
+// .ic-action-qr-24:before {
+//     content: "\e954";
+// }
+
+// .ic-action-delete-24:before {
+//     content: "\e955";
+// }
+
+// .ic-action-history-24:before {
+//     content: "\e956";
+// }
+
+// .ic-action-share-24:before {
+//     content: "\e957";
+// }
+
+// .ic-action-add-24:before {
+//     content: "\e958";
+// }
+
+// .ic-action-remove-24:before {
+//     content: "\e959";
+// }
+
+// .ic-action-download-24:before {
+//     content: "\e95a";
+// }
+
+// .ic-action-upload-24:before {
+//     content: "\e95b";
+// }
+
+// .ic-action-logout-24:before {
+//     content: "\e95c";
+// }
+
+// .ic-action-menu-24:before {
+//     content: "\e95d";
+// }
+
+// .ic-action-notifications-24:before {
+//     content: "\e95e";
+// }
+
+// .ic-action-more-horiz-24 .path1:before {
+//     content: "\e95f";
+//     color: rgb(224, 224, 224);
+// }
+
+// .ic-action-more-horiz-24 .path2:before {
+//     content: "\e960";
+//     margin-left: -1em;
+//     color: rgb(24, 31, 51);
+// }
+
+// .ic-action-print-24:before {
+//     content: "\e961";
+// }
+
+// .ic-action-shift-time-24:before {
+//     content: "\e962";
+// }
+
+// .ic-action-refresh-24:before {
+//     content: "\e963";
+// }
+
+// .ic-action-invite-24:before {
+//     content: "\e964";
+// }
+
+// .ic-action-sort-24:before {
+//     content: "\e965";
+// }
+
+// .ic-plus-5:before {
+//     content: "\e966";
+//     color: #0937b2;
+// }
+
+// .ic-plus-4:before {
+//     content: "\e967";
+//     color: #0937b2;
+// }
+
+// .ic-plus-3:before {
+//     content: "\e968";
+//     color: #fff;
+// }
+
+// .ic-plus-2:before {
+//     content: "\e969";
+//     color: #fff;
+// }
+
+// .ic-plus-1:before {
+//     content: "\e96a";
+//     color: #fff;
+// }
+
+// .ic-plus:before {
+//     content: "\e96b";
+//     color: #929dab;
+// }