/* Pantom */
@font-face {
  font-family: 'Panton';
  src: local('Panton Thin'), local('Panton-Thin'), url('../fonts/Panton-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Panton';
  src: local('Panton Thin Italic'), local('Panton-ThinItalic'), url('../fonts/Panton-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Panton';
  src: local('Panton Light'), local('Panton-Light'), url('../fonts/Panton-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Panton';
  src: local('Panton Light Italic'), local('Panton-LightItalic'),
    url('../fonts/Panton-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Panton';
  src: local('Panton'), local('Panton-Regular'), url('../fonts/Panton-SemiBold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Panton';
  src: local('Panton Italic'), local('Panton-Italic'), url('../fonts/Panton-SemiBoldItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Panton';
  src: local('Panton Semi Bold'), local('Panton-SemiBold'), url('../fonts/Panton-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Panton';
  src: local('Panton Semi Bold Italic'), local('Panton-SemiBoldItalic'),
    url('../fonts/Panton-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Panton';
  src: local('Panton Bold'), local('Panton-Bold'), url('../fonts/Panton-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Panton';
  src: local('Panton Bold Italic'), local('Panton-BoldItalic'), url('Panton-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Panton';
  src: local('Panton Extra Bold'), local('Panton-ExtraBold'), url('../fonts/Panton-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Panton';
  src: local('Panton Extra Bold Italic'), local('Panton-ExtraBoldItalic'),
    url('../fonts/Panton-ExtraBoldItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Panton';
  src: local('Panton Black'), local('Panton-Black'), url('../fonts/Panton-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Panton';
  src: local('Panton Black Italic'), local('Panton-BlackItalic'),
    url('../fonts/Panton-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'),
    url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v114/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2)
      format('woff2'),
    url(../fonts/MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
html {
  height: 100%;
}
body {
  background-color: #f7f8f9;
  color: #455560;
  /* font-family: 'Panton' !important; */
  font-size: 0.9375rem !important;
  height: 100%;
  line-height: 1.5;
  overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: 'Panton' !important; */
  margin-top: 0;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.btn-coming {
  background-color: #34bb85 !important;
  color: white !important;
}
.btn-out-coming {
  background-color: #fa3a55 !important;
  color: white !important;
}
.adaptive-img-wrapper {
  position: relative;
}
.adaptive-img-wrapper img {
  position: absolute;
  object-fit: contain;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/*Spinner*/
.mgs-spinner {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 2999;
  background: url(../img/mgs.svg) no-repeat center center;
  background-size: 20% 20%;
  background-color: white;
  transition: opacity 1s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mgs-spinner img {
  display: block;
  width: 40%;
  animation: spinner 1s linear infinite;
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.body--dark .mgs-spinner {
  background-color: #1d1d1d;
}
.opacity-0 {
  opacity: 0;
}
.body--dark .custom-table table,
.body--dark .custom-table thead,
.body--dark .custom-table tr,
.body--dark .custom-table td,
.body--dark .custom-table th {
  border-color: #ffffff47;
}
/* ------------Vue custom component style----------------------------------------------------------------------------------- */
.v-custom-color {
  color: #7638ff !important;
}
.v-timeline-notif-color {
  color: #7638ff !important;
}
.v-custom-bg {
  background-color: #7638ff !important;
}
.v-custom-icon {
  color: #7638ff !important;
}
.v-custom-button {
  min-height: 56px !important;
  text-transform: lowercase;
  width: 100% !important;
}
.v-custom-button:first-letter {
  text-transform: uppercase !important;
}
.v-custom-button.btn-secondary {
  background-color: #6c757d !important;
  border-color: #6c757d !important;
}
/* -------Input */
.v-custom-input {
  min-height: 56px !important;
  /* text-transform: lowercase !important; */
  width: 100% !important;
}
.q-field__bottom {
  color: #7638ff !important;
}
.q-field--error .q-field__bottom {
  /* color: #c10015 !important; */
  color: #d50000 !important;
}
/* Uppercase text */
.v-custom-label:first-letter,
.q-card:first-letter,
.q-tab__label:first-letter,
span:first-letter,
label:first-letter,
.v-custom-input:first-letter {
  text-transform: uppercase !important;
}
.q-tab__label .q-field__control::before {
  /* Цвет рамки по умолчанию */
  /* border-color: red !important;
	  border-width: 2px !important; */
}
.q-field__control:hover::before {
  /* Цвет рамки при наведении мыши */
  border-color: #7638ff !important;
}
.q-field--focused .q-field__control:not(.text-negative) {
  /* Цвет рамки при фокусе */
  color: #7638ff !important;
}
.valid .q-field__control::before {
  /* border-color: #66bb6a !important; */
  border-color: #21ba45 !important;
  border-width: 2px !important;
}
.invalid .q-field__control::before {
  /* border-color: #ffee58 !important; */
  border-color: #f2c037 !important;
  border-width: 2px !important;
}
.invalid-ligth .q-field__control::before {
  border-color: #fdd835 !important;
  border-width: 2px !important;
}
.valid {
  /* border-color: #66bb6a !important; */
  border-color: #21ba45 !important;
  border-width: 2px !important;
}
.invalid {
  /* border-color: #ffee58 !important; */
  border-color: #f2c037 !important;
  border-width: 2px !important;
}
.invalid-ligth {
  border-color: #fdd835 !important;
  border-width: 2px !important;
}
/* ---------Spinner */
.v-custom-spinner {
  height: 100vh;
  width: 100%;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 10000;
  background-color: rgba(136, 136, 204, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.v-custom-spinner svg {
  color: #7638ff !important;
}
/* ----Select */
.v-custom-select-all {
  color: #7638ff !important;
  width: 100% !important;
}
.capitalize .v-custom-select {
  text-transform: capitalize !important;
}
.v-custom-select:first-letter {
  text-transform: uppercase !important;
}
.q-item--active {
  color: #7638ff !important;
}
/* .q-item--active,
.q-stepper__tab--active {
  color: #7638ff !important;
} */
/* ----Table */
.v-custom-table.q-table__card {
  max-height: 600px;
  min-height: 400px;
  width: 100%;
}
.v-custom-table .q-table__top,
.v-custom-table .q-table__bottom,
.v-custom-table thead tr:first-child th {
  background-color: #fff;
}
.q-dark .q-table__top,
.q-dark .q-table__bottom,
.q-dark thead tr:first-child th {
  background-color: #1d1d1d;
}
.v-custom-table thead tr th {
  position: sticky;
  z-index: 1;
}
.v-custom-table thead tr:last-child th {
  /* height of all previous header rows */
  top: 48px;
}
.v-custom-table thead tr:first-child th {
  top: 0;
  font-weight: bold;
  font-size: 0.9rem;
  background-color: #f2f2f2;
}
.q-dark.v-custom-table thead tr:first-child th {
  top: 0;
  font-weight: bold;
  font-size: 0.9rem;
  background-color: #1d1d1d;
}
.grid-item {
  width: auto !important;
}
/* ------Font */
.v-custom-red-font {
  color: #d50000;
}
.v-custom-green-font {
  color: #21ba45;
}
/* ----Picker */
.v-custom-picker .q-date__header,
.v-custom-picker .q-time__header,
.v-custom-picker .q-time__clock-position--active,
.v-custom-picker .bg-primary {
  background-color: #7638ff !important;
}
/* Modal */
.v-custom-modal-medium {
  width: 60vw !important;
  max-width: 800px !important;
}
.v-custom-modal-large {
  width: 90vw !important;
  max-width: 1200px !important;
}
.v-custom-modal-medium .v-modal-title-wth-close-btn,
.v-custom-modal-large .v-modal-title-wth-close-btn {
  align-self: center;
}
/* Column padding */
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1 {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
/* -----Stepper */
.v-custom-stepper .q-stepper__tab--done {
  color: #21ba45;
}
/*------ Borderless */
.v-custom-border {
  border: 1px inset #7638ff;
  padding: 10px;
}
.v-custom-border-negative {
  border: 3px solid #c10015;
  padding: 10px;
}
.v-custom-border-warning {
  border: 3px solid #f2c037;
  padding: 10px;
}
.v-custom-border-info {
  border: 3px solid #31ccec;
  padding: 10px;
}
.v-custom-border-grey {
  border: 3px solid #9e9e9e;
  padding: 10px;
}
.d-block {
  display: block !important;
}
.btn-tab:before,
.btn-tab-closer:before {
  border: 2px solid currentColor !important;
}
.btn-tab:before {
  border-right: 0 !important;
}
.btn-tab {
  width: 120px !important;
  overflow: hidden !important;
}
/* ------Tabs */
.v-active-tabs {
  color: #7638ff !important;
}
.iframe-wrapper {
  height: calc(100% - 75px) !important;
}
.iframe-wrapper iframe {
  width: 100% !important;
  height: 100% !important;
  border: none;
}
.v-custom-header {
  background: white !important;
}
.body--dark .v-custom-header {
  background: #1d1d1d !important;
}
.v-custom-badge {
  border-radius: 6px !important;
  display: inline-block !important;
  font-size: 14px !important;
  min-width: 105px !important;
  padding: 8px 20px !important;
  font-weight: 500 !important;
  text-align: center !important;
}
.bg-info-light {
  background-color: rgba(2, 182, 179, 0.12) !important;
  color: #1db9aa !important;
}
.bg-primary-light {
  background-color: rgba(17, 148, 247, 0.12) !important;
  color: #2196f3 !important;
}
.bg-danger-light {
  background-color: rgb(255 218 218 / 49%) !important;
  color: #ff0000 !important;
}
.body--dark .bg-danger-light.q-chip {
  color: #3f1a1a !important;
}
.bg-warning-light {
  background-color: rgba(255, 152, 0, 0.12) !important;
  color: #f39c12 !important;
}
.bg-success-light {
  background-color: rgba(15, 183, 107, 0.12) !important;
  color: #26af48 !important;
}
.bg-purple-light {
  background-color: rgba(197, 128, 255, 0.12) !important;
  color: #c580ff !important;
}
.bg-default-light {
  background-color: rgba(40, 52, 71, 0.12) !important;
  color: #283447 !important;
}
.v-fiscal-btn .q-icon {
  font-size: 40px !important;
}
.v-custom-crop-box {
  position: absolute;
  width: 438px;
  height: 438px;
  border: 2px solid #fafafa;
  max-width: 640px;
  max-height: 480px;
  z-index: 100;
  margin-left: 181px;
}
.q-field__bottom {
  font-size: 1em !important;
}
.bg-contain-norepeat {
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.none-blue {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.canvas-resp {
  width: 100%;
}
.minH70 {
  min-height: 70vh;
}
.minH80 {
  min-height: 80vh;
}
.minH90 {
  min-height: 90vh;
}
.minW70 {
  min-width: 70vw;
}
.minW80 {
  min-width: 80vw;
}
.minW90 {
  min-width: 90vw;
}
.component-launcher-scroll {
  height: 100vh;
}
.component-launcher-scroll > * > .q-scrollarea__content {
  width: 100%;
}
.v-custom-prefix .q-field__prefix {
  color: #7638ff !important;
}
.table-centered-cell td,
.table-centered-cell th,
.table-centered-cell input {
  text-align: center !important;
}
.table-sticky-head thead,
.table-sticky-last-row tbody tr:last-child {
  position: sticky;
  z-index: 10;
  top: 0;
  background: #bdbdbd;
}
.body--dark .table-sticky-head thead th,
.body--dark .table-sticky-last-row tbody tr:last-child {
  background: #3d3939 !important;
}
.table-sticky-last-row tbody tr:last-child {
  bottom: 0;
}
.q-dialog-plugin .q-card__actions {
  justify-content: end;
  flex-direction: row-reverse;
}
.q-dialog-plugin .q-card__actions > button {
  margin-left: 16px;
}
.q-tooltip {
  font-size: 14px;
}
.v-custom-tabs .q-tab__label {
  font-weight: bold !important;
}