@font-face {
	font-family: 'Product Sans Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Product Sans Regular'), url('../../fonts/ProductSans/ProductSans-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Signatra';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Signatra.otf') format('opentype');
}

@font-face {
    font-family: 'Product Sans Medium Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Medium Regular'), url('../../fonts/ProductSans/ProductSans-Medium.woff') format('woff');
}


@font-face {
    font-family: 'Product Sans Black Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Black Regular'), url('../../fonts/ProductSans/ProductSans-Black.woff') format('woff');
}

@font-face {
    font-family: 'Product Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Bold'), url('../../fonts/ProductSans/ProductSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Product Sans Thin Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Thin Regular'), url('../../fonts/ProductSans/ProductSans-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Product Sans Light Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Light Regular'), url('../../fonts/ProductSans/ProductSans-Light.woff') format('woff');
}



[data-theme="light"] {
    --background-light: #fff;
    --background-lighter: #eaeaea;
    --background-lighter-2: #fff;
    --background-darker: #f4f5f8;
    --background-accent: linear-gradient(137deg, rgba(253,126,64,1) 0%, rgba(252,82,107,1) 90%);
    --background-accent-2: #82b1ff;
    --background-list: transparent;
    --text-dark: color: rgba(0,0,0,.87);
    --text-darker: #444444;
    --text-darker-2: #fff;
    --text-darker-3: #5a5a5a;
    --text-darker-4: #a9a9a9;
    --text-darker-5: #fff;
    --text-light: #fff;
    --text-accent: #fc615c;
    --shadow-accent: 0px 0px 28px -5px rgba(189, 27, 27, 0.73);
    --selection-soft: #f7f7f7;
    --selection-softer: rgba(255, 255, 255, 0.47);
    --table-pending: rgb(255, 231, 220);
    --table-hover: #eaeaea;
    --table-normal-pressed: #d2d2d2 !important;
    --table-pending-pressed: rgb(249, 222, 210);
    --btn-hover: #e2e2e2;
    --btn-pressed: #d4d4d4;
    --border-seperator: 1px solid #dcdcdc;
    --menu-hover: #f3f3f3;
    --error-background: #ff8484;
    --error-btn-hover: #e47474;
    --detail-seperator: 1px dashed #cacaca;
    --green-background: #07af4e;
    --green-background-2: #2cc36c;
    --cancel-btn-border: 2px solid #ff796c;
    --cancel-btn-text: #ff4700;
    --cancel-btn-icon: #ff796c;
    --order-total-text: #ff3100;
    --amount-arrows-bg: linear-gradient(137deg, rgba(253,126,64,1) 0%, rgba(252,82,107,1) 90%);
    --amount-border: 2px solid #ff6133;
    --amount-sep: 1px solid #ff8282;
    --amount-cnt: rgba(0,0,0,.87);
    --amount-pressed: linear-gradient(137deg, rgb(228, 109, 51) 0%, rgb(236, 69, 94) 90%);
    --order-trash-color: #ff0000;
    --order-item-hover: rgba(255, 255, 255, 0.47);
    --payment-loading: rgba(0, 0, 0, 0.05);
    --paid-btn-bg: #67a764;
    --order-btn-enabled: #fff;
    --order-btn-disabled: rgba(255, 255, 255, 0.48);
    --top-today-gradient: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(255, 255, 255) 100%);
    --color-accent-one: #b5b5b5;
    --border-bottom-toolbar: 0;
    --selected-tab-bg-color: #2d2e32;
    --selected-tab-fg-color: #8d8a94;
    --table-bg: url(../img/table-trans.png) var(--background-light) no-repeat left bottom;
    --toolbar-title-fg-color: var(--text-darker);
    --sidebar-time-fg: #707070;
    --sidebar-order-bg: #454548;
    --sidebar-order-color: var(--order-total-text);
    --sidebar-order-padding: 14px;
    --sidebar-order-btn-padding: 12px;
    --sidebar-order-bg-hover: #353535;
    --siebar-order-sel-border: 1px solid #a9a7a74d;
    --breadcrumb-btn-bg: transparent;
    --breadcrumb-btn-color-1: #989898;
    --breadcrumb-btn-color-2: var(--text-darker);
    --breadcrumb-btn-padding: 0px;
    --breadcrumb-btn-radius: 0px;
}

