.nuxt-progress {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 2px;
  width: 0%;
  opacity: 1;
  transition: width 0.1s, opacity 0.4s;
  background-color: black;
  z-index: 999999;
}
.nuxt-progress.nuxt-progress-notransition {
  transition: none;
}
.nuxt-progress-failed {
  background-color: red;
}


.nuxt__build_indicator[data-v-71e9e103] {
  box-sizing: border-box;
  position: fixed;
  font-family: monospace;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
  width: 88px;
  z-index: 2147483647;
  font-size: 16px;
  line-height: 1.2rem;
}
.v-enter-active[data-v-71e9e103], .v-leave-active[data-v-71e9e103] {
  transition-delay: 0.2s;
  transition-property: all;
  transition-duration: 0.3s;
}
.v-leave-to[data-v-71e9e103] {
  opacity: 0;
  transform: translateY(20px);
}
svg[data-v-71e9e103] {
  display: inline-block;
  vertical-align: baseline;
  width: 1.1em;
  height: 0.825em;
  position: relative;
  top: 1px;
}

html,
body {
  overflow-y: auto;
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  color: #000000;
  text-shadow: none;
}

@media only screen and (min-width: 960px) {
  ::-webkit-scrollbar {
    width: 14px;
    height: 14px;
  }

  ::-webkit-scrollbar-track {
    background: rgba(50, 50, 50, 0);
  }

  ::-webkit-scrollbar-thumb {
    background-color: #c8cdd4;
    border-radius: 20px;
    border: 4px solid transparent;
    background-clip: content-box;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: #8ea0a3;
  }

  ::-webkit-scrollbar-corner {
    background-color: #fafafa;
  }
}

.vsg_area {
  overflow: auto;
}

.v-ripple__container {
  display: none !important;
}

.v-btn,
.v-btn > * {
  line-height: 1;
}

.v-navigation-drawer {
  will-change: initial !important;
}

