/*@font-face {*/
/* font-family: 'PT Sans Narrow';*/
/* src: url('../fonts/PTSans-NarrowBold.eot');*/
/* src:
url('../fonts/PTSans-NarrowBold.eot?#iefix') format('embedded-opentype'),*/
/* url('../fonts/PTSans-NarrowBold.woff2')
format('woff2'), url('../fonts/PTSans-NarrowBold.woff') format('woff'),*/
/*
url('../fonts/PTSans-NarrowBold.svg#PTSans-NarrowBold') format('svg');*/
/* font-weight: bold;*/
/* font-style:
normal;*/
/*}*/
/*@font-face {*/
/* font-family: 'PT Sans Narrow';*/
/* src: url('../fonts/PTSans-Narrow.eot');*/
/*
src: url('../fonts/PTSans-Narrow.eot?#iefix') format('embedded-opentype'),*/
/* url('../fonts/PTSans-Narrow.woff2')
format('woff2'), url('../fonts/PTSans-Narrow.woff') format('woff'),*/
/* url('../fonts/PTSans-Narrow.svg#PTSans-Narrow')
format('svg');*/
/* font-weight: normal;*/
/* font-style: normal;*/
/*}*/
/*@font-face {*/
/* font-family: 'Noto Kufi
Arabic';*/
/* src: url('../fonts/NotoKufiArabic.eot');*/
/* src: url('../fonts/NotoKufiArabic.eot?#iefix')
format('embedded-opentype'),*/
/* url('../fonts/NotoKufiArabic.woff2') format('woff2'),
url('../fonts/NotoKufiArabic.woff') format('woff'),*/
/* url('../fonts/NotoKufiArabic.svg#NotoKufiArabic')
format('svg');*/
/* font-weight: normal;*/
/* font-style: normal;*/
/*}*/
/*@font-face {*/
/* font-family: 'Noto Kufi
Arabic Bold';*/
/* src: url('../fonts/NotoKufiArabic-Bold.eot');*/
/* src:
url('../fonts/NotoKufiArabic-Bold.eot?#iefix') format('embedded-opentype'),*/
/*
url('../fonts/NotoKufiArabic-Bold.woff2') format('woff2'), url('../fonts/NotoKufiArabic-Bold.woff') format('woff'),*/
/*
url('../fonts/NotoKufiArabic-Bold.svg#NotoKufiArabic-Bold') format('svg');*/
/* font-weight: Bold;*/
/* font-style:
normal;*/
/*}*/
/*body {*/
/* !* background: url('../images/video_bg-50.png') no-repeat center center,*/
/* background:
url('../images/video_bg-50.png') no-repeat center center,*/
/* background: url('../images/video_bg-50.png') no-repeat
center center,*/
/* background: url('../images/video_bg-50.png') no-repeat center center,*/
/* background:
url('../images/video_bg-50.png') no-repeat center center,*/
/* background: url('../images/video_bg-50.png') no-repeat
center center,*/
/* background: url('../images/video_bg-50.png') no-repeat center center,*/
/* background:
url('../images/video_bg-50.png') no-repeat center center,*/
/* background: url('../images/video_bg-50.png') no-repeat
center center,*/
/* background: url('../images/video_bg-50.png') no-repeat center center,*/
/* background:
url('../images/video_bg-50.png') no-repeat center center,*/
/* url('../images/bg-1-50.png') no-repeat center center,*/
/* url('../images/bg-1-50.png') no-repeat center center,*/
/* url('../images/bg-1-50.png') no-repeat center center,*/
/*
linear-gradient(135deg, navy 10%,rgb(11, 60, 88) 90%); *!*/
/* background: linear-gradient(135deg, rgb(5, 77, 99) 10%,
rgb(15, 53, 75) 90%);*/
/* background-size: cover;*/
/* background-attachment: fixed;*/
/* font-family: 'roborto',
Helvetica, Arial, sans-serif;*/
/*}*/
/*::-webkit-scrollbar {*/
/* background-color: #2b2b2b;*/
/* !*background-color:
transparent;*!*/
/* !* border-left: 1px solid #3e3e3e; *!*/
/* width: 8px;*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
/*
background: #6b6b6b;*/
/* border-radius: 8px;*/
/*}*/
/*.application {*/
/* background: transparent !important;*/
/*}*/
/*.application--is-rtl * {*/
/* font-family: 'Noto Kufi Arabic', Arial, sans-serif;*/
/*}*/
/*h1,*/
/*h2 {*/
/*
font-weight: bold;*/
/* font-family: 'PT Sans Narrow', 'roborto', Helvetica, Arial, sans-serif;*/
/*}*/
/*.page-main-title {*/
/* color: rgb(220, 0, 0);*/
/* text-shadow: 0 0 1px rgba(100, 0, 0, 0.5);*/
/* position:
relative;*/
/* text-transform: uppercase;*/
/* margin: 20px 0;*/
/* line-height: 40px;*/
/*}*/
/*.title-highlight {*/
/*
color: rgb(220, 0, 0);*/
/* text-shadow: 0 0 1px rgba(100, 0, 0, 0.5);*/
/*}*/
/*.narrow-title {*/
/* margin: 20px 0 0
0;*/
/*}*/
/*.page-main-title .v-icon {*/
/* color: rgba(220, 0, 0, 1) !important;*/
/* text-shadow: 0 0 1px rgba(100,
0, 0, 0.5);*/
/* position: relative;*/
/* top: -8px;*/
/* margin: 0 10px 0 0;*/
/*}*/
/*.application--is-rtl
.page-main-title .v-icon {*/
/* margin: 0 0 0 0;*/
/*}*/
/*.page-main-title::before {*/
/* position: absolute;*/
/*
content: '\2237';*/
/* height: 10px;*/
/* left: calc(100% - 30px);*/
/*}*/
/*.application--is-rtl
.page-main-title::before {*/
/* left: auto;*/
/* right: calc(100% - 30px);*/
/*}*/
/*.page-main-title::after {*/
/*
content: '';*/
/* display: block;*/
/* width: 100%;*/
/* height: 4px;*/
/* background: #db0201;*/
/* box-shadow: 0 0 1px
rgba(100, 0, 0, 0.5);*/
/*}*/
/*.pnotify-material-success {*/
/* background: #4aae52 !important;*/
/*}*/
/*.pnotify-material-error {*/
/* background: #fe5252 !important;*/
/*}*/
/*.pnotify-material-info {*/
/* color: white
!important;*/
/* background: #2496f1 !important;*/
/*}*/
/*.pnotify-material-notice {*/
/* color: white !important;*/
/*
background: #fec018 !important;*/
/*}*/
/*.dashboard-pages {*/
/* background-color: #fefefe;*/
/*}*/
/*.v-tooltip__content {*/
/* background: rgba(0, 0, 0, 1) !important;*/
/*}*/
/*#toolbar {*/
/* background:
linear-gradient(40deg, #101855 0%, #0a5368 30%, #02a38b 80%);*/
/* color: white;*/
/*}*/
/*#toolbar * {*/
/* color:
white;*/
/*}*/
/*.dashboard-title-icon {*/
/* color: rgba(255, 255, 255, 0.9) !important;*/
/* text-shadow: 0 0 5px
rgba(0, 0, 0, 0.95);*/
/*}*/
/*.v-navigation-drawer--mini-variant .sidebar-icon-container {*/
/* display: block;*/
/*
width: 120px;*/
/* text-align: center;*/
/*}*/
/*.v-alert {*/
/* text-align: left !important;*/
/*}*/
/*.application--is-rtl .v-alert {*/
/* text-align: right !important;*/
/*}*/
/*.v-datatable td {*/
/* min-height: 60px
!important;*/
/*}*/
/*.v-datatable th:last-child {*/
/* width: 90px !important;*/
/* padding-left: 0 !important;*/
/*
padding-right: 0 !important;*/
/* text-align: center !important;*/
/*}*/
/*.v-datatable tbody tr:hover {*/
/*
background: rgba(230, 230, 230, 0.47) !important;*/
/*}*/
/*.v-datatable td.actions-col:last-child {*/
/* width: 90px
!important;*/
/* text-align: center !important;*/
/*}*/
/*.v-datatable td.actions-col:last-child .v-btn {*/
/* display:
block;*/
/* height: 90%;*/
/* text-align: center !important;*/
/*}*/
/*.v-datatable td.actions-col:last-child
.v-btn:hover,*/
/*.v-datatable td.actions-col:last-child .v-btn:focus {*/
/* background: rgba(255, 255, 255, 1)
!important;*/
/*}*/
/*.actions-btn {*/
/* transition: all 0.3s;*/
/*}*/
/*.v-datatable td.actions-col:last-child
.v-btn:hover .actions-btn,*/
/*.v-datatable td.actions-col:last-child .v-btn:focus .actions-btn {*/
/* background:
transparent !important;*/
/* color: #555 !important;*/
/*}*/
/*#dialog-title {*/
/* color: rgba(255, 255, 255, 0.6)
!important;*/
/*}*/
/*#dialog-title .v-icon {*/
/* color: rgba(255, 255, 255, 0.6) !important;*/
/*}*/
/*.file-upload-trigger {*/
/* display: block;*/
/* width: 100%;*/
/* line-height: 40px;*/
/* text-align: center;*/
/*
font-weight: bold;*/
/* text-transform: uppercase;*/
/* text-shadow: 0 0 1px rgba(100, 0, 0, 0.5);*/
/* box-shadow: 0
1px 1px rgba(100, 0, 0, 0.5);*/
/* cursor: pointer;*/
/* transition: all 0.4s;*/
/*}*/
/*.file-upload-trigger:hover,*/
/*.file-upload-trigger:focus {*/
/* opacity: 0.9;*/
/*}*/
/*.image-upload-overlay {*/
/* position: absolute;*/
/* width:
100%;*/
/* height: 100%;*/
/* top: 0;*/
/* background: rgba(0, 0, 0, 0.6);*/
/* text-align: center;*/
/*}*/
/*.image-upload-overlay .overlay-inner-content {*/
/* position: relative;*/
/* top: 50%;*/
/* transform:
translateY(-50%);*/
/*}*/
/*.image-frame {*/
/* border: 2px solid #eee;*/
/* box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);*/
/*}*/
/*.the-app-dialogs {*/
/* position: relative;*/
/* z-index: 5000;*/
/*}*/
/*.remove-box-shadow {*/
/* box-shadow:
none !important;*/
/*}*/
/*.image-container {*/
/* display: block;*/
/* width: 190px;*/
/* height: 150px;*/
/* cursor:
pointer;*/
/* background-size: cover;*/
/* background-position: center center;*/
/*}*/
/*.user-image {*/
/* display:
block;*/
/* width: 192px;*/
/* height: 252px;*/
/* cursor: pointer;*/
/* background-size: cover;*/
/*
background-position: center center;*/
/*}*/
/*.product-image {*/
/* display: block;*/
/* width: 220px;*/
/* height:
235px;*/
/* cursor: pointer;*/
/* background-size: cover;*/
/* background-position: center;*/
/*}*/
/*.user-image {*/
/*
display: block;*/
/* width: 190px;*/
/* height: 232px;*/
/* cursor: pointer;*/
/* background-size: cover;*/
/*
background-position: center;*/
/*}*/
/*.purchase-sale-attachment {*/
/* display: block;*/
/* width: 200px;*/
/* height:
150px;*/
/* cursor: pointer;*/
/* background-size: cover;*/
/* background-position: center;*/
/*}*/
/*.sub-sections-list
{*/
/* list-style-type: none;*/
/* padding: 0;*/
/*}*/
/*.sub-sections-list li {*/
/* list-style-type: none;*/
/*
padding-top: 10px;*/
/* padding-bottom: 10px;*/
/*}*/
/*.rotate-icon-150 {*/
/* -webkit-transform: rotate(150deg);*/
/*
-moz-transform: rotate(150deg);*/
/* -ms-transform: rotate(150deg);*/
/* -o-transform: rotate(150deg);*/
/* transform:
rotate(150deg);*/
/*}*/
/*.rotate-icon-330 {*/
/* -webkit-transform: rotate(330deg);*/
/* -moz-transform:
rotate(330deg);*/
/* -ms-transform: rotate(330deg);*/
/* -o-transform: rotate(330deg);*/
/* transform: rotate(330deg);*/
/*}*/
/*!* ************** This is for multiple add/edit forms also views ************** *!*/
/*.form-table-content {*/
/* text-align: center;*/
/* background-color: white;*/
/* font-size: 16px;*/
/*}*/
/*.form-table-header {*/
/*
border-top-style: solid;*/
/* border-bottom-style: solid;*/
/* border-width: 2px;*/
/* border-color: gray;*/
/*}*/
/*.view-table-header {*/
/* border-bottom-style: solid;*/
/* border-width: 1px;*/
/* border-color: gray;*/
/*
font-weight: bold;*/
/* text-align: center;*/
/*}*/
/*.view-table-row {*/
/* text-align: center;*/
/*
border-bottom-style: solid;*/
/* border-width: 1px;*/
/* border-color: gray;*/
/* padding: 10px;*/
/*}*/
/*.last-table-row {*/
/* text-align: right;*/
/*}*/
/*.last-table-row2 {*/
/* text-align: center;*/
/* padding: 10px;*/
/*}*/
/*.view-table-content {*/
/* margin-bottom: 0px;*/
/*}*/
/*!* ************** /This is for multiple add/edit forms
also views ************** *!*/
/*!* *************** This is for print *************** *!*/
/*.printed-table {*/
/*
width: 100%;*/
/*}*/
/*.global-printed-table {*/
/* width: 100%;*/
/*}*/
/*.header-space {*/
/* height: 150px;*/
/*}*/
/*.global-header-space {*/
/* height: 150px;*/
/*}*/
/*.footer-space {*/
/* height: 130px;*/
/*}*/
/*.global-footer-space {*/
/* height: 130px;*/
/*}*/
/*.invoice-header {*/
/* position: fixed;*/
/* top: 0;*/
/* left:
0;*/
/* border-collapse: separate;*/
/* border-spacing: 0;*/
/* border: 2px solid #172653;*/
/* border-radius: 2px;*/
/*
-moz-border-radius: 5px;*/
/* width: 100%;*/
/* padding: 5px;*/
/*}*/
/*.header-top-left-text {*/
/* font-size: 20px;*/
/* font-weight: bold;*/
/* margin: 0px;*/
/* color: #17124e;*/
/* -webkit-print-color-adjust: exact;*/
/*}*/
/*.header-bottom-left-text {*/
/* margin: 0px;*/
/* margin-top: 5px;*/
/* color: #17124e;*/
/*
-webkit-print-color-adjust: exact;*/
/*}*/
/*.header-top-right-text {*/
/* font-size: 22px;*/
/* font-weight: bold;*/
/*
margin: 0px;*/
/* color: #17124e;*/
/* -webkit-print-color-adjust: exact;*/
/*}*/
/*.header-left-section {*/
/* width:
300px;*/
/* text-align: left;*/
/*}*/
/*.header-right-section {*/
/* width: 300px;*/
/* text-align: right;*/
/*}*/
/*.header-middle-section {*/
/* width: 120px;*/
/*}*/
/*.invoice-footer {*/
/* width: 100%;*/
/* position: fixed;*/
/*
border: 2px solid #172653;*/
/* bottom: 0;*/
/* left: 0;*/
/* padding: 5px;*/
/* border-radius: 2px;*/
/*}*/
/*.footer-titles {*/
/* color: #17124e;*/
/* -webkit-print-color-adjust: exact;*/
/*}*/
/*.last-table-row-for-currency
{*/
/* font-weight: bold;*/
/*}*/
/*.left-signature-text {*/
/* text-align: left;*/
/*}*/
/*.right-signature-text {*/
/*
text-align: right;*/
/*}*/
/*.add-padding-for-info-table {*/
/* padding-top: 40px;*/
/*}*/
/*.section-title-table {*/
/*
width: 100%;*/
/* position: fixed;*/
/* top: 90px;*/
/*}*/
/*.global-section-title-table {*/
/* width: 100%;*/
/*
position: fixed;*/
/* top: 90px;*/
/*}*/
/*.td-padding-bottom {*/
/* padding-bottom: 15px;*/
/*}*/
/*.section-title-content {*/
/* width: 900px;*/
/* text-align: center;*/
/* font-size: 18px;*/
/*}*/
/*.global-section-title-content {*/
/* width: 900px;*/
/* text-align: center;*/
/* font-size: 18px;*/
/*}*/
/*!*
*************** /This is for print *************** *!*/
/*.print-export-dialog-footer {*/
/* position: sticky;*/
/*
bottom: 6px;*/
/* width: 100%;*/
/* height: 50px !important;*/
/* background-color: #eeeeee !important;*/
/* border-top:
1px solid lightgray;*/
/* !* box-shadow: 1px -5px 5px lightgrey; *!*/
/*}*/
/*.kt-addnew-button-en {*/
/* margin-right:
0px !important;*/
/* border-top-right-radius: 0px !important;*/
/* border-bottom-right-radius: 0px !important;*/
/*
box-shadow: -2px 3px 1px -2px rgba(0, 0, 0, 0.2), -2px 2px 2px 0 rgba(0, 0, 0, 0.14),*/
/* -2px 1px 5px 0 rgba(0, 0, 0,
0.12) !important;*/
/*}*/
/*.kt-addnew-button-ar {*/
/* margin-left: 0px !important;*/
/* border-top-left-radius: 0px
!important;*/
/* border-bottom-left-radius: 0px !important;*/
/* box-shadow: 2px 3px 1px -2px rgba(0, 0, 0, 0.2), 2px
2px 2px 0 rgba(0, 0, 0, 0.14), 2px 1px 5px 0 rgba(0, 0, 0, 0.12) !important;*/
/*}*/
/*.import-dropdown-button-en {*/
/*
border-top-right-radius: 2px;*/
/* border-bottom-right-radius: 2px;*/
/* color: white;*/
/* background-color: #1976d2
!important;*/
/* height: 36px;*/
/* margin-top: 6px;*/
/* box-shadow: 2px 3px 1px -2px rgba(0, 0, 0, 0.2), 2px 2px 2px 0
rgba(0, 0, 0, 0.14), 2px 1px 5px 0 rgba(0, 0, 0, 0.12);*/
/*}*/
/*.import-dropdown-button-ar {*/
/*
border-top-left-radius: 2px;*/
/* border-bottom-left-radius: 2px;*/
/* color: white;*/
/* background-color: #1976d2
!important;*/
/* height: 36px;*/
/* margin-top: 6px;*/
/* box-shadow: -2px 3px 1px -2px rgba(0, 0, 0, 0.2), -2px 2px 2px
0 rgba(0, 0, 0, 0.14),*/
/* -2px 1px 5px 0 rgba(0, 0, 0, 0.12);*/
/*}*/
/*a.import-dropdown-button-en:hover {*/
/*
background-color: #1988d9 !important;*/
/*}*/
/*a.import-dropdown-button-ar:hover {*/
/* background-color: #1988d9
!important;*/
/*}*/
/*.only-for-print {*/
/* display: none;*/
/*}*/
/*.kt-label-style {*/
/* border-left: 2px solid
#2196f3;*/
/* background-color: #eeeeee;*/
/* padding: 8px;*/
/* width: 100%;*/
/* font-size: 14px !important;*/
/*
font-weight: 500;*/
/*}*/
/*@media print {*/
/* thead {*/
/* display: table-header-group;*/
/* }*/
/* tfoot {*/
/*
display: table-footer-group;*/
/* }*/
/* .only-for-print {*/
/* display: block;*/
/* }*/
/* .not-printable {*/
/*
display: none;*/
/* }*/
/* .caption {*/
/* padding-bottom: 2px;*/
/* font-size: 11px !important;*/
/* font-weight:
400;*/
/* }*/
/* .body-2 {*/
/* font-size: 12px !important;*/
/* font-weight: 500;*/
/* }*/
/*}*/
/*==============================Vuetify 2===========================*/
* {
  scrollbar-width: thin !important;
}