[data-theme="dark"] {
    --background-light: #2d2e32;
    --background-lighter: #3f3f40;
    --background-lighter-2: #3f3f40;
    --background-darker: #202125;
    --background-accent: linear-gradient(137deg, rgb(83, 53, 158) 0%, rgb(66, 78, 119) 90%);
    --background-accent-2: #444444;
    --background-list: #27282b;
    --text-dark: #8c8c8c;
    --text-darker: #a9a9a9;
    --text-darker-2: #d0d0d0;
    --text-darker-3: #d0d0d0;
    --text-darker-4: #b5b5b5;
    --text-darker-5: #c3c3c3;
    --text-darker-6: #a7a7a7;
    --text-accent: #8d8a94;
    --text-light: #d6d6d6;
    --shadow-accent: 0px 0px 28px -5px rgba(27, 77, 189, 0.73);
    --selection-soft: #3a3a3a;
    --selection-softer: #313235;
    --table-hover: #34353a;
    --table-pending: rgb(57, 49, 78);
    --table-normal-pressed: #252629 !important;
    --table-pending-pressed: rgb(50, 42, 70);
    --btn-hover: #48464a;
    --btn-pressed: #434244;
    --border-seperator: 1px solid #3c3c3c;
    --menu-hover: #3a3a3a;
    --error-background: #ad4b4b;
    --error-btn-hover: #924343;
    --detail-seperator: 1px dashed #5d5d5d;
    --green-background: #20653d;
    --green-background-2: #1b8247;
    --cancel-btn-border: 2px solid #505050;
    --cancel-btn-text: #a7a7a7;
    --cancel-btn-icon: #9a9a9a;
    --order-total-text: #9e9e9e;
    --amount-arrows-bg: linear-gradient(137deg, rgb(88, 69, 189) 0%, rgb(68, 90, 169) 90%);
    --amount-border: 2px solid #6751ab;
    --amount-sep: 1px solid #586292;
    --amount-cnt: #b5b5b5;
    --amount-pressed: linear-gradient(137deg, rgb(75, 58, 140) 0%, rgb(63, 70, 160) 90%);
    --order-trash-color: #b3b3b3;
    --order-item-hover: #2d2e32;
    --payment-loading: rgba(0, 0, 0, 0.35);
    --paid-btn-bg: #292929;
    --order-btn-enabled: #fff;
    --order-btn-disabled: rgba(255, 255, 255, 0.34);
    --top-today-gradient: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(45, 46, 50) 100%);
    --color-accent-one: #878787;
    --border-bottom-toolbar: 0;
    --selected-tab-bg-color: #2d2e32;
    --selected-tab-fg-color: #8d8a94;
    --table-bg: url(../img/table-trans.png) var(--background-light) no-repeat left bottom;
    --toolbar-title-fg-color: var(--text-darker);
    --sidebar-time-fg: #707070;
    --sidebar-order-bg: #454548;
    --sidebar-order-color: var(--order-total-text);
    --sidebar-order-padding: 14px;
    --sidebar-order-btn-padding: 12px;
    --sidebar-order-bg-hover: #353535;
    --siebar-order-sel-border: 1px solid #a9a7a74d;
    --breadcrumb-btn-bg: transparent;
    --breadcrumb-btn-color-1: #989898;
    --breadcrumb-btn-color-2: var(--text-darker);
    --breadcrumb-btn-padding: 0px;
    --breadcrumb-btn-radius: 0px;
}

