@intellias/menu 1.0.0

package/dist/css/main.css

@@ -0,0 +1,1564 @@
+@import url(https://fonts.googleapis.com/css?family=Play:400,700&display=swap);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap);
+.action-button.is-btn-link {
+  padding: 0;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+}
+.action-button {
+  position: relative;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+  color: #ffffff;
+  background: #00a58e;
+  text-transform: initial;
+  border-radius: 4px;
+  font-weight: 600;
+}
+.action-button:hover {
+  background: #008c79;
+}
+@media only screen and (max-width : 600px) {
+.action-button.btn-full {
+    width: 100%;
+}
+}
+.action-button.is-btn-link {
+  color: #008c79;
+  background: transparent !important;
+}
+.action-button.is-btn-link:hover .span-text, .action-button.is-btn-link:active .span-text {
+  text-decoration: underline;
+}
+.action-button.is-btn-link:disabled, .action-button.is-btn-link.disabled {
+  pointer-events: none;
+  color: #94a3b8 !important;
+}
+.action-button.is-link {
+  color: #008c79;
+  background: transparent !important;
+}
+.action-button.is-link:hover, .action-button.is-link:active {
+  text-decoration: underline;
+}
+.action-button.is-link:disabled, .action-button.is-link.disabled {
+  pointer-events: none;
+  color: #94a3b8 !important;
+}
+.action-button.btn-transparent {
+  background: transparent;
+  color: #008c79;
+}
+.action-button.btn-transparent:hover, .action-button.btn-transparent:focus {
+  background: #e2e8f0;
+}
+.action-button.btn-transparent:disabled {
+  color: #94a3b8;
+  background: transparent !important;
+}
+.action-button .left-icon {
+  margin-right: 4px;
+}
+.action-button .spinner-solid {
+  color: #ffffff;
+  animation: spin 2s linear infinite;
+  vertical-align: middle;
+  transition: width 300ms, height 300ms;
+  margin-left: 8px;
+}
+.action-button .span-text {
+  vertical-align: middle;
+}
+.action-button span.tooltipped {
+  width: 100%;
+  height: 100%;
+  display: inline-block;
+  position: absolute;
+  cursor: pointer;
+  pointer-events: all;
+}
+.action-buttonbutton span.tooltipped {
+  margin-left: -16px;
+}
+.action-button.btn-secondary {
+  border: 1px solid #cbd5e1;
+  background-color: #ffffff;
+}
+.action-button.disabled:not(a), .action-button:not(a, .is-btn-link):disabled, .action-button[disabled]:not(a, .is-btn-link) {
+  background-color: #f1f5f9 !important;
+  color: #94a3b8 !important;
+}
+.action-button.disabled:not(a) .spinner-solid, .action-button:not(a, .is-btn-link):disabled .spinner-solid, .action-button[disabled]:not(a, .is-btn-link) .spinner-solid {
+  color: #64748b !important;
+}
+.action-button i.icon {
+  vertical-align: middle;
+}
+@keyframes spin {
+100% {
+    transform: rotate(360deg);
+}
+}
+.progress[data-v-92cd54c2] {
+  margin: 0;
+  position: absolute;
+  visibility: hidden;
+  opacity: 0;
+  transition: opacity 1.5s, visibility 1.5s;
+}
+.progress .determinate[data-v-92cd54c2] {
+  background-color: #00a58e;
+}
+.progress.show[data-v-92cd54c2] {
+  visibility: visible;
+  opacity: 1;
+  transition: visibility 0s;
+}
+.preloader {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.notifications-sidebar {
+  position: relative;
+  color: #1a2732;
+}
+.notifications-sidebar .row {
+  margin-bottom: 0;
+  box-sizing: inherit;
+}
+.notifications-sidebar .row .col {
+  padding: 0 0.75rem;
+}
+.notifications-sidebar .col .row {
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
+}
+.notifications-sidebar .v-dropdown-menu__container {
+  width: -moz-fit-content;
+  width: fit-content;
+  max-width: none;
+  min-width: none;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row {
+  border-bottom: 1px #cbd5e1 solid;
+  padding: 0 3px 0 13px;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .col.s10 {
+  height: 50px;
+  line-height: 50px;
+  font-weight: bold;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .col.s8 {
+  height: 50px;
+  line-height: 50px;
+  margin-left: 0;
+  font-weight: bold;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .col.s2 {
+  height: 50px;
+  line-height: 50px;
+  margin-left: 5px;
+  display: flex;
+  align-items: center;
+  padding: 0 30px 0 0;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu {
+  border: 1px #cbd5e1 solid;
+  border-radius: 2px;
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
+  padding-left: 0px;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li {
+  min-height: 30px;
+  line-height: 30px;
+  width: 100%;
+  display: block;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li:hover:not(.is-disabled), .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li:active:not(.is-disabled) {
+  background-color: #c2e9e4;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li a {
+  color: #1a2732;
+  font-size: 16px;
+  line-height: 17px;
+  padding: 10px 16px;
+  cursor: pointer;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li a.is-disabled {
+  color: rgba(0, 0, 0, 0.42);
+  cursor: not-allowed;
+  opacity: 0.5;
+  text-decoration: none;
+  pointer-events: none;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown {
+  width: 370px;
+  height: auto !important;
+  transform: none !important;
+}
+@media only screen and (max-width : 600px) {
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown {
+    position: fixed;
+    width: 100% !important;
+}
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs {
+  height: 38px;
+  line-height: 24px;
+  padding-left: 0;
+  list-style-type: none;
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  width: 100%;
+  background-color: #ffffff;
+  margin: 0 auto;
+  white-space: nowrap;
+  border-bottom: 1px #cbd5e1 solid;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button {
+  clear: inherit;
+  min-height: auto;
+  width: 50%;
+  line-height: 28px;
+  background-color: #ffffff;
+  border: none;
+  cursor: pointer;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab {
+  height: 20px;
+  display: inline-block;
+  text-align: center;
+  padding: 0;
+  margin: 0;
+  font-size: 0.8rem;
+  text-transform: initial;
+  padding: 0px 10px;
+  color: #64748b;
+  background-color: inherit;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab.active, .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab:focus, .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab:hover, .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab:focus.active {
+  background-color: inherit;
+  color: #1a2732;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab .counter {
+  font-weight: bold;
+  text-align: center;
+  font-size: 0.67rem;
+  border-radius: 10px;
+  padding: 2px 6px;
+  color: #ffffff;
+  background-color: #ff8041;
+  margin-left: 4px;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab:focus, .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab:hover {
+  background-color: inherit;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs .indicator {
+  background-color: #00a58e;
+  margin: 0 25px;
+  width: initial;
+  height: 3px;
+  width: 140px !important;
+  position: absolute;
+  bottom: 0;
+  height: 2px;
+  will-change: left, right;
+  transition: background-color 0.3s;
+  transition: transform 0.4s ease, width 0.4s ease;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content {
+  padding: 0;
+  margin-left: 0;
+  width: 100%;
+  height: -moz-fit-content;
+  height: fit-content;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list {
+  overflow-y: hidden;
+  box-shadow: inset 0 12px 8px -8px rgba(0, 0, 0, 0.12);
+  border-top: 1px #cbd5e1 solid;
+  line-height: 18px;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content {
+  min-height: 120px;
+  max-height: 70vh;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .preloader {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 20px auto;
+  left: 38%;
+  display: inline-block;
+  position: relative;
+  width: 80px;
+  height: 80px;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note {
+  border-bottom: 1px #cbd5e1 solid;
+  padding: 20px 25px;
+  margin: 0 -0.75rem;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note:hover .manage-notification {
+  display: inline-block;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note.read {
+  background-color: #f1f5f9;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note:not(.read) {
+  border-left: 3px solid #ff8041;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .row {
+  position: relative;
+  display: flex;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note:last-child {
+  border-bottom: none;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note i.category-icon {
+  width: 28px;
+  height: 28px !important;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .new-notification {
+  position: absolute;
+  width: 9px;
+  height: 9px;
+  border-radius: 5px;
+  background-color: #ff8041;
+  top: 0;
+  right: 10px;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification {
+  position: absolute;
+  right: 10px;
+  display: none;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification i {
+  height: 16px;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification i:before {
+  background-color: #94a3b8;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification i.visibility {
+  height: 18px;
+  width: 18px;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification i.visibility:hover:before {
+  background-color: #186ade;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification i.delete:hover:before {
+  background-color: #da1e28;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .reject-color {
+  color: #da1e28;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .note-title-col {
+  padding-left: 4px;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .note-title-col .text-muted {
+  font-size: 0.8rem;
+  color: #64748b;
+}
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .action-buttons {
+  height: 21px;
+}
+.notifications-sidebar .notification-href {
+  padding: 0 15px 21px;
+  font-size: 1.2rem;
+}
+.notifications-sidebar a {
+  color: #00a58e;
+  display: inline;
+  padding: 0;
+  font-size: inherit;
+}
+.notifications-sidebar a:hover {
+  background-color: initial;
+}
+.notifications-sidebar .primary-text {
+  font-size: 0.94rem !important;
+  line-height: 1.29;
+  font-weight: bold;
+}
+.notifications-sidebar .view-all-row {
+  border-top: 1px #cbd5e1 solid;
+  line-height: 49px;
+}
+.notifications-sidebar .ps__rail-x {
+  display: none !important;
+}
+.notifications-sidebar .has-unread {
+  display: inline-block;
+  position: absolute;
+  top: 12px;
+  right: 7px;
+  height: 9px;
+  width: 9px;
+  border-radius: 50%;
+  background-color: #ff8041;
+}
+.notifications-sidebar .fade-enter-active,
+.notifications-sidebar .fade-leave-active {
+  transition: opacity 0.5s;
+}
+.notifications-sidebar .fade-enter,
+.notifications-sidebar .fade-leave-to {
+  opacity: 0;
+}
+.bell-animation {
+  -webkit-animation: ring 5.6s 0.5s ease-in-out infinite;
+  -webkit-transform-origin: 50% 4px;
+  -moz-animation: ring 5.6s 0.5s ease-in-out infinite;
+  -moz-transform-origin: 50% 4px;
+  animation: ring 5.6s 0.5s ease-in-out infinite;
+  transform-origin: 50% 4px;
+}
+@keyframes ring {
+0% {
+    transform: rotate(0);
+}
+1% {
+    transform: rotate(32deg);
+}
+3% {
+    transform: rotate(-30deg);
+}
+5% {
+    transform: rotate(42deg);
+}
+7% {
+    transform: rotate(-40deg);
+}
+9% {
+    transform: rotate(36deg);
+}
+11% {
+    transform: rotate(-34deg);
+}
+13% {
+    transform: rotate(32deg);
+}
+15% {
+    transform: rotate(-30deg);
+}
+17% {
+    transform: rotate(30deg);
+}
+19% {
+    transform: rotate(-28deg);
+}
+21% {
+    transform: rotate(28deg);
+}
+23% {
+    transform: rotate(-26deg);
+}
+25% {
+    transform: rotate(26deg);
+}
+27% {
+    transform: rotate(-24deg);
+}
+29% {
+    transform: rotate(24deg);
+}
+31% {
+    transform: rotate(-22deg);
+}
+33% {
+    transform: rotate(23deg);
+}
+35% {
+    transform: rotate(-21deg);
+}
+37% {
+    transform: rotate(22deg);
+}
+39% {
+    transform: rotate(-20deg);
+}
+41% {
+    transform: rotate(21deg);
+}
+43% {
+    transform: rotate(-19deg);
+}
+45% {
+    transform: rotate(18deg);
+}
+47% {
+    transform: rotate(-16deg);
+}
+50% {
+    transform: rotate(14deg);
+}
+52% {
+    transform: rotate(-12deg);
+}
+54% {
+    transform: rotate(10deg);
+}
+56% {
+    transform: rotate(-8deg);
+}
+58% {
+    transform: rotate(6deg);
+}
+60% {
+    transform: rotate(-4deg);
+}
+62% {
+    transform: rotate(2deg);
+}
+64% {
+    transform: rotate(-1deg);
+}
+66% {
+    transform: rotate(1deg);
+}
+70% {
+    transform: rotate(0);
+}
+100% {
+    transform: rotate(0);
+}
+}
+.modal-wrapper {
+  padding-bottom: 1rem;
+  border-radius: 6px !important;
+  background-color: #ffffff !important;
+  box-shadow: 0 15px 30px rgba(37, 55, 70, 0.202715);
+  color: #1a2732;
+}
+.modal-header {
+  display: flex;
+  justify-content: space-between;
+  padding: 2rem 2rem 1rem 2rem;
+  font-size: 1.25rem;
+  font-weight: bold;
+}
+.modal-header i.icon:before {
+  background-color: #1a2732 !important;
+}
+.modal-content {
+  padding: 1rem 2rem;
+}
+.modal-close {
+  width: 15px !important;
+  min-width: 15px;
+  height: 15px !important;
+  cursor: pointer;
+}
+.modal-footer {
+  display: flex;
+  justify-content: flex-end;
+  padding: 1rem 2rem;
+}
+.modal-footer .btn:not(:first-child) {
+  margin-left: 1rem;
+}
+.vm--overlay {
+  background-color: rgba(37, 55, 70, 0.55) !important;
+  transition: 0.3s !important;
+}
+.secondary-button {
+  position: relative;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  color: #1a2732;
+  text-transform: initial;
+  border-radius: 4px;
+  font-weight: 600;
+  line-height: 38px;
+}
+.secondary-button i.icon {
+  vertical-align: middle;
+}
+.secondary-button .spinner-solid {
+  color: #1a2732;
+  animation: spin 2s linear infinite;
+  vertical-align: middle;
+  transition: width 300ms, height 300ms;
+  margin-left: 8px;
+}
+.secondary-button .left-icon {
+  margin-right: 4px;
+}
+.secondary-button.disabled, .secondary-button.btn-secondary:disabled, .secondary-button.btn[disabled] {
+  background-color: #f1f5f9 !important;
+  color: #94a3b8;
+}
+.secondary-button.disabled .spinner-solid, .secondary-button.btn-secondary:disabled .spinner-solid, .secondary-button.btn[disabled] .spinner-solid {
+  color: #94a3b8 !important;
+}
+@keyframes spin {
+100% {
+    transform: rotate(360deg);
+}
+}
+#modalTracked {
+  color: #253746;
+}
+#modalTracked .modal-content #tracked-content {
+  display: flex;
+  align-items: center;
+}
+#modalTracked .modal-content #tracked-content p {
+  margin: 0;
+  line-height: initial;
+}
+#modalTracked .modal-content #span-clock {
+  margin-right: 10px;
+}
+#modalTracked .modal-content #span-clock i {
+  font-size: 54px;
+}
+.play-pause {
+  display: flex;
+}
+.play-pause i.spinner-solid {
+  animation: spin 1s linear infinite;
+}
+@keyframes spin {
+100% {
+    transform: rotate(360deg);
+}
+}
+.sub-menu {
+  overflow: hidden;
+  background-color: #ffffff;
+  box-shadow: 0 2px 6px 0 rgba(37, 55, 70, 0.1);
+  padding-left: 32px;
+}
+.sub-menu .items {
+  width: 100%;
+  font-size: 0.94rem;
+  font-family: "open sans", sans-serif;
+  white-space: nowrap;
+}
+.sub-menu .items a {
+  color: #253746;
+  padding: 0 5px 5px;
+  margin-right: 15px;
+  float: left;
+  line-height: 29px;
+  height: 29px;
+  border-bottom: 3px solid white;
+  text-decoration: none;
+  box-sizing: content-box;
+}
+.sub-menu .items a:hover, .sub-menu .items a.router-link-exact-active {
+  -webkit-text-stroke: 0.7px #253746;
+  border-bottom: 3px solid #00a58e;
+}
+.image-wrapper.sm {
+  width: 35px;
+  height: 35px;
+}
+.image-wrapper.sm .user-image {
+  border: 1px solid #cbd5e1;
+}
+.image-wrapper.sm .user-image.anonymous {
+  font-size: 0.8rem;
+}
+.image-wrapper.md {
+  height: 44px;
+  width: 44px;
+}
+.image-wrapper.md .user-image {
+  border: 1px solid #cbd5e1;
+}
+.image-wrapper.md .user-image.anonymous {
+  font-size: 1.07rem;
+  color: #94a3b8;
+}
+.image-wrapper.lg {
+  height: 96px;
+  width: 96px;
+}
+.image-wrapper.xl {
+  height: 128px;
+  width: 128px;
+}
+.image-wrapper.xl .user-image.anonymous {
+  font-size: 3.34rem;
+  color: #94a3b8;
+}
+.image-wrapper .user-image {
+  border: 2px solid #cbd5e1;
+  border-radius: 50%;
+  overflow: hidden;
+  width: inherit;
+  height: inherit;
+}
+.image-wrapper .user-imageimg {
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.image-wrapper .user-image.anonymous {
+  background-color: #f8fafc;
+  font-size: 2.5rem;
+  color: #94a3b8;
+  font-weight: 600;
+  text-transform: uppercase;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}
+.image-wrapper.no-border .user-image {
+  border: none;
+}
+.welcome-program-counter {
+  margin-left: 6px;
+  position: relative;
+  border-radius: 2px;
+  background-color: #ff8036;
+  font-family: play, sans-serif;
+  font-size: 0.67rem;
+  font-weight: bold;
+  color: #ffffff;
+  padding: 2px;
+  bottom: 1px;
+}
+.menu-new {
+  display: flex;
+  position: absolute;
+  justify-content: center;
+  align-items: center;
+  width: 31px;
+  height: 16px;
+  background: #ff8041;
+  line-height: 12px;
+  font-size: 10px;
+  border-radius: 2px;
+}
+.menu-new.horizontal, .menu-new.overflowed {
+  right: 0;
+  top: -16px;
+  color: #ffffff;
+}
+.vm--container {
+  cursor: auto;
+}
+.vm--container i.icon.huge {
+  width: 64px;
+  height: 64px !important;
+}
+.vm--container i.icon.huge:before {
+  background-color: #000000 !important;
+}
+.overflowed-menu-toggler {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
+  justify-content: center;
+  width: 20px;
+  height: 64px;
+  line-height: 64px;
+  cursor: pointer;
+}
+.overflowed-menu-toggler.notification-manage-toggler span {
+  background-color: #94a3b8;
+  width: 4px;
+  height: 4px;
+}
+.overflowed-menu-toggler span {
+  display: inline-block;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  margin: 1px auto;
+  background-color: #ffffff;
+}
+.navbar-fixed {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 64px;
+  max-height: 64px;
+  z-index: 997;
+}
+.navbar-fixed nav {
+  position: fixed;
+  box-shadow: none !important;
+  min-width: 250px;
+  width: 100vw;
+  background-color: #253746;
+}
+.navbar-fixed nav ul .href-wrap {
+  position: relative;
+}
+.navbar-fixed nav ul a {
+  position: relative;
+  white-space: nowrap;
+  color: #f8fafc;
+  transition: background-color 0.3s;
+  font-size: 1.2rem;
+  display: block;
+  padding: 0 15px;
+  cursor: pointer;
+}
+.navbar-fixed nav ul a:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.navbar-fixed nav ul a.notification-href {
+  display: inline;
+}
+.navbar-fixed nav .brand-logo {
+  position: relative;
+  font-weight: bold;
+  margin-left: 20px;
+  text-transform: uppercase;
+  vertical-align: middle;
+  font-family: play, sans-serif;
+  height: inherit;
+}
+.navbar-fixed nav .brand-logo img {
+  width: 150px;
+  height: 64px;
+}
+@media only screen and (max-width : 992px) {
+.navbar-fixed nav .brand-logo {
+    order: 1;
+    left: 0;
+    transform: translateX(0);
+    margin: 0 auto;
+}
+}
+.navbar-fixed nav .btn.play-pause {
+  height: 42px;
+  line-height: 42px;
+  padding: 7px 8px;
+  margin-left: 20px;
+  border-radius: 5px;
+}
+@media only screen and (max-width : 992px) {
+.navbar-fixed nav .btn.play-pause {
+    order: 0;
+    margin-left: 12px;
+}
+}
+@media only screen and (max-width : 600px) {
+.navbar-fixed nav .btn.play-pause {
+    height: 36px;
+    line-height: 36px;
+    padding: 6px 6px;
+}
+}
+.navbar-fixed nav .btn.play-pause > i.icon {
+  vertical-align: baseline;
+}
+.navbar-fixed nav .btn.play-pause > i.icon:before {
+  transition: background-color 0.2s ease-out;
+}
+.navbar-fixed nav .btn.play-pause > i.icon.pause:before {
+  background-color: #00a58e;
+}
+.navbar-fixed nav .btn.play-pause > i.icon.play {
+  color: #ffffff;
+}
+.navbar-fixed nav .btn.play-pause:hover > i.icon.play:before {
+  background-color: #00a58e;
+}
+.navbar-fixed nav .btn.play-pause:hover > i.icon.pause:before {
+  background-color: #ffffff;
+}
+.navbar-fixed nav .menu-items {
+  flex: 1;
+  white-space: nowrap;
+  overflow: initial;
+  font-weight: bold;
+  height: 64px;
+  font-family: play, sans-serif;
+}
+.navbar-fixed nav .menu-items.hasOverflow {
+  overflow: hidden;
+}
+.navbar-fixed nav .menu-items li {
+  height: 64px;
+  list-style-type: none;
+  float: left;
+}
+.navbar-fixed nav .menu-items li a.router-link-active,
+.navbar-fixed nav .menu-items li a.router-link-exact-active {
+  color: #45d6ad;
+  border-bottom: 3px solid #45d6ad;
+}
+.navbar-fixed nav .menu-items li a {
+  transition: background-color 0.3s;
+  font-size: 1.2rem;
+  display: flex;
+  align-items: center;
+  padding: 0 15px;
+  height: 64px;
+  cursor: pointer;
+}
+.navbar-fixed nav .menu-items li a:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.navbar-fixed nav .menu-items li ul {
+  background-color: #253746;
+  position: absolute;
+  display: none;
+  margin: 0;
+  padding: 0;
+}
+.navbar-fixed nav .menu-items li ul.admin li {
+  width: 100%;
+}
+.navbar-fixed nav .menu-items li ul.admin li.subItems ul {
+  right: 100%;
+  top: 0;
+}
+.navbar-fixed nav .menu-items li ul.admin li:hover > a {
+  background-color: rgba(65, 84, 100, 0.35);
+}
+.navbar-fixed nav .menu-items li.subItems {
+  position: relative;
+}
+.navbar-fixed nav .menu-items li:hover > ul {
+  display: block;
+}
+.navbar-fixed nav .notifications-bell {
+  max-height: 64px;
+}
+@media only screen and (max-width : 992px) {
+.navbar-fixed nav .notifications-bell {
+    order: 2;
+    margin-right: 5px;
+}
+}
+@media only screen and (min-width : 601px) {
+.navbar-fixed nav .notifications-bell {
+    line-height: 64px;
+}
+}
+@media only screen and (max-width : 600px) {
+.navbar-fixed nav .notifications-bell .notification-href {
+    padding-bottom: 17px;
+}
+}
+@media only screen and (min-width : 993px) {
+.navbar-fixed nav .notifications-bell {
+    position: absolute;
+    right: 175px;
+}
+.navbar-fixed nav .notifications-bell.fixed-padding {
+    right: 175px;
+}
+}
+.navbar-fixed nav .menu-items-overflowed {
+  font-weight: bold;
+  font-family: play, sans-serif;
+  position: relative;
+  cursor: pointer;
+  margin-right: 30px;
+  padding: 0 5px;
+}
+.navbar-fixed nav .menu-items-overflowed:hover > ul {
+  display: flex;
+  visibility: visible;
+}
+.navbar-fixed nav .menu-items-overflowed ul {
+  position: absolute;
+  min-width: 230px;
+  flex-direction: column;
+  background: #253746;
+  visibility: hidden;
+  transition: transform 0.3s, visibility 0.3s;
+  right: 0;
+  bottom: 0;
+  transform: translateY(100%) translateX(0);
+}
+.navbar-fixed nav .menu-items-overflowed ul.moved {
+  transform: translateY(100%) translateX(-10%);
+}
+.navbar-fixed nav .menu-items-overflowed ul a.router-link-exact-active {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+.navbar-fixed nav .menu-items-overflowed ul > li {
+  width: 100%;
+  background-color: #253746;
+}
+.navbar-fixed nav .menu-items-overflowed ul > li.subItems ul {
+  top: 0;
+  right: initial;
+  left: 100%;
+  transform: none;
+}
+.navbar-fixed nav .menu-items-overflowed ul li a {
+  line-height: 56px;
+}
+.navbar-fixed nav .menu-items-overflowed ul li.subItems:hover > ul {
+  display: flex;
+  visibility: visible;
+}
+.navbar-fixed nav .menu-items-overflowed ul li.subItems a {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.navbar-fixed nav .menu-items-overflowed ul > li:hover > a {
+  background-color: rgba(65, 84, 100, 0.35);
+}
+.navbar-fixed nav .menu-items-overflowed ul > li:hover > ul > li {
+  background-color: #253746;
+}
+.navbar-fixed nav .nav-wrapper {
+  display: flex;
+  align-items: center;
+  margin: 0px 20px;
+  position: relative;
+  height: 100%;
+}
+.navbar-fixed nav .nav-wrapper .sidebar-toggler {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 20px;
+  height: 14px;
+  cursor: pointer;
+}
+.navbar-fixed nav .nav-wrapper .sidebar-toggler span {
+  display: inline-block;
+  width: 100%;
+  height: 2px;
+  border-radius: 2px;
+  background-color: #ffffff;
+  transition: width 0.3s 0.2s;
+}
+.navbar-fixed nav .nav-wrapper .sidebar-toggler .icon {
+  position: absolute;
+  top: 50%;
+  right: -7px;
+  transform: translateY(-50%);
+  width: 14px;
+  height: 14px;
+  color: #ffffff;
+  opacity: 0;
+  transition: 0.3s;
+}
+.navbar-fixed nav .nav-wrapper .sidebar-toggler.collapsed span:nth-child(2) {
+  width: 75%;
+  transition: width 0.3s;
+}
+.navbar-fixed nav .nav-wrapper .sidebar-toggler.collapsed .icon {
+  opacity: 1;
+  transition: 0.2s 0.3s;
+}
+.navbar-fixed nav .nav-wrapper .sidebar-toggler.open span {
+  position: absolute;
+  transition: 0.5s;
+}
+.navbar-fixed nav .nav-wrapper .sidebar-toggler.open span:first-child, .navbar-fixed nav .nav-wrapper .sidebar-toggler.open span:nth-child(3) {
+  top: 6px;
+  left: -1px;
+}
+.navbar-fixed nav .nav-wrapper .sidebar-toggler.open span:first-child {
+  transform: rotate(45deg);
+}
+.navbar-fixed nav .nav-wrapper .sidebar-toggler.open span:nth-child(2) {
+  width: 0;
+  opacity: 0;
+}
+.navbar-fixed nav .nav-wrapper .sidebar-toggler.open span:nth-child(3) {
+  transform: rotate(-45deg);
+}
+@media only screen and (max-width : 992px) {
+.navbar-fixed nav .nav-wrapper .mobile-menu-toggler {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    justify-content: space-between;
+    width: 20px;
+    height: 14px;
+    order: 0;
+    margin: 0 5px;
+}
+.navbar-fixed nav .nav-wrapper .mobile-menu-toggler span {
+    display: inline-block;
+    width: 100%;
+    height: 2px;
+    border-radius: 2px;
+    background-color: #ffffff;
+}
+}
+.navbar-fixed nav .nav-wrapper i.icon {
+  height: 24px;
+  vertical-align: middle;
+}
+.navbar-fixed nav .nav-wrapper i.icon.icon-medium {
+  height: 16px !important;
+  width: 16px !important;
+}
+.navbar-fixed nav .nav-wrapper i.icon:before {
+  background-color: #45d6ad;
+}
+.navbar-fixed nav .nav-wrapper i.icon.notification {
+  float: none;
+  margin: 0;
+}
+.navbar-fixed nav .nav-wrapper i.icon.notification:before {
+  background-color: #45d6ad;
+}
+.navbar-fixed nav .nav-wrapper i.icon.notification.has-unread {
+  position: relative;
+}
+.navbar-fixed nav .nav-wrapper i.icon.notification.has-unread:after {
+  content: "";
+  height: 9px;
+  width: 9px;
+  border-radius: 50%;
+  background-color: #ff8041;
+  position: absolute;
+  top: -8px;
+  right: -8px;
+}
+.navbar-fixed nav .nav-wrapper .right-side {
+  margin-right: 20px;
+  position: relative;
+  max-height: 64px;
+}
+@media only screen and (max-width : 992px) {
+.navbar-fixed nav .nav-wrapper .right-side {
+    order: 3;
+    margin-right: 2px;
+}
+}
+.navbar-fixed nav .nav-wrapper .right-side .icons {
+  padding-right: 20px;
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 1.07rem;
+  line-height: 64px;
+}
+.navbar-fixed nav .nav-wrapper .right-side .icons li {
+  transition: background-color 0.3s;
+  float: left;
+  padding: 0;
+}
+.navbar-fixed nav .nav-wrapper .right-side .icons .icon + span {
+  vertical-align: middle;
+  margin-left: 8px;
+}
+.navbar-fixed nav .nav-wrapper .right-side .icons.fixed-padding {
+  padding-right: 35px;
+}
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper {
+  margin-left: 30px;
+  padding: 0px 15px 0px 15px;
+  display: inline-block;
+  vertical-align: middle;
+  width: -moz-fit-content;
+  width: fit-content;
+  line-height: 64px;
+}
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper:hover {
+  background-color: #3b4d5d;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper.fixed-padding {
+  margin-left: 25px;
+}
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper.fixed-padding:before {
+  right: 143px;
+}
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper:before {
+  content: "";
+  position: absolute;
+  right: 148px;
+  bottom: 15px;
+  height: 50%;
+  width: 5px;
+  border-right: 1px solid #3b4d5d;
+}
+@media only screen and (max-width : 992px) {
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper {
+    margin-left: 5px;
+    padding: 0px 5px 0px 5px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper:hover {
+    background: none;
+}
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper:before {
+    content: "";
+    position: absolute;
+    right: 80px;
+    bottom: 5%;
+    height: 90%;
+    width: 5px;
+    border-right: 1px solid #3b4d5d;
+}
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper.fixed-padding:before {
+    right: 85px;
+}
+}
+@media only screen and (max-width : 992px) {
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper a {
+    float: none;
+    line-height: initial;
+}
+}
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper .intellihub-user {
+  float: left;
+  vertical-align: middle;
+}
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper .intellihub-user .image-wrapper {
+  vertical-align: middle;
+  -o-object-fit: cover;
+     object-fit: cover;
+  height: 40px;
+  width: 40px;
+}
+@media only screen and (max-width : 992px) {
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper .intellihub-user .image-wrapper {
+    height: 32px;
+    width: 32px;
+}
+}
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper .intellihub-logo {
+  vertical-align: middle;
+  margin-left: 5px;
+  text-decoration: none;
+  color: #45d6ad;
+  font-family: play, sans-serif;
+  font-weight: 700;
+}
+.navbar-fixed nav .nav-wrapper .right-side .intellihub-user-wrapper .intellihub-logo.white-font {
+  color: #ffffff;
+}
+.navbar-fixed nav .nav-wrapper .right-side #avatar_dropdown {
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+  padding: 10px;
+  border-radius: 4px;
+  box-shadow: 0 2px 6px 0 rgba(37, 55, 70, 0.1);
+}
+.navbar-fixed nav .nav-wrapper .right-side #avatar_dropdown #avatar_dropdown_li {
+  display: flex;
+}
+.navbar-fixed nav .nav-wrapper .right-side #avatar_dropdown .avatar {
+  width: 44px;
+  height: 44px;
+  -o-object-fit: cover;
+     object-fit: cover;
+  vertical-align: middle;
+}
+.navbar-fixed nav .nav-wrapper .right-side #avatar_dropdown div {
+  display: inline-block;
+}
+.navbar-fixed nav .nav-wrapper .right-side #avatar_dropdown div p {
+  margin: 0;
+  white-space: nowrap;
+}
+.navbar-fixed nav .nav-wrapper .right-side #avatar_dropdown div p#empl_name {
+  font-weight: bold;
+  color: #1a2732;
+}
+.navbar-fixed nav .nav-wrapper .right-side #avatar_dropdown div .employee-position {
+  color: #64748b;
+}
+.navbar-fixed nav .nav-wrapper .right-side #avatar_dropdown div#avatar_div {
+  float: right;
+  margin-left: 26px;
+}
+.navbar-fixed nav .nav-wrapper .right-side #avatar_dropdown li {
+  min-height: 2em;
+  background-color: #ffffff;
+}
+.navbar-fixed nav .nav-wrapper .right-side #avatar_dropdown li.divider {
+  background-color: #cbd5e1;
+  margin: 10px 0;
+  min-height: 1px;
+}
+.navbar-fixed nav .nav-wrapper .right-side #avatar_dropdown li > a {
+  background-color: #ffffff;
+  padding: 0 0 0 0;
+  color: #1a2732;
+  border-bottom: none;
+}
+.navbar-fixed nav .nav-wrapper .right-side #avatar_dropdown li > a:hover {
+  color: #008c79;
+}
+#mobile-menu {
+  font-family: play, sans-serif;
+  font-weight: bold;
+  width: 100%;
+  height: 100%;
+  background-color: color("intems", "dark");
+}
+#mobile-menu.sidenav-mobile {
+  position: fixed;
+  left: 0;
+  top: 0;
+  margin: 0;
+  padding-bottom: 60px;
+  z-index: 999;
+  overflow-y: auto;
+  will-change: transform;
+  backface-visibility: hidden;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #253746;
+  transform: translateX(-105%);
+  transition: transform 0.6s ease;
+  /* Add this line for the transition effect */
+}
+#mobile-menu.sidenav-mobile li > a {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 18px;
+  font-weight: 500;
+  height: 48px;
+  line-height: 48px;
+  padding: 0 32px;
+}
+#mobile-menu.sidenav-mobile li > a:hover {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+#mobile-menu.sidenav-mobile.opened {
+  transform: translateX(0%);
+}
+#mobile-menu a {
+  position: relative;
+  font-size: 18px;
+  color: color("intems", "white");
+}
+#mobile-menu a.router-link-exact-active {
+  color: color("intems", "primary");
+}
+#mobile-menu a:hover {
+  color: color("intems", "primary");
+}
+#mobile-menu a .href-wrap {
+  position: relative;
+}
+#mobile-menu .divider {
+  margin: 8px 0;
+  background-color: color("intems", "text-tertiary");
+}
+#mobile-menu li a.router-link-exact-active {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+#mobile-menu .admin {
+  background-color: color("intems", "dark");
+}
+#mobile-menu .admin i {
+  color: color("intems", "white");
+}
+#mobile-menu .admin > li > ul {
+  transition: max-height 2s;
+  background: #e5feff;
+  overflow: hidden;
+  max-height: 0;
+}
+#mobile-menu .admin > li > ul.opened {
+  max-height: 100vh;
+}
+#mobile-menu .admin > li > a {
+  padding-left: 48px;
+}
+#mobile-menu .admin > li > ul > li > a {
+  padding-left: 64px;
+  background-color: color("intems", "dark");
+}
+#mobile-menu #mobile-menu-head {
+  line-height: 64px;
+}
+#mobile-menu #mobile-menu-head > div {
+  text-align: center;
+  width: 100%;
+}
+#mobile-menu #mobile-menu-head > div > a {
+  font-size: 24px;
+  color: color("intems", "white");
+}
+#mobile-menu #mobile-menu-head > div > a:hover {
+  cursor: pointer;
+}
+#mobile-menu #mobile-menu-head > div > a.brand-logo {
+  font-family: play, sans-serif;
+  font-weight: bold;
+}
+#mobile-menu #mobile-menu-head > div > a#menu_close_mark {
+  float: right;
+  margin: 0 18px;
+}
+#mobile-menu .collapsible-mobile {
+  border-color: color("intems", "text-tertiary");
+  border-width: 1px;
+  border-style: solid;
+  border-bottom: none;
+  margin: 0.5rem 0 1rem 0;
+}
+#mobile-menu .collapsible-mobile li i {
+  float: right;
+}
+#mobile-menu .collapsible-mobile li.active i {
+  /* IE 9 */
+  /* Chrome, Safari, Opera */
+  transform: rotate(180deg);
+}
+#mobile-menu #mobile-menu-head_avatar {
+  color: color("intems", "white");
+  padding: 5px 32px;
+}
+#mobile-menu #mobile-menu-head_avatar:hover {
+  cursor: pointer;
+}
+#mobile-menu #mobile-menu-head_avatar > ul {
+  margin: 15px 0;
+}
+#mobile-menu #mobile-menu-head_avatar .fade-enter-active,
+#mobile-menu #mobile-menu-head_avatar .fade-leave-active {
+  transition: opacity 0.5s;
+}
+#mobile-menu #mobile-menu-head_avatar .fade-enter, #mobile-menu #mobile-menu-head_avatar .fade-leave-to {
+  opacity: 0;
+}
+#mobile-menu #mobile-menu-head_avatar > div {
+  display: table;
+  padding: 0;
+}
+#mobile-menu #mobile-menu-head_avatar > div > div {
+  display: table-cell;
+  vertical-align: middle;
+}
+#mobile-menu #mobile-menu-head_avatar p {
+  margin: 0;
+  line-height: normal;
+}
+#mobile-menu #mobile-menu-head_avatar p#mobile-menu-empl_name {
+  font-weight: bold;
+}
+#mobile-menu #mobile-menu-head_avatar p#mobile-menu-empl_position {
+  font-size: 12px;
+  font-weight: normal;
+}
+#mobile-menu #mobile-menu-head_avatar #mobile-menu-avatar_div {
+  padding-right: 20px;
+}
+#mobile-menu #mobile-menu-head_avatar #mobile-menu-avatar_div .avatar {
+  width: 44px;
+  height: 44px;
+  -o-object-fit: cover;
+     object-fit: cover;
+  vertical-align: middle;
+}
+#mobile-menu #mobile-menu-head_avatar a {
+  padding: 0;
+  line-height: 2;
+  font-size: 14px;
+  height: unset;
+  color: color("intems", "primary-hover");
+}
+.cursor-default {
+  cursor: default;
+}
+.tooltip {
+  display: block !important;
+  z-index: 10000;
+}
+.tooltip .tooltip-inner {
+  max-width: 300px;
+  padding: 6px 8px;
+  background: #253746;
+  border-radius: 6px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  color: #ffffff;
+  font-size: 0.8rem;
+}
+.tooltip[x-placement^=top] {
+  margin-bottom: 5px;
+}
+.tooltip[x-placement^=bottom] {
+  margin-top: 5px;
+}
+.tooltip[x-placement^=right] {
+  margin-left: 5px;
+}
+.tooltip[x-placement^=left] {
+  margin-right: 5px;
+}
+.tooltip[aria-hidden=true] {
+  visibility: hidden;
+  opacity: 0;
+  transition: opacity 0.15s, visibility 0.15s;
+}
+.tooltip[aria-hidden=false] {
+  visibility: visible;
+  opacity: 1;
+  transition: opacity 0.15s;
+}
+main {
+  overflow: auto;
+  position: relative;
+  flex: 1 1 auto;
+}
+.bold {
+  font-weight: bold;
+}
+.margin-top-5 {
+  margin-top: 5px;
+}
+.margin-top-10 {
+  margin-top: 10px;
+}
+.padding-top-15 {
+  padding-top: 15px;
+}
+.margin-top-15 {
+  margin-top: 15px;
+}
+.margin-top-25 {
+  margin-top: 25px;
+}
+.margin-top-50 {
+  margin-top: 50px;
+}
+.title-row {
+  margin: 30px 0 40px;
+}
+.title-row .page-title {
+  margin: 0;
+  align-self: center;
+  justify-self: flex-start;
+}
+.title-row button {
+  order: 2;
+}
+.center {
+  text-align: center;
+  justify-content: center;
+}
+.wide {
+  width: 100%;
+}
+.pointer {
+  cursor: pointer;
+}
+a,
+a:hover {
+  text-decoration: none;
+  color: #008c79;
+}