html {
  overflow-y: auto !important;
}

::-webkit-scrollbar {
  /*-webkit-appearance: none;*/
  width: 8px;
}

.inactive-background {
  background-color: rgba(175, 174, 174, 0.2) !important;
  color: rgba(175, 174, 174, 0.7) !important;
}

/*
::-webkit-scrollbar-track-piece { */
/*background-color: #212121;*/
/* } */
.v-application.theme--light #app-topbar-logo,
.v-application.theme--dark #app-topbar-logo {
  display: inline-block;
  width: 120px;
  height: 46px;
  background: url('/images/photon-logo-light.png') no-repeat center;
  background-size: 120px 46px;
}

.v-application.theme--dark #app-topbar-logo {
  background: url('/images/photon-logo-dark.png') no-repeat center;
  background-size: 120px 46px;
}

.v-application.theme--light #pos-topbar-logo,
.v-application.theme--dark #pos-topbar-logo {
  display: inline-block;
  width: 120px;
  height: 46px;
  background: url('/images/photon-logo-dark.png') no-repeat center;
  background-size: 120px 46px;
}

.v-application.theme--dark #pos-topbar-logo {
  background: url('/images/photon-logo-light.png') no-repeat center;
  background-size: 120px 46px;
}

::-webkit-scrollbar-thumb {
  background: #616161;
  border-radius: 8px;
}