[data-theme="papa"] {
    --background-light: #2d2e32;
    --background-lighter: #3f3f40;
    --background-lighter-2: #3f3f40;
    --background-darker: #202125;
    --background-accent: linear-gradient(137deg, rgb(83, 53, 158) 0%, rgb(66, 78, 119) 90%);
    --background-accent-2: #444444;
    --background-list: #27282b;
    --text-dark: #8c8c8c;
    --text-darker: #a9a9a9;
    --text-darker-2: #d0d0d0;
    --text-darker-3: #d0d0d0;
    --text-darker-4: #b5b5b5;
    --text-darker-5: #c3c3c3;
    --text-darker-6: #a7a7a7;
    --text-accent: #8d8a94;
    --text-light: #d6d6d6;
    --shadow-accent: 0px 0px 28px -5px rgba(27, 77, 189, 0.73);
    --selection-soft: #3a3a3a;
    --selection-softer: #313235;
    --table-hover: #34353a;
    --table-pending: rgb(57, 49, 78);
    --table-normal-pressed: #252629 !important;
    --table-pending-pressed: rgb(50, 42, 70);
    --btn-hover: #48464a;
    --btn-pressed: #434244;
    --border-seperator: 1px solid #3c3c3c;
    --menu-hover: #3a3a3a;
    --error-background: #ad4b4b;
    --error-btn-hover: #924343;
    --detail-seperator: 1px dashed #5d5d5d;
    --green-background: #20653d;
    --green-background-2: #1b8247;
    --cancel-btn-border: 2px solid #505050;
    --cancel-btn-text: #a7a7a7;
    --cancel-btn-icon: #9a9a9a;
    --order-total-text: #9e9e9e;
    --amount-arrows-bg: linear-gradient(137deg, rgb(88, 69, 189) 0%, rgb(68, 90, 169) 90%);
    --amount-border: 2px solid #6751ab;
    --amount-sep: 1px solid #586292;
    --amount-cnt: #b5b5b5;
    --amount-pressed: linear-gradient(137deg, rgb(75, 58, 140) 0%, rgb(63, 70, 160) 90%);
    --order-trash-color: #b3b3b3;
    --order-item-hover: #2d2e32;
    --payment-loading: rgba(0, 0, 0, 0.35);
    --paid-btn-bg: #292929;
    --order-btn-enabled: #fff;
    --order-btn-disabled: rgba(255, 255, 255, 0.34);
    --top-today-gradient: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(45, 46, 50) 100%);
    --color-accent-one: #fc9b0c;
    --border-bottom-toolbar: 1px solid #00a1ff;
    --selected-tab-bg-color: var(--green-background-2);
    --selected-tab-fg-color: #ffffff;
    --table-bg: url(../img/table-trans.png) #35373c no-repeat left bottom;
    --toolbar-title-fg-color: #c38323;
    --sidebar-time-fg: #368cbf;
    --sidebar-order-bg: #00a1ff;
    --sidebar-order-bg-hover: #00a1ff;
    --sidebar-order-color: #fff;
    --sidebar-order-padding: 7px;
    --sidebar-order-btn-padding: 20px 0;
    --siebar-order-sel-border: 2px solid #ffffff;
    --breadcrumb-btn-bg: #c57d22;
    --breadcrumb-btn-color-1: #fff;
    --breadcrumb-btn-color-2: #fff;
    --breadcrumb-btn-padding: 10px;
    --breadcrumb-btn-radius: 5px;
}

.application.theme--light {
	background: var(--background-darker);
}

* {
    font-family: 'Product Sans Regular';
    outline: none;
    user-select: none;
    cursor: default;
    touch-action: manipulation;
    overscroll-behavior: none;
}

body {
    overscroll-behavior-y: none;
}

.center {
    text-align: center;
}

.pointer-events-none {
    pointer-events: none;
}

.cr-display-none {
    display: none !important;
}

input[type="text"] {
  cursor: auto;
}

*:focus {
	outline: none;
}

.cr-padding-bottom-5 {
    padding-bottom: 5px !important;
}

.cr-flex {
	display: flex;
}

.cr-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.cr-vcenter {
    display: flex;
    align-items: center;
}

.cr-spacer {
	flex: 1;
}

.cr-flex-2 {
	flex: 2;
}

.cr-flex-1 {
	flex: 1;
}

.cr-overflow-auto {
	overflow: auto;
}


/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #e6e6e6;
    border-radius: 8px;
}

/* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #d9d9d9; 
}

/* Firefox scrollbar */
:root {
  scrollbar-color: #e6e6e6 transparent;
  scrollbar-width: thin;
}

/* Transitions */

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}


.slide-fade-enter-active {
  transition: all .3s ease;
}

.slide-fade-leave-active {
  transition: all .1s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.slide-fade-enter,
.slide-fade-leave-to {
  transform: translateX(10px);
  opacity: 0;
}

.cr-datepicker .v-btn__content {
  color: var(--text-darker-4) !important;
}

.theme--dark.v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) button:not(:hover):not(:focus) {
    color: var(--text-darker-3);
}

.accent.v-btn--active {
    background-color: var(--background-accent-2) !important;
}

.app-incorrectly {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    color: #919191;
    font-size: 31px;
    display: none;
    justify-content: center;
    align-items: center;
}

.test{
    overflow-y: auto;
    height: 100vh;
}

.cr-audio-player {
    filter: brightness(0.5) contrast(1.5) opacity(0.7);
    height: 44px;
}

.cr-font-size-27 {
    font-size: 27px !important;
}

.cr-datepicker .v-date-picker-table td {
    padding: inherit !important;
}

.cr-datepicker .v-btn__content {
    font-weight: 600 !important;
    color: #5f5f5f;
}

.cr-datepicker .v-date-picker-table {
    height: auto !important;
    padding-bottom: 11px !important;
}

.cr-datepicker .v-btn.accent .v-btn__content {
    color: #fff !important;
}

.cr-datepicker .v-date-picker-years li.active {
    font-size: 19px !important;
    color: #545454 !important;
}

.cr-datepicker .v-date-picker-table tr {
    border-bottom: 0 !important;
}

