una-nuxt-module 1.0.2

package/dist/runtime/assets/scss/styles.css

@@ -0,0 +1,1249 @@
+html .bg-success,
+html .bg-info,
+html .bg-warning {
+  color: white !important;
+}
+
+.v-row + .v-row {
+  margin-top: 0px;
+}
+
+.v-divider {
+  border-color: rgb(var(--v-theme-borderLight));
+  --v-border-opacity: 1 !important;
+}
+
+.border-blue-right {
+  border-right: 1px solid rgba(var(--v-theme-borderLight), 0.36);
+}
+
+.link-hover {
+  text-decoration: unset;
+}
+.link-hover:hover {
+  text-decoration: underline;
+}
+
+.v-selection-control {
+  flex: unset;
+}
+
+.customizer-btn .icon {
+  animation: progress-circular-rotate 1.4s linear infinite;
+  transform-origin: center center;
+  transition: all 0.2s ease-in-out;
+}
+
+.no-spacer .v-list-item__spacer {
+  display: none !important;
+}
+
+@keyframes progress-circular-rotate {
+  100% {
+    transform: rotate(270deg);
+  }
+}
+header.v-toolbar--border {
+  border-color: rgb(var(--v-theme-borderLight));
+}
+
+.v-toolbar.v-app-bar {
+  border-bottom: 1px solid rgba(var(--v-theme-borderLight), 0.8);
+}
+
+.v-sheet--border {
+  border: 1px solid rgba(var(--v-theme-borderLight), 0.8);
+}
+
+.v-expansion-panel {
+  border: 1px solid rgb(var(--v-theme-borderLight));
+}
+.v-expansion-panel:not(:first-child) {
+  margin-top: -1px;
+}
+.v-expansion-panel .v-expansion-panel-text__wrapper {
+  border-top: 1px solid rgb(var(--v-theme-borderLight));
+  padding: 16px 24px;
+}
+.v-expansion-panel.v-expansion-panel--active .v-expansion-panel-title--active .v-expansion-panel-title__overlay {
+  background-color: rgb(var(--v-theme-gray100));
+}
+
+.v-expansion-panel--active > .v-expansion-panel-title {
+  min-height: unset;
+}
+
+.v-expansion-panel--disabled .v-expansion-panel-title {
+  color: rgba(var(--v-theme-on-surface), 0.15);
+}
+
+html {
+  overflow-y: auto;
+}
+
+.horizontalLayout .page-wrapper .v-container {
+  padding-top: 20px;
+}
+
+@media (min-width: 1540px) {
+  .v-container:not(.v-container--fluid) {
+    max-width: 1500px;
+  }
+}
+.spacer {
+  padding: 100px 0;
+}
+@media (max-width: 1264px) {
+  .spacer {
+    padding: 72px 0;
+  }
+}
+
+@media (max-width: 800px) {
+  .spacer {
+    padding: 40px 0;
+  }
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.page-wrapper .v-container {
+  padding: 15px;
+}
+.page-wrapper .v-container:first-child {
+  min-height: calc(100vh - 139px);
+}
+@media (max-width: 1550px) {
+  .page-wrapper .v-container {
+    max-width: 100%;
+  }
+}
+@media (min-width: 768px) {
+  .page-wrapper .v-container {
+    padding-inline: 40px;
+  }
+}
+
+.maxWidth {
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.display-1 {
+  font-size: 44px;
+  line-height: 54px;
+}
+
+.display-2 {
+  font-size: 40px;
+  line-height: 50px;
+}
+
+.display-3 {
+  font-size: 30px;
+  line-height: 40px;
+}
+
+.h1 {
+  font-size: 36px;
+  line-height: 46px;
+}
+
+.h2 {
+  font-size: 30px;
+  line-height: 40px;
+}
+
+.h3 {
+  font-size: 21px;
+  line-height: 31px;
+}
+
+.h4 {
+  font-size: 18px;
+  line-height: 28px;
+}
+
+.h5 {
+  font-size: 16px;
+  line-height: 26px;
+}
+
+.h6 {
+  font-size: 14px;
+  line-height: 24px;
+}
+
+.text-8 {
+  font-size: 8px;
+  line-height: 18px;
+}
+
+.text-10 {
+  font-size: 10px;
+  line-height: 20px;
+}
+
+.text-13 {
+  font-size: 13px;
+  line-height: 23px;
+}
+
+.text-18 {
+  font-size: 18px;
+  line-height: 28px;
+}
+
+.text-20 {
+  font-size: 20px;
+  line-height: 30px;
+}
+
+.text-24 {
+  font-size: 24px;
+  line-height: 34px;
+}
+
+.body-text-1 {
+  font-size: 10px;
+  line-height: 20px;
+}
+
+.customizer-btn .icon {
+  animation: progress-circular-rotate 1.4s linear infinite;
+  transform-origin: center center;
+  transition: all 0.2s ease-in-out;
+}
+
+.fixed-width {
+  max-width: 1300px;
+}
+
+.h-100 {
+  height: 100%;
+}
+
+.w-100 {
+  width: 100%;
+}
+
+.h-100vh {
+  height: 100vh;
+}
+
+.gap-2 {
+  gap: 8px;
+}
+
+.gap-3 {
+  gap: 16px;
+}
+
+.gap-4 {
+  gap: 24px;
+}
+
+.text-white {
+  color: rgb(255, 255, 255) !important;
+}
+
+.themeDefault,
+.themeDarkDefault {
+  border: 1px solid #1677ff;
+  background-color: #1677ff;
+}
+
+.themeLightTheme1,
+.themeDark1 {
+  border: 1px solid #3366ff;
+  background-color: #3366ff;
+}
+
+.themeLightTheme2,
+.themeDark2 {
+  border: 1px solid #7265e6;
+  background-color: #7265e6;
+}
+
+.themeLightTheme3,
+.themeDark3 {
+  border: 1px solid #068e44;
+  background-color: #068e44;
+}
+
+.themeLightTheme4,
+.themeDark4 {
+  border: 1px solid #3c64d0;
+  background-color: #3c64d0;
+}
+
+.themeLightTheme5,
+.themeDark5 {
+  border: 1px solid #f27013;
+  background-color: #f27013;
+}
+
+.themeLightTheme6,
+.themeDark6 {
+  border: 1px solid #2aa1af;
+  background-color: #2aa1af;
+}
+
+.themeLightTheme7,
+.themeDark7 {
+  border: 1px solid #00a854;
+  background-color: #00a854;
+}
+
+.themeLightTheme8,
+.themeDark8 {
+  border: 1px solid #009688;
+  background-color: #009688;
+}
+
+body {
+  font-family: "Public sans", sans-serif;
+}
+body .Roboto {
+  font-family: "Roboto", sans-serif !important;
+}
+body .Poppins {
+  font-family: "Poppins", sans-serif !important;
+}
+body .Inter {
+  font-family: "Inter", sans-serif !important;
+}
+body .Public {
+  font-family: "Public sans", sans-serif !important;
+}
+
+@keyframes slideY {
+  0%, 50%, 100% {
+    transform: translateY(0px);
+  }
+  25% {
+    transform: translateY(-10px);
+  }
+  75% {
+    transform: translateY(10px);
+  }
+}
+.opacity-50 {
+  opacity: 0.5;
+}
+
+.link {
+  color: rgb(var(--v-theme-lightText));
+  text-decoration: none;
+}
+.link:hover {
+  color: rgb(var(--v-theme-primary));
+}
+
+/*This is for the logo*/
+.leftSidebar {
+  border: 0px;
+  box-shadow: none !important;
+  border-right: 1px solid rgba(var(--v-theme-borderLight), 0.8);
+}
+
+/*This is for the Vertical sidebar*/
+.scrollnavbar {
+  height: calc(100vh - 151px);
+  /*General Menu css*/
+  /*This is for the dropdown*/
+}
+.scrollnavbar .smallCap {
+  padding: 0px 0 0 20px !important;
+}
+.scrollnavbar .v-list {
+  color: rgb(var(--v-theme-lightText));
+  padding: 0;
+}
+.scrollnavbar .v-list .v-list-item--one-line.v-list-item--active {
+  border-right: 2px solid rgb(var(--v-theme-primary));
+}
+.scrollnavbar .v-list .v-list-group .v-list-item--one-line.v-list-item--active.v-list-item--link {
+  border-right: 2px solid rgb(var(--v-theme-primary));
+}
+.scrollnavbar .v-list .v-list-group .v-list-item--one-line.v-list-item--active.v-list-group__header {
+  border-right: none;
+  background: transparent;
+}
+.scrollnavbar .v-list .v-list-group .v-list-group__items .v-list-item--link .v-list-item__prepend,
+.scrollnavbar .v-list .v-list-group .v-list-group__items .v-list-item .v-list-item__prepend {
+  margin-inline-end: 1px;
+}
+.scrollnavbar .v-list-group__items .v-list-item,
+.scrollnavbar .v-list-item {
+  border-radius: 0;
+  padding-inline-start: calc(20px + var(--indent-padding) / 2) !important;
+}
+.scrollnavbar .v-list-group__items .v-list-item .v-list-item__prepend,
+.scrollnavbar .v-list-item .v-list-item__prepend {
+  margin-inline-end: -20px;
+}
+.scrollnavbar .v-list-group__items .v-list-item .v-list-item__append,
+.scrollnavbar .v-list-item .v-list-item__append {
+  font-size: 0.875rem;
+}
+.scrollnavbar .v-list-group__items .v-list-item .v-list-item__append .v-icon,
+.scrollnavbar .v-list-item .v-list-item__append .v-icon {
+  margin-inline-start: 13px;
+}
+.scrollnavbar .v-list-group__items .v-list-item .v-list-item__append > .v-icon,
+.scrollnavbar .v-list-item .v-list-item__append > .v-icon {
+  --v-medium-emphasis-opacity: 0.8;
+}
+.scrollnavbar .v-list-group__items .v-list-item .v-list-item-title,
+.scrollnavbar .v-list-item .v-list-item-title {
+  font-size: 0.875rem;
+  color: rgb(var(--v-theme-darkText));
+}
+.scrollnavbar .v-list-group__items .v-list-item.v-list-item--active .v-list-item-title,
+.scrollnavbar .v-list-item.v-list-item--active .v-list-item-title {
+  color: rgb(var(--v-theme-primary));
+}
+.scrollnavbar .v-list .v-list-item--active .v-list-item-title {
+  font-weight: 500;
+}
+.scrollnavbar .v-list .sidebarchip .v-icon {
+  margin-inline-start: -3px;
+}
+.scrollnavbar .v-list .v-list-group .v-list-item:focus-visible > .v-list-item__overlay {
+  opacity: 0;
+}
+.scrollnavbar .v-list > .v-list-group {
+  position: relative;
+}
+.scrollnavbar .v-list > .v-list-group > .v-list-item--active,
+.scrollnavbar .v-list > .v-list-group > .v-list-item:hover {
+  background: rgb(var(--v-theme-primary), 0.05);
+}
+
+/* This is for the collapse mode */
+.v-navigation-drawer--rail .scrollnavbar .v-list .v-list-group__items,
+.v-navigation-drawer--rail .hide-menu {
+  display: none;
+}
+.v-navigation-drawer--rail .v-navigation-drawer__content:hover .v-list .v-list-group__items {
+  opacity: 1;
+  display: inline;
+}
+.v-navigation-drawer--rail .scrollnavbar .v-list-item .v-list-item__prepend {
+  margin-left: 5px;
+}
+.v-navigation-drawer--rail .scrollnavbar .v-list-group__items .v-list-item,
+.v-navigation-drawer--rail .scrollnavbar .v-list-item {
+  padding-inline-start: calc(12px + var(--indent-padding) / 2) !important;
+}
+.v-navigation-drawer--rail .sidebar-user {
+  margin-left: -6px;
+}
+.v-navigation-drawer--rail .leftPadding {
+  margin-left: 0px;
+}
+.v-navigation-drawer--rail.leftSidebar .v-list-subheader {
+  display: none;
+}
+.v-navigation-drawer--rail.leftSidebar:hover .v-list-subheader {
+  display: inline-flex;
+}
+
+.SideBarFooter .v-list-item {
+  border-radius: 0;
+  padding-inline-start: calc(20px + var(--indent-padding) / 2) !important;
+}
+.SideBarFooter .v-list-item .v-list-item__prepend {
+  margin-inline-end: -20px;
+}
+.SideBarFooter .v-list-item .v-list-item__append {
+  font-size: 0.875rem;
+}
+.SideBarFooter .v-list-item .v-list-item__append .v-icon {
+  margin-inline-start: 13px;
+}
+.SideBarFooter .v-list-item .v-list-item__append > .v-icon {
+  --v-medium-emphasis-opacity: 0.8;
+}
+.SideBarFooter .v-list-item .v-list-item-title {
+  font-size: 0.875rem;
+  color: rgb(var(--v-theme-darkText));
+}
+
+@media only screen and (min-width: 1170px) {
+  .mini-sidebar .logo {
+    width: 40px;
+    overflow: hidden;
+  }
+  .mini-sidebar .leftSidebar:hover {
+    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08) !important;
+  }
+  .mini-sidebar .v-navigation-drawer--expand-on-hover:hover .logo {
+    width: 100%;
+  }
+  .mini-sidebar .v-navigation-drawer--expand-on-hover:hover .v-list .v-list-group__items,
+  .mini-sidebar .v-navigation-drawer--expand-on-hover:hover .hide-menu {
+    opacity: 1;
+  }
+}
+.v-footer {
+  background: rgb(var(--v-theme-containerbg));
+  padding: 24px 16px 0px;
+  margin-top: auto;
+  position: unset;
+}
+.v-footer a {
+  text-decoration: unset;
+}
+.v-footer a:hover {
+  text-decoration: underline;
+}
+
+@media (max-width: 475px) {
+  .footer {
+    text-align: center;
+  }
+  .footer .v-col-6 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .footer .v-col-6.text-right {
+    text-align: center !important;
+  }
+}
+.profileBtn {
+  height: 44px !important;
+  margin: 0 20px 0 10px !important;
+  padding: 0 6px;
+}
+.profileBtn .v-avatar {
+  width: 32px;
+  height: 32px;
+}
+.profileBtn .v-avatar img {
+  width: 32px;
+  height: 32px;
+}
+
+@media (max-width: 600px) {
+  .profileBtn {
+    min-width: 42px;
+    margin: 0 12px 0 0 !important;
+  }
+  .profileBtn .v-avatar {
+    width: 24px;
+    height: 24px;
+  }
+  .profileBtn .v-avatar img {
+    width: 24px;
+    height: 24px;
+  }
+}
+@media (max-width: 460px) {
+  .notification-dropdown {
+    width: 332px !important;
+  }
+  .notification-dropdown .v-list-item__content .d-inline-flex .text-caption {
+    min-width: 50px;
+  }
+}
+.loginBox {
+  max-width: 475px;
+  margin: 0 auto;
+}
+
+.externalLink {
+  color: rgb(var(--v-theme-primary));
+  text-decoration: none;
+}
+
+.single-line-alert .v-alert__close,
+.single-line-alert .v-alert__prepend {
+  align-self: center !important;
+}
+
+.v-alert__prepend {
+  align-self: center;
+}
+.v-alert__prepend .mdi {
+  width: 18px !important;
+  height: 18px !important;
+  font-size: 18px !important;
+}
+
+.v-alert--variant-tonal.with-border.text-primary {
+  border: 1px solid rgba(var(--v-theme-primary), 0.3);
+}
+.v-alert--variant-tonal.with-border.text-secondary {
+  border: 1px solid rgba(var(--v-theme-secondary), 0.3);
+}
+.v-alert--variant-tonal.with-border.text-success {
+  border: 1px solid rgba(var(--v-theme-success), 0.3);
+}
+.v-alert--variant-tonal.with-border.text-info {
+  border: 1px solid rgba(var(--v-theme-info), 0.3);
+}
+.v-alert--variant-tonal.with-border.text-warning {
+  border: 1px solid rgba(var(--v-theme-warning), 0.3);
+}
+.v-alert--variant-tonal.with-border.text-error {
+  border: 1px solid rgba(var(--v-theme-error), 0.3);
+}
+
+@media (max-width: 500px) {
+  .single-line-alert {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .single-line-alert .v-alert__append {
+    margin-inline-start: 0px;
+  }
+  .single-line-alert .v-alert__close {
+    margin-left: auto;
+  }
+  .single-line-alert .v-alert__content {
+    width: 100%;
+    margin-top: 5px;
+  }
+}
+.v-list-item.v-list-item--border {
+  border-color: rgb(var(--v-border-color));
+  border-width: 0 0 1px 0;
+}
+.v-list-item.v-list-item--border:last-child {
+  border-width: 0;
+}
+.v-list-item.v-list-item--variant-tonal {
+  background: rgb(var(--v-theme-gray100));
+}
+.v-list-item.v-list-item--variant-tonal .v-list-item__underlay {
+  background: transparent;
+}
+.v-list-item:last-child .v-list-item__content .v-divider--inset {
+  display: none;
+}
+
+.v-list[aria-busy=true] {
+  cursor: context-menu;
+}
+
+.v-list-group__items .v-list-item {
+  padding-inline-start: 40px !important;
+}
+
+.v-list-item__content .v-divider--inset:not(.v-divider--vertical) {
+  max-width: 100%;
+  margin-inline-start: 0;
+}
+
+.v-list--border .v-list-item + .v-list-item {
+  border-top: 1px solid rgb(var(--v-theme-borderLight));
+}
+
+.v-btn.bg-lightprimary:hover, .v-btn.bg-lightprimary:active, .v-btn.bg-lightprimary:focus {
+  background-color: rgb(var(--v-theme-primary)) !important;
+  color: #fff !important;
+}
+.v-btn.bg-lightsecondary:hover, .v-btn.bg-lightsecondary:active, .v-btn.bg-lightsecondary:focus {
+  background-color: rgb(var(--v-theme-secondary)) !important;
+  color: #fff !important;
+}
+.v-btn.text-facebook:hover, .v-btn.text-facebook:active, .v-btn.text-facebook:focus {
+  background-color: rgb(var(--v-theme-facebook)) !important;
+  color: #fff !important;
+}
+.v-btn.text-twitter:hover, .v-btn.text-twitter:active, .v-btn.text-twitter:focus {
+  background-color: rgb(var(--v-theme-twitter)) !important;
+  color: #fff !important;
+}
+.v-btn.text-linkedin:hover, .v-btn.text-linkedin:active, .v-btn.text-linkedin:focus {
+  background-color: rgb(var(--v-theme-linkedin)) !important;
+  color: #fff !important;
+}
+
+.v-btn {
+  text-transform: capitalize;
+  letter-spacing: 0;
+  font-weight: 400;
+}
+
+.v-btn--icon.v-btn--density-default {
+  width: calc(var(--v-btn-height) + 6px);
+  height: calc(var(--v-btn-height) + 6px);
+}
+
+.v-btn-group .v-btn {
+  height: inherit !important;
+}
+
+.v-btn-group {
+  border-color: rgba(var(--v-border-color), 1);
+}
+
+.v-btn-group--divided .v-btn:not(:last-child) {
+  border-inline-end-color: rgba(var(--v-border-color), 1);
+}
+
+.primary-dashed {
+  border: 1px dashed rgb(var(--v-theme-primary));
+}
+
+.secondary-dashed {
+  border: 1px dashed rgb(var(--v-theme-secondary));
+}
+
+.success-dashed {
+  border: 1px dashed rgb(var(--v-theme-success));
+}
+
+.info-dashed {
+  border: 1px dashed rgb(var(--v-theme-info));
+}
+
+.warning-dashed {
+  border: 1px dashed rgb(var(--v-theme-warning));
+}
+
+.error-dashed {
+  border: 1px dashed rgb(var(--v-theme-error));
+}
+
+.v-card--variant-outlined {
+  border-color: rgba(var(--v-theme-borderLight), 1);
+}
+.v-card--variant-outlined .v-divider {
+  border-color: rgba(var(--v-theme-borderLight), 0.8);
+}
+
+.v-card-text {
+  padding: 20px;
+}
+
+.v-card-actions {
+  padding: 14px 20px 14px;
+}
+
+.v-card {
+  width: 100%;
+  overflow: visible;
+}
+.v-card.withbg {
+  background-color: rgb(var(--v-theme-background));
+}
+.v-card.w-auto {
+  width: auto !important;
+}
+.v-card.overflow-hidden {
+  overflow: hidden;
+}
+
+.v-card-item {
+  padding: 20px;
+}
+
+.v-card-subtitle {
+  font-size: 0.75rem;
+}
+
+.title-card .v-card-text {
+  background-color: rgb(var(--v-theme-background));
+  border: 1px solid rgba(var(--v-theme-borderLight), 1);
+}
+
+.v-chip.v-chip--variant-tonal.combined {
+  border: 1px solid rgba(var(--v-theme-secondary), 0.5);
+}
+.v-chip.v-chip--variant-tonal.combined.text-primary {
+  border: 1px solid rgba(var(--v-theme-primary), 0.5);
+}
+.v-chip.v-chip--variant-tonal.combined.text-secondary {
+  border: 1px solid rgba(var(--v-theme-secondary), 0.5);
+}
+.v-chip.v-chip--variant-tonal.combined.text-success {
+  border: 1px solid rgba(var(--v-theme-success), 0.5);
+}
+.v-chip.v-chip--variant-tonal.combined.text-info {
+  border: 1px solid rgba(var(--v-theme-info), 0.5);
+}
+.v-chip.v-chip--variant-tonal.combined.text-warning {
+  border: 1px solid rgba(var(--v-theme-warning), 0.5);
+}
+.v-chip.v-chip--variant-tonal.combined.text-error {
+  border: 1px solid rgba(var(--v-theme-error), 0.5);
+}
+
+.v-badge__badge {
+  min-width: 16px;
+  height: 16px;
+  padding: 4px;
+}
+
+.v-badge--dot .v-badge__badge {
+  height: 8px;
+  width: 8px;
+}
+
+.v-breadcrumbs-item--link {
+  color: rgb(var(--v-theme-lightText));
+}
+
+.v-breadcrumbs .v-breadcrumbs-item--disabled {
+  --v-disabled-opacity: 1;
+}
+.v-breadcrumbs .v-breadcrumbs-item--disabled .v-breadcrumbs-item--link {
+  color: rgb(var(--v-theme-darkText));
+}
+.v-breadcrumbs .v-breadcrumbs-divider {
+  color: rgb(var(--v-theme-lightText));
+  margin-left: -10px;
+  margin-right: -10px;
+}
+
+.v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr,
+.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
+  border-radius: 4px 0 0 4px;
+}
+
+.v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr,
+.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
+  border-radius: 0 4px 4px 0;
+}
+
+.v-input--density-default:not(.v-autocomplete--multiple),
+.v-field--variant-solo,
+.v-field--variant-filled {
+  --v-input-control-height: 39px;
+  --v-input-padding-top: 2px;
+}
+.v-input--density-default:not(.v-autocomplete--multiple) input.v-field__input,
+.v-field--variant-solo input.v-field__input,
+.v-field--variant-filled input.v-field__input {
+  padding-bottom: 2px;
+}
+.v-input--density-default:not(.v-autocomplete--multiple) .v-field__input,
+.v-field--variant-solo .v-field__input,
+.v-field--variant-filled .v-field__input {
+  padding-bottom: 2px;
+}
+.v-input--density-default:not(.v-autocomplete--multiple) textarea,
+.v-field--variant-solo textarea,
+.v-field--variant-filled textarea {
+  margin-top: 8px;
+}
+
+.v-input--density-default .v-field__input {
+  min-height: 41px;
+}
+
+.v-field--variant-outlined.v-field--focused .v-field__outline {
+  --v-field-border-width: 1px;
+}
+
+.remove-details .v-input__details {
+  display: none;
+}
+
+.v-input .v-input__details {
+  padding-inline: 0;
+}
+
+.v-input--density-comfortable {
+  --v-input-control-height: 56px;
+  --v-input-padding-top: 17px;
+}
+
+.v-label {
+  font-size: 0.875rem;
+  --v-medium-emphasis-opacity: 0.8;
+}
+
+.v-switch .v-label,
+.v-checkbox .v-label {
+  opacity: 1;
+}
+
+textarea.v-field__input {
+  font-size: 14px;
+}
+
+.textarea-input .v-label {
+  top: 15px;
+}
+
+.v-navigation-drawer__scrim.fade-transition-leave-to {
+  display: none;
+}
+
+.elevation-24 {
+  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08) !important;
+}
+
+.v-menu > .v-overlay__content > .v-sheet {
+  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
+}
+
+.primary-shadow {
+  box-shadow: 0 14px 12px rgba(var(--v-theme-primary), 0.2);
+}
+.primary-shadow:hover {
+  box-shadow: none;
+}
+
+.secondary-shadow {
+  box-shadow: 0 14px 12px rgba(var(--v-theme-secondary), 0.2);
+}
+.secondary-shadow:hover {
+  box-shadow: none;
+}
+
+.success-shadow {
+  box-shadow: 0 14px 12px rgba(var(--v-theme-success), 0.2);
+}
+.success-shadow:hover {
+  box-shadow: none;
+}
+
+.info-shadow {
+  box-shadow: 0 14px 12px rgba(var(--v-theme-info), 0.2);
+}
+.info-shadow:hover {
+  box-shadow: none;
+}
+
+.warning-shadow {
+  box-shadow: 0 14px 12px rgba(var(--v-theme-warning), 0.2);
+}
+.warning-shadow:hover {
+  box-shadow: none;
+}
+
+.error-shadow {
+  box-shadow: 0 14px 12px rgba(var(--v-theme-error), 0.2);
+}
+.error-shadow:hover {
+  box-shadow: none;
+}
+
+.v-text-field input {
+  font-size: 0.875rem;
+}
+
+.v-select .v-field {
+  font-size: 0.875rem;
+}
+
+.pwdInput {
+  position: relative;
+}
+.pwdInput .v-input__append {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.pwdInput .v-field__append-inner {
+  right: -10px;
+  position: absolute;
+}
+
+.v-textarea input {
+  font-size: 0.875rem;
+  font-weight: 500;
+}
+.v-textarea input::placeholder {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.v-tabs {
+  border-radius: 4px;
+  border-left: 1px solid rgb(var(--v-theme-borderLight));
+  border-right: 1px solid rgb(var(--v-theme-borderLight));
+}
+.v-tabs .v-tab {
+  border-top: 1px solid rgb(var(--v-theme-borderLight));
+  border-bottom: 1px solid rgb(var(--v-theme-borderLight));
+}
+
+.rounded-square {
+  width: 20px;
+  height: 20px;
+}
+
+.icon-scale {
+  position: absolute;
+  left: -17px;
+  bottom: -27px;
+  transform: rotate(25deg);
+}
+
+.tabBtn .v-tab--selected .v-tab__slider {
+  opacity: 0;
+}
+.tabBtn .v-btn--variant-outlined:not(.v-tab--selected) {
+  border: none;
+  color: rgb(var(--v-theme-lightText));
+}
+
+.headerWithBtn .v-card-item {
+  padding: 14px;
+}
+
+.groupingAvatar .v-avatar {
+  cursor: pointer;
+}
+
+.widget-gradient {
+  position: relative;
+}
+.widget-gradient::before, .widget-gradient::after {
+  content: "";
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0.0001) 22.07%, rgba(255, 255, 255, 0.15) 83.21%);
+  transform: matrix(0.9, 0.44, -0.44, 0.9, 0, 0);
+}
+.widget-gradient:after {
+  top: 50%;
+  right: -20px;
+}
+.widget-gradient::before {
+  right: -70px;
+  bottom: 80%;
+}
+
+.hover-icon-card .hover-icon {
+  transition: 0.5s;
+}
+.hover-icon-card:hover .hover-icon {
+  opacity: 1;
+  transform: scale(1.2);
+  transition: 0.5s;
+}
+
+.widget-progress .v-progress-linear .v-progress-linear__background {
+  background-color: rgb(var(--v-theme-lightsuccess)) !important;
+  opacity: 1;
+}
+
+.readMedia {
+  position: absolute;
+  bottom: -7px;
+  right: 0;
+  width: 182px;
+  height: 144px;
+}
+
+.CustomTable > .v-table__wrapper {
+  max-height: 580px;
+}
+.CustomTable > .v-table__wrapper > table {
+  /* Borde de la tabla */
+  border: 1px solid rgb(var(--v-theme-borderLight));
+  border-radius: 5px;
+}
+.CustomTable > .v-table__wrapper > table > thead > tr > th {
+  background: rgb(var(--v-theme-gray100));
+  border-top: 1px solid rgb(var(--v-theme-borderLight));
+}
+.CustomTable > .v-table__wrapper > table > tbody > tr td {
+  /* Borde superior de las filas */
+  border-top: 1px solid rgb(var(--v-theme-borderLight));
+}
+.CustomTable > .v-table__wrapper > table > tbody > tr:hover td {
+  /* Filas on hover */
+  background: rgb(var(--v-theme-gray100));
+}
+
+.json-container-view {
+  border: 1px solid #423b3b;
+  border-radius: 3px;
+  padding: 20px;
+  background-color: #f7f7f7;
+}
+
+.vjs-tree-brackets {
+  cursor: pointer;
+}
+
+.vjs-tree-brackets:hover {
+  color: #1890ff;
+}
+
+.vjs-check-controller {
+  position: absolute;
+  left: 0;
+}
+
+.vjs-check-controller.is-checked .vjs-check-controller-inner {
+  background-color: #1890ff;
+  border-color: #0076e4;
+}
+
+.vjs-check-controller.is-checked .vjs-check-controller-inner.is-checkbox:after {
+  transform: rotate(45deg) scaleY(1);
+}
+
+.vjs-check-controller.is-checked .vjs-check-controller-inner.is-radio:after {
+  transform: translate(-50%, -50%) scale(1);
+}
+
+.vjs-check-controller .vjs-check-controller-inner {
+  display: inline-block;
+  position: relative;
+  border: 1px solid #bfcbd9;
+  border-radius: 2px;
+  vertical-align: middle;
+  box-sizing: border-box;
+  width: 16px;
+  height: 16px;
+  background-color: #fff;
+  z-index: 1;
+  cursor: pointer;
+  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
+}
+
+.vjs-check-controller .vjs-check-controller-inner:after {
+  box-sizing: content-box;
+  content: "";
+  border: 2px solid #fff;
+  border-left: 0;
+  border-top: 0;
+  height: 8px;
+  left: 4px;
+  position: absolute;
+  top: 1px;
+  transform: rotate(45deg) scaleY(0);
+  width: 4px;
+  transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
+  transform-origin: center;
+}
+
+.vjs-check-controller .vjs-check-controller-inner.is-radio {
+  border-radius: 100%;
+}
+
+.vjs-check-controller .vjs-check-controller-inner.is-radio:after {
+  border-radius: 100%;
+  height: 4px;
+  background-color: #fff;
+  left: 50%;
+  top: 50%;
+}
+
+.vjs-check-controller .vjs-check-controller-original {
+  opacity: 0;
+  outline: none;
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0;
+}
+
+.vjs-carets {
+  position: absolute;
+  right: 0;
+  cursor: pointer;
+}
+
+.vjs-carets svg {
+  transition: transform 0.3s;
+}
+
+.vjs-carets:hover {
+  color: #1890ff;
+}
+
+.vjs-carets-close {
+  transform: rotate(-90deg);
+}
+
+.vjs-tree-node {
+  display: flex;
+  position: relative;
+  line-height: 20px;
+}
+
+.vjs-tree-node.has-carets {
+  padding-left: 15px;
+}
+
+.vjs-tree-node.has-carets.has-selector,
+.vjs-tree-node.has-selector {
+  padding-left: 30px;
+}
+
+.vjs-tree-node.is-highlight,
+.vjs-tree-node:hover {
+  background-color: #f3f8ff;
+}
+
+.vjs-tree-node .vjs-indent {
+  display: flex;
+  position: relative;
+}
+
+.vjs-tree-node .vjs-indent-unit {
+  width: 1em;
+}
+
+.vjs-tree-node .vjs-indent-unit.has-line {
+  border-left: 1px dashed #bfcbd9;
+}
+
+.vjs-tree-node.dark.is-highlight,
+.vjs-tree-node.dark:hover {
+  background-color: #2e4558;
+}
+
+.vjs-node-index {
+  position: absolute;
+  right: 100%;
+  margin-right: 4px;
+  user-select: none;
+}
+
+.vjs-colon {
+  white-space: pre;
+}
+
+.vjs-comment {
+  color: #bfcbd9;
+}
+
+.vjs-value {
+  word-break: break-word;
+}
+
+.vjs-value-null,
+.vjs-value-undefined {
+  color: #d55fde;
+}
+
+.vjs-value-boolean,
+.vjs-value-number {
+  color: #1d8ce0;
+}
+
+.vjs-value-string {
+  color: #f05941;
+}
+
+.vjs-tree {
+  font-family: Monaco, Menlo, Consolas, Bitstream Vera Sans Mono, monospace;
+  font-size: 12px;
+  text-align: left;
+}
+
+.vjs-tree.is-virtual {
+  overflow: auto;
+}
+
+.vjs-tree.is-virtual .vjs-tree-node {
+  white-space: nowrap;
+}