table th {
  white-space: nowrap;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

.cursor-loading {
  cursor: wait !important;
}

.cursor-loading-force:after {
  content: "";
  position: fixed;
  z-index: 9999999999999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjI4cHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGMwYzBjIiBzdHJva2Utd2lkdGg9IjkiIHI9IjM1IiBzdHJva2UtZGFzaGFycmF5PSIxNjQuOTMzNjE0MzEzNDY0MTUgNTYuOTc3ODcxNDM3ODIxMzgiPgogIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIwLjM5MjE1Njg2Mjc0NTA5ODFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+CjwvY2lyY2xlPgo8L3N2Zz4=");
  background-position: right 14px top 14px;
  background-repeat: no-repeat;
  cursor: wait !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.cursor-loading-force * {
  cursor: wait !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.datatable-full-size {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
}

.datatable-full-size .v-data-table__wrapper {
  flex: 1 1 auto !important;
  height: 100%;
}

.datatable-full-size .v-data-table__wrapper td,
.datatable-full-size .v-data-table__wrapper th {
  padding: 0 10px !important;
  white-space: nowrap !important;
}

.datatable-full-size .v-data-footer {
  margin: 0 !important;
  overflow: hidden !important;
  flex-shrink: 0;
}

.datatable {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.datatable .v-data-table__wrapper {
  flex: 1 1 auto !important;
}

.datatable .v-data-table__wrapper td,
.datatable .v-data-table__wrapper th {
  padding: 0 10px !important;
  white-space: nowrap !important;
}

.datatable .v-data-footer {
  margin: 0 !important;
  overflow: hidden !important;
  flex-shrink: 0;
}

.dialog-transition-enter, .dialog-transition-leave-to {
  transform: scale(0.92) !important;
  opacity: 0 !important;
}

.dialog-transition-enter-to, .dialog-transition-leave {
  opacity: 1 !important;
}

.v-input__icon--append .v-icon {
  padding: 8px !important;
  font-size: 18px !important;
}

.he-tree .tree-node {
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 5px;
  border-radius: 5px;
  cursor: move;
}

.he-tree .tree-placeholder-node {
  background: #ddf2f9;
  border: 1px dashed #00d9ff;
  border-radius: 5px;
  height: 28px;
}

.he-tree .dragging .tree-node-back:hover {
  background-color: inherit;
}

.he-tree--hidden {
  display: none;
}

.he-tree--rtl {
  direction: rtl;
}

.mainView {
  height: calc(100vh - 48px);
}

.v-select .vs__selected-options {
  flex-wrap: nowrap;
}

.v-color-picker {
  max-width: none !important;
  max-width: initial !important;
}

.calendarHeight {
  height: calc(100vh - 190px);
  overflow-x: hidden !important;
}

.calendarHeight .v-outside {
  background-color: transparent !important;
  background-color: initial !important;
}

.calendarHeightEmployee {
  height: calc(100vh - 120px);
  overflow-x: hidden !important;
}

.calendarHeightEmployee .v-outside {
  background-color: transparent !important;
  background-color: initial !important;
}

.v-calendar-weekly__day-label {
  text-align: right;
}

.v-calendar-weekly__day-label .v-btn span {
  font-weight: bold;
  font-size: 11.5pt;
}

.smallFab .v-calendar-daily_head-day-label .v-btn--fab.v-size--default {
  height: 25px !important;
  width: 25px !important;
  margin-bottom: 5px !important;
}

.mediumFab .v-btn--fab.v-size20pxmall {
  height: 25px !important;
  width: 25px !important;
  margin-bottom: 5px !important;
}

.maxHeightWrapperTable .v-data-table__wrapper {
  max-height: calc(100vh - 175px);
  overflow-y: auto !important;
}

.maxHeightWrapperTable1 {
  max-height: calc(100vh - 150px);
}

.maxHeightWrapperTable1 .v-data-table__wrapper {
  max-height: calc(100vh - 150px);
  overflow-y: auto !important;
}

.maxHeightWrapperTableAttendance .v-data-table__wrapper {
  max-height: calc(100vh - 220px);
  overflow-y: auto !important;
}

.maxHeightTabItem {
  max-height: calc(100vh - 135px);
}

.removeClockIcon input[type=time]::-webkit-calendar-picker-indicator {
  background: none;
  display: none;
}

.customCalendar .v-event.v-event-start.v-event-end {
  width: 95% !important;
}

.customCalendar .v-calendar-weekly__day:hover {
  transition: background 0.2s;
}

.customCalendar.theme--light .v-calendar-weekly__day:hover {
  background-color: #ebebeb;
}

.customCalendar.theme--dark .v-calendar-weekly__day:hover {
  background-color: #474747;
}

.row-pointer > .v-data-table__wrapper > table > tbody > tr:hover {
  cursor: pointer;
}

.v-event {
  margin: auto !important;
  margin-bottom: 2px !important;
  margin-top: 2px !important;
  padding: 2px !important;
  padding-bottom: 0px !important;
  height: auto !important;
  height: initial !important;
}

.v-timeline-item:last-child {
  padding-bottom: 0px !important;
}
.template--default .template--default--toolbar-title-text {
  line-height: 1;
  font-size: 0.9em;
}
.c--app-action-toolbar .c--app-action-toolbar--search .v-input__control, .c--app-action-toolbar .c--app-action-toolbar--search .v-input__slot {
  min-height: 28px !important;
}
.c--app-action-toolbar .c--app-action-toolbar--date-field .v-input__control, .c--app-action-toolbar .c--app-action-toolbar--date-field .v-input__slot {
  min-height: 28px !important;
}
.app-crud-toolbar .app-crud-toolbar--right .v-btn + .v-btn {
  margin-left: 6px;
}
.app-dialog {
  padding: 0 !important;
}
.app-dialog > .v-snack__wrapper {
  min-width: 200px;
}
@media only screen and (max-width: 599px) {
.app-dialog > .v-snack__wrapper {
    width: 100%;
}
}
.app-logo {
  display: block;
}

.c--app-window {
  box-shadow: 0px 11px 14px -7px rgba(9, 30, 66, 0.16), 0px 24px 38px 3px rgba(9, 30, 66, 0.06), 0px 9px 46px 8px rgba(9, 30, 66, 0.05) !important;
}
.c--app-window .c--app-window-card {
  border: 1px solid #B3B2B2 !important;
  border-radius: 12px !important;
  position: relative;
  box-shadow: none;
  overflow: hidden;
}
.c--app-window .c--app-window-card:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.68);
  border-radius: inherit !important;
  pointer-events: none !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.c--app-window .c--app-window-card .v-card__title {
  cursor: move !important;
  padding-top: 7px !important;
  padding-bottom: 8px !important;
  background-color: #efefef !important;
}
.c--app-window .c--app-window-card .v-card__actions {
  border-top: 1px solid #dadada !important;
  background: rgba(150, 150, 150, 0.02) !important;
}
@media only screen and (max-width: 959px) {
.c--app-window .c--app-window-card {
    border: none !important;
    border-radius: 0 !important;
}
.c--app-window .c--app-window-card .v-card__title {
    cursor: inherit !important;
}
}
.c--app-picker-dialog-autocomplete .v-input__icon--append .v-icon {
  transform: none !important;
}
.c--dashboard-card {
  animation: c--dashboard-card-open 0.3s 0.2s ease backwards;
  transform-origin: bottom center;
}
.c--dashboard-card .c--dashboard-card-icon {
  padding: 0 0 20px 0;
  font-size: 48px;
}
.c--dashboard-card .c--dashboard-card-title {
  font-weight: bold;
  margin-bottom: 0;
}
.c--dashboard-card .c--dashboard-card-btn {
  width: 100%;
  animation: c--dashboard-card-open 0.3s 0.5s ease backwards;
  transform-origin: bottom center;
}
@keyframes c--dashboard-card-open {
0% {
    opacity: 0;
    transform: translateY(10px) scale(0.96);
}
100% {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
.camera-box {
  border: 1px dashed #d6d6d6;
  border-radius: 4px;
  padding: 2px;
  width: 80%;
  min-height: 300px;
}
video {
  transform: scaleX(-1);
}
.c--pin-input {
  display: flex;
  justify-content: center;
}
.c--pin-input .pin-item {
  margin: 0 5px;
  max-width: 55px;
  text-align: center;
}
.c--pin-input .pin-item:first-child {
  margin: 0 5px 0 0;
}
.c--pin-input .pin-item:last-child {
  margin: 0 0 0 5px;
}
.c--pin-input .pin-item * {
  text-align: center;
}
.split {
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.gutter {
  position: relative;
}
.gutter:after {
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: #e5e5e5;
}
.gutter.gutter-horizontal {
  cursor: col-resize;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
}
.gutter.gutter-horizontal:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==");
}
.gutter.gutter-vertical {
  cursor: row-resize;
  height: 49px !important;
  margin-top: -4px;
  margin-bottom: -36px !important;
}
.gutter.gutter-vertical:after {
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  content: "";
  position: absolute;
  top: 4px;
  height: 9px;
  left: 0;
  right: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=");
}
.gutter:active:after, .gutter:focus:after {
  box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.12);
}
.split.split-horizontal, .gutter.gutter-horizontal {
  height: 100%;
  float: left;
}
.c--v-date-field-card .v-list-item {
  min-height: 25px !important;
}
.app-loader * {
  padding: 0 !important;
}
.centerTextField .v-text-field__slot * {
  text-align: center;
}
.px-3 {
  list-style-type: none;
}
input[type=time]::-webkit-calendar-picker-indicator {
  filter: invert(15%) sepia(100%) saturate(4000%) hue-rotate(140deg) brightness(100%) contrast(100%);
}
.table-transparent tbody tr td .v-text-field {
  background-color: transparent !important;
}
.table-transparent tbody tr td .v-text-field .v-input__control {
  background-color: transparent !important;
}
.table-transparent tbody tr td .v-text-field .v-input__control .v-input__slot {
  background-color: transparent !important;
}