.cr-stat-dd-menu {
    border-radius: 8px;
}

.cr-stat-dd-menu .theme--dark.v-list {
    background: #34353a;
}

.cr-stat-dd-menu .cr-settings-menu-title {
    color: #afafaf;
}

.cr-stat-dd-menu [role="listitem"]:hover {
    background: #3c3d42 !important;
}

.cr-stat-dd-menu [role="listitem"] *:hover {
    background: #3c3d42 !important;
}

.cr-stat-filter-dd-menu {
    border-radius: 8px;
}

.cr-stat-filter-dd-menu .theme--dark.v-list {
    background: #34353a;
}

.cr-stat-filter-dd-menu .cr-filter-s-item {
    color: #afafaf;
    font-size: 18px;
}

.cr-stat-filter-dd-menu [role="listitem"]:hover {
    background: #3c3d42 !important;
}

.cr-stat-filter-dd-menu [role="listitem"] *:hover {
    background: #3c3d42 !important;
}

.cr-rec-img-link {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.cr-rec-img-link * {
    cursor: pointer;
}

.cr-dark-tooltip {
    background: #4c4c4c;
    color: #ababab;
    font-size: 16px;
}

.cr-block {
    display: block;
}

ul.pagination {
    cursor: pointer;
}

ul.pagination * {
    cursor: pointer;
}

.cr-w-100 {
    width: 100%;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}

.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.disabled-pointer-events {
    pointer-events: none;
}

.cr-padding-0 {
    padding: 0;
}


@media only screen and (max-width: 1200px) {
    .cr-stat-overview-cards {
        display: block !important;
    }

    .cr-stat-overview-card {
        width: 100% !important;
        margin-bottom: 22px;
    }
}

@media only screen and (max-width: 1000px) {
    .cr-main-toolbar {
        display: none !important;
    }

    .cr-main-area {
        display: block;
    }

    html {
        overflow: auto;
    }

    .cr-snackbar {
        display: none !important;
    }

    .frame.cr-table-picker-tables {
        height: calc(75vh);
    }

    .cr-sidebar {
         background: transparent !important; 
         position: relative !important;
         width: auto !important;
         overflow-y: auto !important;
         bottom: auto !important;
         top: auto !important;
         box-shadow: none !important;
         display: flex !important;
    }

    .cr-sidebar-item {
        margin-right: 20px !important;
    }

    .cr-sidebar-item:last-child {
        margin-right: 0 !important;
    }

    .s7u9qj3by {
        width: 100%;
        display: flex;
        padding: 20px;
    }

    .cr-sidebar .cr-logo {
        display: none !important;
    }

    .cr-sidebar .cr-sidebar-reloaded {
        display: none !important;
    }

    .cr-sidebar .cr-sidebar-time {
        display: none;
    }

    .szt24tyby {
        width: 100%;
        display: flex;
    }

    .cr-main {
        padding: 16px 31px;
        margin-left: 4px !important;
    }

    .cr-right-side {
        margin-top: 80px;
        margin: 0;
    }

    .cr-right-side-title-title {
        font-size: 30px !important;
    }

    .cr-right-side-title {
        padding: 10px 25px 10px 25px !important;
        margin-top: 19px !important;
    }

    .zdd7n9m7y {
        font-size: 22px !important;
    }

    .cr-right-side-menu-item-text {
        font-size: 20px !important;
    }

    .cr-right-side-menu-item i {
        font-size: 24px !important;
    }

    .cr-right-side-list-item-title {
        font-size: 24px !important;
    }

    .cr-right-side-list-item-details {
        font-size: 21px !important;
    }

    .cr-right-side-list-item-price {
        font-size: 21px !important;
    }

    .cr-history-view-items {
        font-size: 22px !important;
    }

    .cr-order-hitem-btns {
        display: none;
    }

    .cr-explosion {
        display: none;
    }

    .main-men-sidebar-cr {
        display: none;
    }

    .cr-sidebar-initials {
        display: none;
    }

    .cr-sidebar-time-container {
        display: none;
    }

    .cr-right-side-menu {
        display: none !important;
    }

    html {
        overflow: auto !important;
    }
}


@media only screen and (max-height: 870px) {
    .vk-key {
        height: 58px !important;
    }

    .virtual-keyboard {
        font-size: 17px !important;
    }

    .vk-key-win {
        width: 18px !important;
    }

    .vk-key-win > div {
        top: 9px !important;
    }
}


@media only screen and (min-height: 700px) {
    html {
        overflow-y: auto !important;
    }
}

.cr-ml-5 {
    margin-left: 5px;
}