.mirror-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pointer {
  cursor: pointer;
}

.duration300 {
  animation-duration: 0.3s !important;
}

.duration500 {
  animation-duration: 0.5s !important;
}

.duration800 {
  animation-duration: 0.8s !important;
}

.v-toolbar__content,
.v-toolbar__extension {
  margin: 0 !important;
  padding: 0 !important;
}

.select-box-right-border {
  border-right: 1px solid rgba(100, 100, 100, 0.58);
}

.select-box-left-border {
  border-left: 1px solid rgba(100, 100, 100, 0.58);
}

.select-box-red-border {
  border-color: #ff5252;
  border-width: 2px;
  transition: all 0.25s;
}

/* INPUT TIME CSS */
.input-container {
  border-radius: 4px;
  padding: 6px 8px;
  cursor: text;
  position: relative;
  height: 40px;
}

.v-application.theme--light .input-container {
  border: 1px solid rgba(0, 0, 0, 0.38);
  background-color: white;
}

.v-application.theme--dark .input-container {
  border: 1px solid rgba(200, 200, 200, 0.38);
  background-color: transparent;
}

.red-border {
  border: 2px solid #ff5252 !important;
}

.err-msg-container {
  padding: 0px 12px;
  line-height: 12px;
}

.error-msg {
  font-size: 12px;
  word-break: break-word;
  word-wrap: break-word;
  hyphens: auto;
  letter-spacing: normal;
}

.time-label {
  color: rgba(0, 0, 0, 0.54);
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  cursor: text;
  position: absolute;
  top: -10px;
  background: #fff;
}

.time-input {
  width: 100%;
  font-size: 16px;
  outline: none;
  cursor: text;
}

input[type='time']::-webkit-calendar-picker-indicator {
  font-size: 20px;
  opacity: 70%;
  cursor: pointer;
}

input[type='date'] {
  outline: none;
  font-size: 16px;
}

input[type='date']::-webkit-calendar-picker-indicator {
  font-size: 0px;
  opacity: 0%;
  position: absolute;
  top: -99999999px;
  /* cursor: pointer; */
}

/* .time-input:focus, .input-container { border-width: 2px; border-color: #1976D2
} */
/* END OF INPUT TIME CSS */
/* ************** This is for multiple add/edit forms also views ************** */
.form-table-header {
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #757575;
  text-align: center !important;
  align-items: center !important;
}

.view-label {
  border-left: 2px solid #2196f3;
  background-color: #eeeeee;
  padding: 8px;
  width: 100%;
}

.no-select {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.change-image {
  border: 1px grey solid;
  border-radius: 4px;
  display: block;
  max-width: 202px;
  cursor: pointer;
  background-size: cover;
  background-position: center center;
}

.fixed-signature-section {
  width: 100%;
  position: fixed;
  bottom: 90px;
  left: 0;
  margin: 20px 60px;
}

.flip-in-rtl {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.ql-toolbar {
  border-color: rgba(125, 125, 125, 0.8) !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.ql-container {
  border-color: rgba(125, 125, 125, 0.8) !important;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.is-focused .ql-container,
.is-focused .ql-toolbar {
  border-color: rgba(25, 118, 210, 1) !important;
}

.has-error .ql-toolbar,
.has-error .ql-container {
  border-color: rgb(255, 82, 82) !important;
}

.v-application.theme--dark .ql-fill {
  fill: #ddd !important;
}

.v-application.theme--dark .ql-stroke {
  stroke: #ddd !important;
}

.v-application.theme--light .bottom-border {
  border-bottom: thin solid rgba(0, 0, 0, 0.12);
}

.v-application.theme--dark .bottom-border {
  border-bottom: thin solid rgba(255, 255, 255, 0.12);
}

.v-application.theme--light #pos-dialog-body-data-table {
  background: rgb(230, 230, 220) !important;
}

.v-application.theme--dark #pos-dialog-body-data-table {
  background: rgb(61, 61, 56) !important;
}

#pos-dialog-body-data-table .v-data-table table thead tr th[role='columnheader'] {
  text-align: center !important;
}

/*
*************** This is for print *************** */
@page {
  /* auto is the initial value */
  size: auto;
  /* this affects
the margin in the printer settings */
  /* margin: 5mm !important; */
  margin: none !important;
}

.invoice-divider {
  border-bottom: 1px dashed #aaa;
}

.fixed-invoice-header {
  position: fixed;
  top: 0;
  left: 0;
  border-collapse: separate;
  border-spacing: 0;
  border-bottom: 2px solid #172653;
  border-radius: 2px;
  -moz-border-radius: 5px;
  width: 100%;
  padding: 5px;
}

.absolute-invoice-header {
  border-collapse: separate;
  border-spacing: 0;
  border-bottom: 2px solid #172653;
  border-radius: 2px;
  -moz-border-radius: 5px;
  width: 100%;
  padding: 5px;
  left: 0;
}

.app-header {
  line-height: 10px;
}

.header-top-left-text {
  font-size: 18px;
  font-weight: bold;
  margin: 0px;
  color: #17124e;
  -webkit-print-color-adjust: exact;
}

.header-bottom-left-text {
  margin: 0;
  margin-top: 5px;
  font-size: 16px;
  font-weight: normal;
  color: #17124e;
  -webkit-print-color-adjust: exact;
}

.header-top-right-text {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  color: #17124e;
  -webkit-print-color-adjust: exact;
}

.header-bottom-right-text {
  margin: 0;
  margin-top: 5px;
  font-size: 14px;
  font-weight: normal;
  color: #17124e;
  -webkit-print-color-adjust: exact;
}

.header-left-section {
  width: 300px;
  text-align: left;
}

.header-right-section {
  width: 300px;
  text-align: right;
}

.header-middle-section {
  width: 150px;
}

.fixed-invoice-footer {
  width: 100%;
  position: fixed;
  border-top: 2px solid #172653;
  bottom: 0;
  left: 0;
  padding: 5px;
  border-radius: 2px;
  font-size: 12px;
  table-layout: fixed;
}

.absolute-invoice-footer {
  width: 100%;
  border-top: 2px solid #172653;
  padding: 5px;
  border-radius: 2px;
  font-size: 12px;
}

.footer-titles {
  font-size: 14px;
  color: #17124e;
  -webkit-print-color-adjust: exact;
}

.absolute-signature-section {
  width: 100%;
  margin: 20px 60px;
}

.no-wrap {
  white-space: nowrap;
}

.printing-table td {
  padding: 8px;
}

.printing-table {
  border-radius: 6px;
  border-spacing: 0;
  /* overflow: hidden; */
  width: 100%;
}

.rtl-direction {
  direction: rtl;
}

.ltr-direction {
  direction: ltr;
}

.v-application.theme--light .printing-table th,
.blue-background {
  padding: 4px 8px;
  background-color: #bbdefb;
  -webkit-print-color-adjust: exact;
  font-weight: 500;
}

.v-application.theme--dark .printing-table th,
.blue-background {
  padding: 4px 8px;
  background-color: #08518d;
  -webkit-print-color-adjust: exact;
  font-weight: 500;
}

.printing-table td:first-child,
.printing-table th:first-child {
  padding-left: 16px;
}

.v-application.theme--light .printing-table tr:nth-child(even) {
  background-color: #e9e9e9;
  -webkit-print-color-adjust: exact;
}

.v-application.theme--dark .printing-table tr:nth-child(even) {
  background-color: #545454;
  -webkit-print-color-adjust: exact;
}

.v-application.theme--light .printing-table tr:nth-child(odd) > td {
  border-bottom: 1px solid #e9e9e9;
}

.v-application.theme--dark .printing-table tr:nth-child(odd) > td {
  border-bottom: 1px solid #545454;
}

.v-application.theme--light .printing-table .left-border {
  border-left: 1px solid #ddd;
}

.v-application.theme--dark .printing-table .left-border {
  border-left: 1px solid rgb(136, 132, 132);
}

.v-application.theme--light .printing-table .right-border {
  border-right: 1px solid #ddd;
}

.v-application.theme--dark .printing-table .right-border {
  border-right: 1px solid rgb(136, 132, 132);
}

.only-for-print {
  display: none;
}

.only-for-print-table {
  display: none;
}

.only-for-print-table-cell {
  display: none;
}

.v-application.theme--light .dashed-border {
  border-bottom: 1px dashed #ccc;
  width: 100%;
}

.v-application.theme--dark .dashed-border {
  border-bottom: 1px dashed #666;
  width: 100%;
}

.v-application.theme--light .right-dashed-border {
  border-right: 1px dashed #ccc;
  width: 100%;
}

.v-application.theme--dark .right-dashed-border {
  border-right: 1px dashed #666;
  width: 100%;
}

.v-application.theme--light .left-dashed-border {
  border-left: 1px dashed #ccc;
  width: 100%;
}

.v-application.theme--dark .left-dashed-border {
  border-left: 1px dashed #666;
  width: 100%;
}

.item-prices-details .v-expansion-panel-content__wrap {
  padding: 0 !important;
}

.summary-info-section-header.py-0.v-expansion-panel-header--active {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.v-expansion-panel--active > .v-expansion-panel-header {
  min-height: 50px !important;
}

.tbl {
  width: 100%;
  border-spacing: 0;
}

.border-none {
  border: none !important;
}

.height-0px {
  height: 0px !important;
}

.v-small-dialog__activator__content {
  width: 100% !important;
}

.upsert-table {
  width: 100%;
  border-collapse: collapse;
}

.upsert-table thead tr {
  height: 40px !important;
  border: 1px solid rgba(125, 125, 125, 0.5) !important;
  border-radius: 5px;
}

.upsert-table thead tr th {
  font-weight: normal !important;
}

.upsert-table tr td {
  padding: 0 3px;
  vertical-align: top;
}

.upsert-table tr:first-child td {
  padding-top: 15px;
  vertical-align: top;
}

.upsert-table tr.total-amount-row td {
  padding-top: 5px;
  border-top: 1px dashed rgba(125, 125, 125, 0.3);
}

/* This is to control
Quill Rich Text Editor output */
.rich-text-container p {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.ql-align-justify {
  text-align: justify !important;
}

.ql-align-center {
  text-align: center !important;
}

.ql-align-right {
  text-align: right !important;
}

.ql-align-left {
  text-align: left !important;
}

.ql-size-huge {
  font-size: 28px !important;
}

.ql-size-large {
  font-size: large !important;
}

.ql-size-small {
  font-size: smaller !important;
}

.print-datatable {
  border-collapse: collapse !important;
  color: black !important;
  /* border: 1px solid black !important; */
}

.print-datatable thead tr th,
.print-datatable tbody tr td {
  border: 1px solid black !important;
}

.print-datatable thead tr th {
  text-align: center !important;
  vertical-align: middle !important;
}

.print-datatable thead tr th span {
  color: black !important;
  display: flex !important;
  justify-self: center !important;
}

@media print {
  body {
    margin: 0 40px !important;
  }

  .print-datatable {
    min-width: calc(100% + 60px) !important;
    max-width: calc(100% + 60px) !important;
    margin-left: -25px;
    background-color: red;
  }

  .print-datatable thead tr th i.v-icon.notranslate.v-data-table-header__icon.mdi.mdi-arrow-up.theme--light {
    display: none !important;
  }

  /* This is needed because we want to give each page in print a margin (because header position is fixed), but the first page, we don't want to.
    Example of margin per page: 
    <tfoot>
      <tr class="only-for-print">
        <td class="border-none">
          <div style="height: 80px" />
        </td>
      </tr>
    </tfoot>
   */
  .view-detail-table {
    margin-top: -80px;
    overflow-x: hidden;
  }

  thead {
    display: table-header-group;
  }

  tfoot {
    display: table-footer-group;
  }

  .only-for-print {
    display: block !important;
  }

  .only-for-print-table {
    display: table !important;
  }

  .only-for-print-table-cell {
    display: table-cell !important;
  }

  .not-printable {
    display: none;
  }

  .caption {
    padding-bottom: 2px;
    font-size: 10px !important;
    font-weight: 400;
  }

  .print-text {
    font-size: 12px !important;
  }
}

/*
*************** POS *************** */
.v-application .pos-items-list-text-fields.v-input {
  font-size: small;
}

.v-application .pos-items-list-text-fields.v-input fieldset {
  max-height: calc(30px + 6px) !important;
}

.v-application .pos-items-list-text-fields.v-input .v-text-field__slot {
  max-height: 30px !important;
}

.v-application .pos-dialog-text-field .v-input__slot {
  background: white !important;
  color: #444;
}

.v-application .pos-dialog-drop-down .v-input__slot {
  background: white !important;
}

.w-40 {
  width: 40%;
}

.apexcharts-tooltip {
  background: rgba(0, 0, 0, 0.9) !important;
  color: white !important;
}

/* This will fix select inputs, when select in
item it will break into new line, which should not be like that */
.v-select__selections {
  flex-wrap: nowrap !important;
  white-space: pre !important;
  overflow: hidden !important;
}

.bottom-border-dark {
  border-bottom: 1px solid #555;
}

.bottom-border-light {
  border-bottom: 1px solid #ccc;
}

.right-border-dark {
  border-right: 1px solid #555;
}

.right-border-light {
  border-right: 1px solid #ccc;
}

.left-border-dark {
  border-left: 1px solid #555;
}

.left-border-light {
  border-left: 1px solid #ccc;
}

/* .v-application .pos-dialog-text-field .v-text-field__details {
background: red !important; border: 4px solid green; } */
/* .checkout-text-field .v-input { color:red !important;
height: 30px !important; background-color: green !important; } */

.expire-exist-and-not-set .v-text-field--outlined fieldset {
  border: 2px solid red !important;
}

.item-row-number-clickable {
  height: 30px;
  width: 30px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.item-row-number-clickable.active {
  background: #eeeeee;
  /* background: #e0e0e0; */
}

.item-row-number-clickable.not-active {
  background: red;
  color: white;
}

.cursor-default {
  cursor: default !important;
}

@media print {
  .no-print {
    display: none !important;
  }
}

.loading-essential-data-container {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 32px;
}

.footer-td-top-border td {
  border-top: 1px solid black;
}

tr.general-upsert-row > td {
  padding-top: 8px;
  padding-right: 8px;
}
tr.general-upsert-row:first-child > td {
  padding-top: 15px;
}
tr.general-upsert-row > td:last-child {
  padding-right: 0px;
}
tr.general-upsert-row > td:first-child,
tr.general-upsert-row > td:last-child {
  display: flex;
  align-items: center;
}
tr.general-upsert-row {
  border-top: 1px solid rgba(125, 125, 125, 0.5);
}

.dropdown-btn-ltr {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.dropdown-btn-rtl {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.dropdown-chevron-down-btn-ltr {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.dropdown-chevron-down-btn-rtl {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

/* Debug HTML OR CSSS */
/* * {
  outline: 1px solid rgb(225, 190, 190);
}
*:nth-child(2) {
  outline: 1px solid rgb(103, 48, 48);
} */