/* ================================================================================================
 * Theme Colors
 * ============================================================================================= */

:root {  
  --content-bg: #fbfafc;
  --content-width: 1600px;
  
  --text-color: #220238;
  --text-color-alt: #FFFFFF;
  --link-color: #365ED4;
  --link-color-hover: #001A35;
  --text-inactive: #a5a8ac;

  --icon-color: #1C022E;
  
  --sidebar-icon: #1C022E;
  --sidebar-text: #220238;
  --sidebar-hover: #460573;
  --sidebar-active: #1C022E;
  --sidebar-logout-icon: #8C0AE5;
  --sidebar-icon-alt: #FFFFFF;
  --sidebar-text-alt: #FFFFFF;
  --sidebar-transition: 300ms ease-in-out;

  --topbar-bg: #1C022E;
  --topbar-text: #FFFFFF;
  --topbar-badge: #8C0AE5;
  --topbar-bg-hover: #1C022E;
  --topbar-bg-active: #1C022E;
  --avatar-border-hover: #8C0AE5;
  --topbar-submenu-top: #8C0AE5;

  --card-border: #E7E7E7;
  --card-icon: #8C0AE5;
  --card-text: #1C022E;

  --button-bg: #365ED4;
  --button-text: #FFFFFF;
  --button-bg-hover: #1B2F6A;
  --button-border: #365ED4;
  --button-bg-alt: #ffffff;
  --button-text-alt: #365ED4;
  --button-bg-hover-alt: #365ED4;

  --section-nav-border: #d9d9d9;

  --hover-transition: 300ms ease-in-out;

  --primary-2: #460573;
  --primary-3: #F0E9F5;
  --primary-4: #F7F2FA;
  --primary-alt-1: #365ED4;
  --primary-alt-2: #B4C5F9;
  --primary-alt-3: #1B2F6A;
  --neutral-1: #A5A8AC;
  --sidebar-bg: #F4F4F4;
  --sidebar-bg-scroll: #7e7e7e;
  --neutral-3: #FFFFFF;
  --neutral-4: #E7E7E7;
  --neutral-5: #FBFAFC;
  --error: #B51D3E;
  --success: #00B428;
}

/* ================================================================================================
 * General
 * ============================================================================================= */

html, body {
  background-color: #fbfafc !important;
}

body {
  font-family: 'Figtree', sans-serif;
}

#content {
  padding-top: 60px;
  position: relative;
  background-color: #fbfafc;
  display: block;
  min-height: 100vh;
}

.main-content {
  /*padding: 32px 70px 32px 110px;*/
  padding: 32px 70px 32px 70px;
  color: var(--text-color);
  font-size: 14px;
  line-height: 22px;
  line-height: 1.57;
  max-width: 1600px;
  margin: 0 auto;
}

.section-nav ~ .main-content, .main-content:has(.config-nav) {
  margin: 0 auto 0 150px;
}

@media (min-width: 1940px) {
  #content .main-content {
    margin: 0 auto;
  }
}

@media (max-width: 1200px) {
  .section-nav ~ .main-content, .main-content:has(.config-nav) {
	padding-right: 10px;
  }
}

@media (max-width: 991px) {
  .section-nav ~ .main-content, .main-content:has(.config-nav) {
	padding-right: 25px;
  }
}

@media (max-width: 991px) {
  .section-nav ~ .main-content, .main-content:has(.config-nav) {
	padding-right: 25px;
  }
}

/*
@media (max-width: 1939px) {
  .section-nav ~ .main-content, .main-content:has(.config-nav) {
	  padding-right: 25px;
  }
}

@media (max-width: 991px) {
	.main-content {
		padding: 0;
	}

	.section-nav ~ .main-content, .main-content:has(.config-nav) {
		padding-left: 70px;
	}
}*/

.content {
  margin-left: 72px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Figtree', sans-serif;
  font-weight: 600;
}

h1, h2 {
  font-weight: bold;
}

h1 {
  font-size: 24px;
  line-height: 30px;
}

h2 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 20px;
}

h3, h4, h5, h6 {
  font-size: 18px;
  line-height: 24px;
}

.row {
  margin-bottom: 48px;
}

.editable-click, a.editable-click, a.editable-click:hover {
  border-bottom: 0;
  font-style: normal;
}

.visibility-hidden {
  
}

.text-success {
  color: #00B428;
}

.text-primary {
  color: #460573;
}

.text-info {
  color: #365ED4;
}

.text-danger, .required {
  color: #B51D3E !important;
}

.text-warning {
  color: #eac841;
}

.text-white {
  color: #FFFFFF !important;
}

.text-light {
  color: #aaaaaa !important;
}

@media (max-width: 801px) {
  .content {
    margin-left: 0;
  }

  .main-content {
    padding: 30px 16px 64px 16px;
  }

  .row {
    margin: 0;
  }
}

@media (max-width: 700px) {
  .main-content {
    padding-top: 90px;
  }
}

/* ================================================================================================
 * Links
 * ============================================================================================= */

.main-content a,
.modal-content a {
  color: var(--link-color);
  transition: color var(--hover-transition);
}

.main-content a:is(:hover, :focus),
.modal-content a:is(:hover, :focus) {
  color: var(--link-color-hover);
}

.main-content a, .main-content a:is(:hover, :focus),
.modal-content a, .modal-content a:is(:hover, :focus) {
  text-decoration: underline;
  font-style: normal;
}

.search a.clear {
  font-size: 28px;
  vertical-align: middle;
}

.dropdown-menu > li > a {
  color: var(--link-color);
  text-decoration: none;
}

.dropdown-menu > li > a:is(:hover, :focus) {
  background: unset;
  /*text-decoration: underline;*/
}

/* ================================================================================================
 * Icons
 * ============================================================================================= */

#mainMenu li i::before {
  /*font-family: 'HeroIcons-Solid' !important;*/
}

.icon::before, i.ti::before, span.ti::before, i.ion::before, span.ion::before, [class^="ti-"]::before, [class^="ion-"]::before, [class*=" ion-"]::before {
  font-family: 'HeroIcons-Solid';
  content: "[?]";
  vertical-align: middle;
  display: inline-block;
}

[class$="-outline"]::before {
  font-family: 'HeroIcons-Outline';
}

.dropdown .icon::before, .dropdown i.ion::before, .dropdown [class^="ti-"]::before, .dropdown [class^="ion-"]::before, .dropdown [class*=" ion-"]::before {
  /*font-family: 'HeroIcons-Outline';*/
}

.main-content a:has(.icon, i.ti, span.ti, i.ion, span.ion, [class^="ti-"], [class^="ion-"], [class*=" ion-"]),
.modal-content a:has(.icon, i.ti, span.ti, i.ion, span.ion, [class^="ti-"], [class^="ion-"], [class*=" ion-"]) {
  text-decoration: none;
}

a > i.icon {
  display: inline-block;
  padding-right: 4px;
}

/*#mainMenu*/ i.ti-dashboard::before {content: "\e9f0";}
/*#mainMenu*/ i.ti-bar-chart::before {content: "\e955";}
#mainMenu i.ti-shopping-cart::before {content: "\e97f";}
/*#mainMenu*/ i.ti-money::before {content: "\e932";}
/*#mainMenu*/ .ti-harddrive::before {content: "\e97d";}
/*#mainMenu*/ i.ti-id-badge::before {content: "\ea13";}
/*#mainMenu*/ i.ti-user::before {content: "\ea16";}
/*#mainMenu*/ i.ti-download::before {content: "\e986";}
/*#mainMenu*/ i.ti-cloud-down::before {content: "\e96b";}
/*#mainMenu*/ i.ti-receipt::before {content: "\e990";}
/*#mainMenu*/ i.ion-hammer::before {content: "\ea20";}
/*#mainMenu*/ i.ti-calendar::before {content: "\e951";}
/*#mainMenu*/ i.ion-android-car::before {content: "\ea10";}
/*#mainMenu*/ i.ti-credit-card::before {content: "\e9aa";}
/*#mainMenu*/ i.ti-settings::before {content: "\e975";}
/*#mainMenu*/ i.ti-home::before {content: "\e9c8";}
/*#mainMenu*/ i.ti-email::before {content: "\e95c";}
/*#mainMenu*/ i.ti-power-off::before {content: "\e917"; color: var(--sidebar-logout-icon);}
/*#mainMenu*/ i.ti-angle-down::before {content: "\e965"; font-size: 18px;}
i.ti-alarm-clock::before {content: "\e96f"; font-family: 'HeroIcons-Outline';}
i.ti-pencil-alt::before {content: "\e9d8";}
i.ti-layout::before {content: "\ea0b";}
.ti-shopping-cart::before {content: "\e9fc";}
.ti-close::before {content: "\ea23";}
.ti-heart::before {content: "\e9b4";}
.ti-layout-grid3::before {content: "\ea04";}
.ti-search::before {content: "\e9c7";}
.ti-trash::before {content: "\ea0e";}
.ti-truck::before {content: "\ea10";}
.ti-wand::before {content: "\ea0c";}
.ti-harddrives::before {content: "\ea03";}
.ti-shopping-cart-full::before {content: "\e9fc";}
.ti-agenda::before {content: "\e96c";}
.ti-stats-up::before {content: "\e91f";}
.ti-stats-down::before {content: "\e91e";}
.content .ti-angle-double-left::before {content: "\e962";}
.ti-bar-chart-alt::before {content: "\e955";}
.ti-check::before {content: "\e960";}
.ti-widget::before {content: "\e97a";}
.ti-menu::before {content: "\e937";}
body .ti-calendar::before {content: "\e951";}
body #mainMenu i.ti-power-off::before {color: var(--sidebar-logout-icon);}
body i.ti-angle-down::before {font-size: 18px;}
body .ti-location-pin::before {content: "\e9c8";}
body .ti-panel::before {content: "\e902"}
.ti-layout-list-thumb::before {content: "\ea04";}
body .ti-plus::before {content: "\e9e4";}
body .ti-bell::before {content: "\e942";}
body .ti-angle-double-left::before {font-family: 'HeroIcons-Solid'; content: "\e966";}

body .ion-arrow-expand::before {content: "\e92c";}
body .ion-plus::before {content: "\e9e4" !important;}
body .ion-chevron-down::before {content: "\e965";}
body .ion-chevron-left::before {content: "\e966"; font-family: 'HeroIcons-Solid'; vertical-align: middle;}
body .ion-chevron-right::before {content: "\e967";}
body .ion-bag::before {content: "\e9fb"; font-family: 'HeroIcons-Outline';}
body .ion-person-add::before {content: "\ea15";}
body .ion-funnel::before {content: "\e9a8";}
body .ion-gear-a::before {content: "\e975";}
body .ion-refresh::before {content: "\e915";}
body .ion-calendar::before {content: "\e951";}
body .ion-ios-calendar-outline::before {content: "\e951";}
body .ion-android-cancel::before {content: "\ea22"; color: #B51D3E;}
body .ion-ios-filing::before {content: "\e9b9";}
body .ion-paper-airplane::before {content: "\e9d4";}
body .ion-ios-albums-outline::before {content: "\e9f1";}
body .ion-folder::before {content: "\e9a6";}
body .ion-ios-folder-outline::before {content: "\e9a6";}
body .ion-ios-pricetag-outline::before, body .ti-tag::before {content: "\ea0c";}
body .ion-android-checkbox-outline::before {content: "\e95f";}
body .ion-ios-search-strong::before {content: "\e9c7";}
body .ion-more::before {content: "\e993";}
body .ion-android-more-horizontal::before {content: "\e993";}
body .ion-android-clipboard::before {content: "\e96e";}
body .ion-cash::before {content: "\e97f";}
body .ion-android-print::before {content: "\e9e8";}
body .ion-ios-browsers-outline::before {content: "\e98c";}
body .ion-ios-paper-outline::before {content: "\e96e";}
body .ion-ios-download-outline::before {content: "\e90b";}
body .ion-ios-upload-outline::before {content: "\e90b";}
body .ion-printer::before {content: "\e9e8"; font-family: 'HeroIcons-Outline';}
body .ion-loop::before {content: "\e915";}
body .ion-wrench::before {content: "\ea21"; font-family: 'HeroIcons-Outline';}
body .ion-close-circled::before {content: "\ea22"; font-family: 'HeroIcons-Outline';}
body .ion-document::before {content: "\e991"; font-family: 'HeroIcons-Outline';}
body .ion-trash-a::before, body .ion-trash-b::before, body .ion-ios-trash-outline::before, body .ion-android-delete::before {content: "\ea0e"; font-family: 'HeroIcons-Outline';}
body .ion-plus-round::before {content: "\e9e2"; font-family: 'HeroIcons-Outline';}
body .ion-ios-location::before {content: "\e9c8";}
body .ion-card::before {content: "\e9b7";}
body .ion-help-buoy::before {content: "\e9be";}
body .ion-android-settings::before {content: "\e901";}
body .ion-ios-toggle-outline::before {content: "\e92d";}
body .ion-power::before {content: "\e9e5";}
body .ion-settings::before {content: "\e901";}
body .ion-email::before, .content .ion-android-mail::before {content: "\e996";}
body .ion-information-circled::before, body .ion-information::before {content: "\e9bb"; font-family: 'HeroIcons-Outline';}
body .ion-android-list::before {content: "\e990";}
body .ion-ios-list-outline::before {content: "\e990";}
body .ion-ios-paper::before, body .ion-document-text::before {content: "\e990"; font-family: 'HeroIcons-Outline';}
body .ion-edit::before {content: "\e9d9";}
body .ion-android-open::before {content: "\e91d";}
body .ion-ios-copy::before {content: "\e98c";}
body .ion-ios-arrow-back::before, .content .ion-android-arrow-back::before {content: "\e90f";}
body .ion-log-out::before {content: "\e917";}
body .ion-drag::before {content: "\e937";}
body .ion-compose::before {content: "\e9d8";}
body .ion-clock::before, .content .ion-clock-outline::before {content: "\e96f";}
.top-elements .ion-clock::before {font-family: 'HeroIcons-Outline';}
body .ion-android-more-vertical::before {content: "\e994";}
body .ion-images::before {content: "\e9de";}
body .ion-location::before {content: "\e9c8";}
body .ion-ios-compose-outline::before {content: "\e9d8";}
body .ion-arrow-down-a::before {content: "\e909"; font-family: 'HeroIcons-Outline';}
body .ion-android-phone-portrait::before {content: "\e986";}
body .ion-pause::before {content: "\e9d7";}
body .ion-android-exit::before {content: "\e917";}
body .ion-locked::before {content: "\e9c2";}
body .ion-ios-calculator-outline::before {content: "\e950";}
body .ion-ios-barcode::before {content: "\e936";}
body .ion-person::before {content: "\ea17";}
body .ion-checkmark::before {content: "\e960";}
body .ion-log-in::before {content: "\e916";  font-family: 'HeroIcons-Outline';}
body .ion-help-circled::before {content: "\e9eb";}
body .ion-android-refresh::before {content: "\e915";}
body .ion-arrow-up-b::before {content: "\e969";}
body .ion-arrow-down-b::before {content: "\e965";}
body .ion-close::before {content: "\ea23";}

body li.reports-sales_generator i::before {content: "\e9c7";}
body li.sales-new_giftcard i::before {content: "\e9aa";}
body li.sales-suspended i::before, .content li.sales-batch_sale i::before  {content: "\e932";}
body li.sales-import_sales span::before {content: "\e932";}
body li.sales-work_orders i::before, .content li.deliveries i::before {content: "\ea20";}
body li.look-up-receipt i::before, .content li.sales-receipt-last_sale_id i::before, .content li.sales-receipts i::before {content: "\e9ee"; font-family: 'HeroIcons-Outline' !important;}
body li.sales-customer_display i::before {content: "\ea16";}
body li.sales-test_mode i::before, body .ion-ios-settings-strong::before {content: "\e93e";}
body li.sales-custom_fields span::before {content: "\e901";}
body li.sales-clear_register i::before {content: "\e92d";}
body li.sales-register_add_subtract-add-common_cash i::before {content: "\e97f"; font-family: 'HeroIcons-Outline' !important; color: #00B428;}
body li.sales-register_add_subtract-subtract-common_cash i::before {content: "\e97f"; font-family: 'HeroIcons-Outline' !important; color: #B51D3E;}
body li.sales-closeregister i::before {content: "\ea22"; font-family: 'HeroIcons-Outline' !important; color: #B51D3E;}

.glyphicon-forward::before, .glyphicon-backward::before {
	font-family: 'HeroIcons-Solid';
}

.glyphicon-forward::before {
	content: "\e967";
}

.glyphicon-backward::before {
	content: "\e966";
}

.headerSortUp::before, .headerSortDown::before {
  margin-right: 4px;
}

#mainMenu li.suppliers i::before {
  content: "";
  background-image: url('images/suppliers-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 25px;
  aspect-ratio: 1;
  transition: filter 300ms ease-in-out;
}

#mainMenu li.suppliers:is(.active, :hover, :focus, :focus-within) i::before {
  filter: saturate(0.0) invert(1.0);
}

/* ================================================================================================
 * Sidebar
 * ============================================================================================= */

.left-bar .admin-logo {
  min-height: 70px;
  width: 100%;
  padding: 0 !important;
}

.left-bar .admin-logo .logo-holder {
  padding: 21px 19px;
}

.left-bar .menu-parent {
  padding-top: 110px;
}

.left-bar {
  background-color: var(--sidebar-bg);
  color: var(--sidebar-text) !important;
  width: 270px;
  z-index: 101;
  transition: background-color var(--sidebar-transition), width var(--sidebar-transition);
}

@media (max-width: 801px) {
  .left-bar {
    z-index: 99999999999;
  }
}

.left-bar::before {
  content: "";
  position: absolute;
  left: 0;
  width: 72px;
  top: 0;
  height: 100%;
  background-color: var(--sidebar-bg);
}

.sidebar-top-logo {
  display: block;
  width: 154px;
  text-decoration: none !important;
}

.sidebar-top-logo > span {
  display: inline-block;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.sidebar-top-logo a {
  display: block;
  width: 100%;
  height: 100%;
}

.sidebar-top-logo .logo-icon {
  width: 34px;
  background-image: url('images/logo-rgb-icon.png');
}

.sidebar-top-logo .logo-text {
  width: 114px;
  background-image: url('images/logo-rgb-text.png');
  transition: opacity 300ms ease-in-out;
}

.left-bar ul .text {
  transition: opacity 300ms ease-in-out;
}

#mainMenu {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 110px);
  overflow-y: auto;
  padding-top: 0;
  margin-top: 100px
}

#mainMenu li {
  order: 100;
  margin: 0 18px;
}

#mainMenu li > a {
  width: 100%;
  padding: 7px 5px;
  min-width: 35px;
  border-radius: 4px;
  color: var(--sidebar-text);
  transition: background var(--hover-transition), color var(--hover-transition);
}

#mainMenu li i::before {
  color: var(--sidebar-icon);
  transition: color var(--hover-transition);
  vertical-align: top;
}

#mainMenu li > ul > li {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

#mainMenu a > i {
  display: inline-block;
  width: 25px;
  margin-right: 8px;
  padding-right: 0;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
  color: var(--sidebar-icon);
  line-height: 1;
}

#mainMenu li.home {order: 1;}
#mainMenu li.sales {order: 2;}
#mainMenu li.work_orders {order: 3;}
#mainMenu li.inventory {order: 4;}
#mainMenu li.receivings {order: 5;}
#mainMenu li.customers {order: 6;}
#mainMenu li.employees {order: 7;}
#mainMenu li.giftcards {order: 8;}
#mainMenu li.reports {order: 9;}
#mainMenu li.config {order: 10;}

#mainMenu li.expenses {order: 19;}
#mainMenu li.suppliers {order: 9;}
#mainMenu li.invoices {order: 11;}
#mainMenu li.appointments {order: 13;}
#mainMenu li.deliveries {order: 14;}
#mainMenu li.locations {order: 17;}
#mainMenu li.messages {order: 18;}

#mainMenu li.logout {
  order: 200;
  margin-top: 30px;
}

#mainMenu li > a:is(:hover, :focus) {
  background-color: var(--sidebar-hover);
  color: var(--sidebar-text-alt);
}

#mainMenu li.active > a, #mainMenu li.active_submenu_link > a, #mainMenu li:has(.active_submenu_link) > a {
  background-color: var(--sidebar-active);
  color: var(--sidebar-text-alt);
}

#mainMenu li.active > a > i::before,
#mainMenu li.active > a > .dropdown > i::before,
#mainMenu li > a:is(:hover,:focus) > i::before,
#mainMenu li > a:is(:hover,:focus) > .dropdown > i::before,
#mainMenu li:has(.active_submenu_link) > a > i::before,
#mainMenu li:has(.active_submenu_link) > a > .dropdown > i::before {
  color: var(--sidebar-text-alt);
}

#mainMenu .collapse a > i {
  display: none;
}

#mainMenu .collapse a {
  padding: 20px 8px 20px 42px;
}

#mainMenu::-webkit-scrollbar {
  width: 5px;
}

#mainMenu::-webkit-scrollbar-track {
  
}

#mainMenu::-webkit-scrollbar-thumb {
  background-color: #9b9b9b;
  outline: 1px solid #ffffff;
  border-radius: 5px;
}

#mainMenu > li.mainMenu-toggle {
	order: -1 !important;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 7px !important;
	height: 32px;
}

#mainMenu > li.mainMenu-toggle > span::before {
	position: relative;
}

body:not(.device-touch) .mainMenu-toggle {
	display: none !important;
}

.mainMenu-toggle .hero-chevron-right-solid {
	font-size: 0.6em;
	margin-left: -0.3em;
	margin-top: -0.1em;
	transform: rotateY(180deg);
	transition: transform 500ms ease-in-out;
}

.sales-bar.mini-bar .mainMenu-toggle .hero-chevron-right-solid {
	transform: rotateY(0);
}

@media (max-width: 800px) {
	#mainMenu > li.mainMenu-toggle {
		display: none;
	}
}

.sales-bar .floating-button {
  transition: background-color 300ms ease-in-out, left 300ms ease-in-out !important;
}

.sales-bar:not(.mini-bar) .floating-button {
  left: 270px;
}

.sales-bar.mini-bar #mainMenu li i.ti-angle-down {
  opacity: 0;
}

.sales-bar.mini-bar #mainMenu .collapse.show {
  display: none !important;
}

@media (min-width: 768px) {
  .sales-bar.mini-bar .left-bar {
    /* background-color: transparent; */
    width: 72px;
  }
  
  .sales-bar.mini-bar .logo-text,
  .sales-bar.mini-bar #mainMenu .text {
    opacity: 0;
  }
  
  .sales-bar.mini-bar #mainMenu .collapse {
    display: none !important;
  }

  .sales-bar.mini-bar > left-bar span.dropdown {
    opacity: 0;
  }
}

@media (max-width: 768px) {  
  .left-bar:not(.menu_appear) {
    width: 72px;
  }

  .left-bar {
    padding-top: 90px;
  }

  .left-bar::before {
    display: none;
  }

  .left-bar .admin-logo {
    top: 0;
  }

  .left-bar #mainMenu {
    max-height: 100%;
    margin: 0 !important;
    border-top: 2px solid #cccccc;
  }

  #mainMenu::-webkit-scrollbar-track {
    background-color: #cccccc;
  }

  #mainMenu::-webkit-scrollbar {
    width: 12px;
  }

  #mainMenu::-webkit-scrollbar-thumb {
    outline: 0;
  }
}

/* ================================================================================================
 * Topbar
 * ============================================================================================= */

.navbar.top-bar {
  border: 0 !important;
  background-color: var(--topbar-bg);
  color: var(--topbar-text);
  padding: 0 0 0 25px;
  border-radius: 0;
  min-height: 56px;
  position: fixed;
  top: 0;
  width: 100%;
  margin-left: -1px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1200px) and (min-width: 801px) {
  .navbar.top-bar {
    width: calc(100% - 70px);
  }
}

.navbar-breadcrumb {
  line-height: 56px;
}

.navbar-breadcrumb > a {
  color: var(--topbar-text);
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  padding: 8px;
}

.navbar-breadcrumb > a.current {
  font-weight: 600;
}

.navbar-breadcrumb > a:not(:first-child) {
  margin-left: 50px;
}

.navbar-breadcrumb > a:not(:first-child)::before {
  content: "\e967";
  font-family: 'HeroIcons-Solid' !important;
  font-size: 24px;
  vertical-align: middle;
  display: inline-block;
  color: var(--topbar-text);
  margin: 0 14px;
  pointer-events: none;
  font-weight: 400;
  position: absolute;
  right: 100%;
}

.top-bar .navbar-default .navbar-nav > .open > a,
.top-bar .navbar-default .navbar-nav > .open > a:focus,
.top-bar .navbar-default .navbar-nav > .open > a:hover {
  background-color: var(--topbar-bg-active);
}

.navbar-breadcrumb > a:hover {
  
}

.navbar-breadcrumb > a.current {
  
}

.navbar-breadcrumb > a + a:before {
  
}

.top-bar .navbar-right {
  display: flex;
}

.top-bar .top-elements .dropdown > a {
  color: #ffffff !important;
}

.topbar-avatar {
  order: 1;
  position: relative;
}

.topbar-notifications {
  order: 2;
}

.top-bar .avatar_width .avatar_info {
  text-align: left;
  padding-left: 8px;
}

.topbar-notifications .icon-notification::before {
  content: "\e942";
  font-family: 'HeroIcons-Solid' !important;
  font-size: 30px;
  vertical-align: middle;
  position: relative;
  top: -3px;
}

.top-bar span.info-number {
  background-color: var(--topbar-badge);
  z-index: 1;
  position: relative;
  left: -9px;
  top: 0px;
  font-weight: bold !important;
}

.top-bar .avatar_width .avatar-holder {
  border: 2px solid transparent;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  overflow: hidden;
  display: inline-flex;
  vertical-align: middle;
  position: relative;
  top: -3px;
}

.topbar-avatar > a:hover .avatar-holder {
  border-color: var(--avatar-border-hover);
}

.top-bar .navbar-right {
  margin-left: auto;
  margin-right: 130px;
}

.top-bar .top-elements .dropdown .dropdown-menu {
  background-color: var(--topbar-bg);
  color: var(--topbar-text);
  border-top: 1px solid var(--topbar-submenu-top);
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.top-bar .top-elements .dropdown .dropdown-menu.message_drop li a {
  color: var(--topbar-text);
}

.top-bar .dropdown .text {
  color: var(--topbar-text) !important;
}

.top-bar .top-elements .dropdown .dropdown-menu.avatar_drop li a .text {
	margin-top: 3px;
}

@media (max-width: 1200px) {
  .top-bar.navbar {
    display: flex;
    justify-content: flex-end;
  }
  
  .top-bar .navbar-nav {
    margin-right: 0;
    width: auto !important;
  }

  .top-bar .navbar-breadcrumb {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }

	.navbar-breadcrumb > a {
		font-size: 12px;
	}

  .navbar-breadcrumb > a:not(:first-child) {
    margin-left: 10px;
  }

  .navbar-breadcrumb > a:not(:first-child)::before {
    margin: 0;
	font-size: 14px;
  }

  .top-bar .ion-ios-location {
    margin-right: 5px;
  }

  .top-bar .top-elements .quick_button a {
    padding: 0;
  }

  .top-bar .top-elements .dropdown > a.fullscreen {
    margin-left: 0;
  }

  .top-bar .top-elements .info-number {
    margin: 0;
    top: 0;
    left: 0;
  }

	.top-bar .top-elements > li > a {
		padding: 0 10px 0 10px;
	}
	
	.top-bar .top-elements .btn-quick .avatar_info > span.ion-plus {
		font-size: 20px;
	}

	.top-bar .top-elements > li > a {
		line-height: 50px;
	}

	#canny_feedback_container {
		margin-top: 4px;
	}

	#canny_feedback_container > a {
		max-height: 50px;
	}

	.topbar-avatar {
		margin-top: 6px;
	}
}

@media (max-width: 801px) {
  .top-bar .avatar_width .avatar-holder {
    margin-right: 0 !important;
  }

  .top-bar .dropdown {
    position: static !important;
  }
  
  .top-bar .dropdown-menu {
    height: auto !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  .top-bar .top-elements .dropdown > a {
    padding: 0 6px;
  }
}

/* ================================================================================================
 * Section Nav
 * ============================================================================================= */

.section-nav, .config-nav {
  position: fixed;
  left: 72px;
  top: 60px;
  width: 195px;
  height: calc(100vh - 60px);
  background-color: #fbfafc;
  padding: 48px 10px 0 10px;
  border-right: 1px solid #d9d9d9;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  font-size: 13px;
  display: flex;
  flex-direction: column;
  list-style: none;
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media print {
	.section-nav, .config-nav {
		display: none;
	}
}

.section-nav ~ .main-content .sale-buttons > .btn-group,
.section-nav ~ .main-content .section-nav-hide {
  display: none;
}

.section-nav-wrapper > ul, .config-nav {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.section-nav a, .config-nav a {
  display: block;
  color: #1c022e;
  text-decoration: none !important;
  padding: 4px 8px;
  margin: 4px 0;
  letter-spacing: 0;
  border-radius: 4px;
}

ul.config-nav.nav-pills > li.active > a {
  color: #1c022e;;
}

.section-nav a:hover, ul.config-nav.nav-pills > li:is(:hover, :focus, .active) > a {
  background-color: #f0e9f5;
}

.section-nav .title {
  font-size: 15px;
  font-weight: 600;
  margin: 4px 8px;
}

.section-nav .title:not(:first-child)::before {
  content: "";
  border-top: 1px solid #dad5dd;
  display: block;
  margin: 20px 0;
}

.section-nav li a, .section-nav li a > span {
  display: flex;
}

.section-nav i::before, .section-nav span[class^="ion-"]::before {
  font-family: 'HeroIcons-Solid' !important;
  font-size: 16px;
  vertical-align: middle;
  margin-right: 4px;
}

.section-nav-sales li {
  order: 1000;
}

.section-nav-sales li.title-sales {order: 100;}
.section-nav-sales li.reports-sales_generator {order: 101;}
.section-nav-sales li.sales-new_giftcard {order: 102;} 
.section-nav-sales li.sales-suspended {order: 103;} 
.section-nav-sales li.sales-batch_sale {order: 104;} {}
.section-nav-sales li.sales-import_sales {order: 105;}

.section-nav-sales li.title-orders {order: 200;}
.section-nav-sales li.sales-work_orders {order: 201;}
.section-nav-sales li.deliveries {order: 202;}

.section-nav-sales li.title-receipts {order: 300;}
.section-nav-sales li.look-up-receipt {order: 301;}
.section-nav-sales li.sales-receipt-last_sale_id {order: 302;}
.section-nav-sales li.sales-receipts {order: 303;}

.section-nav-sales li.title-last {order: 400;}
.section-nav-sales li.sales-customer_display {order: 401;}
.section-nav-sales li.sales-test_mode {order: 402;}
.section-nav-sales li.sales-custom_fields {order: 403;}

#config_form > div {
  width: 100%;
}

.config-nav {
  padding: 20px 12px;
  overflow-y: auto;
  display: block !important;
}

.config-nav a {
  padding: 4px 10px !important;
}

.section-nav .list-group-item {
	border: 0;
	background: none !important;
	color: inherit !important;
	color: #1c022e !important;
}

.section-nav .list-group-item:hover {
	background-color: #f0e9f5 !important;
}

@media (min-width: 802px) {
  .section-nav-toggle {
    display: none !important;
  }
}

@media (max-width: 801px) {
  .section-nav, .config-nav {
    position: fixed;
    left: 4px;
    top: 65px;
    height: calc(100vh - 140px);
    z-index: 3;
    border-radius: 8px;
    padding: 10px 10px 10px 10px;
  }

  .section-nav-toggle {
    position: fixed;
    appearance: none;
    font-size: 26px;
    left: 48px;
    top: 17px;
    z-index: 200;
    outline: 0 !important;
  }

  .content input.section-nav-toggle {
    background: #cccccc !important;
    color: #555555 !important;
  }

  .config-panel .section-nav-toggle {
    display: block !important;
    z-index: 201;
  }
  
  .section-nav-toggle:not(:checked) + .section-nav {
    display: none;
  }

  .section-nav-toggle:not(:checked) + .config-nav {
    display: none !important;
  }
  
  .section-nav .title:not(:first-child)::before {
    margin: 4px 0;
  }

  .section-nav ~ .main-content {
    margin-left: 0;
	padding-left: 8px;
	padding-right: 8px;
  }

  .config-nav {
    z-index: 11;
    left: 8px;
    top: 100px;
    height: calc(100vh - 180px);
    padding: 0;
    overflow-x: hidden;
  }

  .config-nav::before, .config-nav::after {
    display: none !important;
  }

  .config-nav a {
    height: auto;
  }

  .main-content:has(.config-nav) {
    margin-left: 0;
  }
}

/* ================================================================================================
 * Card * Logo Content
 * ============================================================================================= */

.card, .chart, .info-logo-content, .summary-data, .primarybg-info, .greenbg-info, .redbg-info, .orangebg-info {
  display: block;
  border: 2px solid var(--card-border);
  background-color: #ffffff;
  color: var(--card-color) !important;
  border-radius: 16px;
  min-width: min(240px, 100%);
  padding: 20px;
  text-align: center;
  transition: border-color var(--hover-transition), box-shadow var(--hover-transition);
  margin-bottom: 16px;
}

.summary-data {
  margin-right: 20px;
  width: auto;
  min-height: 92px;
}

.primarybg-info, .greenbg-info, .orangebg-info, .redbg-info {
  font-size: 24px;
  font-weight: bold;
}

.summary-data > .primarybg-info {
  background: none;
  border: 0;
  border-radius: 0;
  transition: none;
}

.card-title {
  color: var(--card-color);
  color: #1C022E;
  font-weight: bold;
}

.card-btn {
  padding: 0 16px;
}

.card-btn a {
  margin-top:12px;
  width: 100%;
}

.card i::before {
  color: var(--card-icon);
  font-size: 30px;
}

a.card:hover {
  border-color: transparent;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.info-logo-content ul {
  padding-right: 96px !important;
  display: flex;
  flex-direction: column;
}

.info-logo-content ul li {
  font-size: 18px;
  font-weight: 600;
  color: #365ED4;
  font-family: 'Figtree', sans-serif;
}

.info-logo-content ul li i {
  font-size: 28px;
}

.primarybg-info {
  background-color: #1B2F6A;
}

.summary-data .primarybg-info {
  background-color: transparent;
  color: #1C022E;
  font-size: 24px;
  font-weight: bold;
}

.info-logo-content .info-logo {
  padding: 0;
  width: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 16px 16px 0;
}

.info-logo-content ul {
  padding: 0;
  margin: 0;
}

.content a:has(.info-logo-content) {
  text-decoration: none !important;
}

/* ================================================================================================
 * Chart
 * ============================================================================================= */

.chart {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.chart canvas {
  max-width: 100%;
}

/* ================================================================================================
 * Panels
 * ============================================================================================= */

.panel {
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  /*padding: 0 30px 20px 30px;*/
  padding: 20px;
}

.panel-heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin: 10px 0;
}

.panel-body:not(.nopadding) {
  background-color: #f7f2fa;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  padding: 28px 32px 24px 32px;
}

.panel-heading {
  background-color: transparent !important;
}

.panel-heading:has(.pull-right) {
  display: flex;
  align-items: center;
}

.panel-heading .pull-right {
  margin-left: auto !important;
}

.panel-heading .pull-right:not(.hide) ~ .pull-right {
  margin-left: 0 !important;
}

.panel-title {
  font-size: 18px;
  margin-top: 20px;
}

.panel-title i::before {
  margin-top: -3px;
}

.panel .form-actions {
  float: none !important;
}

.panel .form-actions input[type="submit"] {
  width: 100%;
  margin-top: 24px;
}

.report-listing .panel {
  border: 0;
  box-shadow: none;
  background: transparent;
  padding: 0;
}

.tab-content .panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media (max-width: 801px) {
  .panel {
    padding: 8px;
  }

  .panel-title {
    margin-top: 0;
  }
}

/* ================================================================================================
 * Buttons
 * ============================================================================================= */

.content button.btn,
.content a.btn,
.modal-content a.btn,
.content input[type="submit"],
.content input[type="button"],
.content .input-group-btn > a,
.content .grid-buttons a,
.modal-content input[type="submit"],
.content label.btn-file-upload,
#finish_sale_alternate_button,
#add_payment_button,
.content .btn-primary {
  background-color: var(--button-bg);
  color: var(--button-text);
  border-radius: 20px;
  padding: 8px 21px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none !important;
  border: 2px solid transparent;
  margin: 8px;
  transition: color var(--hover-transition), background-color var(--hover-transition);
}

.content .floating-button {
  border-radius: 0 !important;
  left: 72px;
  right: 0;
  bottom: 0;
  margin: 0 !important;
  font-size: 28px !important;
  box-shadow: none !important;
}

.content a.btn-outline {
  background-color: var(--button-bg-alt);
  color: var(--button-text-alt);
  border: 2px solid var(--button-border);
}

.content button.btn:is(:hover, :focus, .active, .checked),
.content a.btn:is(:hover, :focus, .active, .checked),
.content input[type="submit"]:is(:hover, :focus),
.content input[type="button"]:is(:hover, :focus),
.content .input-group-btn > a:is(:hover, :focus),
.content .grid-buttons a:is(:hover, :focus),
.modal-content input[type="submit"]:is(:hover, :focus, .active),
.content label.btn-file-upload:is(:hover, :focus),
#finish_sale_alternate_button:is(:hover, :focus),
#add_payment_button:is(:hover, :focus),
.modal .btn:is(:hover, :focus) {
  background-color: var(--button-bg-hover);
  color: var(--button-text);
  outline: 0;
}

.content a.btn.checked i::before {
  content: "\e95f"; font-family: "Heroicons-Outline";
  position: relative;
  top: -1px;
}

.select-payment.active::before {
  content: "\e95f"; font-family: "Heroicons-Outline";
  position: relative;
  top: 1px;
}

.content a.btn-outline:is(:hover, :focus) {
  background-color: var(--button-bg);
  color: var(--button-text);
}
/*
.content a.btn-secondary, .content input.btn-secondary {
  background-color: #ffffff;
  color: #365ED4;
  border: 2px solid #365ED4;
}

.content a.btn-secondary:is(:hover, :focus), .content input.btn-secondary:is(:hover, :focus) {
  background-color: #365ED4;
}

.content a.btn-success, .content input.btn-success {
  background-color: #00B428;
}

.content a.btn-success:is(:hover, :focus), .content input.btn-success:is(:hover, :focus) {
  background-color: #00821d;
}

.content a.btn-warning, .content input.btn-warning {
  background-color: #FCEA00;
  color: #1C022E;
}

.content a.btn-warning:is(:hover, :focus), .content input.btn-warning:is(:hover, :focus) {
  background-color: #8e5101;
}

.content a.btn-info, .content input.btn-info {
  background-color: #1B2F6A;
}

.content a.btn-info:is(:hover, :focus), .content input.btn-info:is(:hover, :focus) {
  background-color: #3a055f;
}*/

.content a.btn-red,
.content button.btn-danger,
.content a.btn-danger,
.content input[type="submit"].btn-danger,
.content input[type="button"].btn-danger,
.modal-content button.btn-danger,
.modal-content a.btn-danger,
.modal-content input[type="submit"].btn-danger,
.modal-content input[type="button"].btn-danger {
	background-color: #B51D3E;
}

.content a.btn-red:is(:hover, :focus),
.content button.btn-danger:is(:hover, :focus),
.content a.btn-danger:is(:hover, :focus),
.content input[type="submit"].btn-danger:is(:hover, :focus),
.content input[type="button"].btn-danger:is(:hover, :focus),
.modal-content button.btn-danger:is(:hover, :focus),
.modal-content a.btn-danger:is(:hover, :focus),
.modal-content input[type="submit"].btn-danger:is(:hover, :focus),
.modal-content input[type="button"].btn-danger:is(:hover, :focus) {
	background-color: #7f132b;
}

.content button.btn.deleted,
.content a.btn.deleted,
.content input[type="submit"].deleted,
.content input[type="button"].deleted,
.content .input-group-btn > a.deleted,
.content .grid-buttons a.deleted,
.modal-content input[type="submit"].deleted,
.content label.btn-file-upload.deleted,
#finish_sale_alternate_button.deleted,
.modal .btn.deleted {
  background-color: #B51D3E;
  text-decoration: line-through !important;
}

#finish_sale_button {
  font-size: 20px;
}

.table_buttons button.dropdown-toggle {
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  background-color: #FFFFFF !important;
  color: #1C022E !important;
  box-shadow: none !important;
}

.table_buttons button.dropdown-toggle:is(:hover, :focus), .table_buttons button.dropdown-toggle[aria-expanded=true] {
  background-color: #F7F2FA !important;
}

.modal .btn {
  border: 0 !important;
  height: auto;
}

.btn-block {
	max-width: 400px ;
	margin: 0 auto !important;
}

.front .btn-block {
	margin: 20px auto !important;
}

@media (max-width: 801px) {
  .content .floating-button {
    left: 0;
  }

.table_buttons tr button.dropdown-toggle {
    background: #cccccc !important;
  }

.content button.btn,
.content a.btn,
.modal-content a.btn,
.content input[type="submit"],
.content input[type="button"],
.content .input-group-btn > a,
.content .grid-buttons a,
.modal-content input[type="submit"],
.content label.btn-file-upload,
#finish_sale_alternate_button,
.content .btn-primary {
    max-width: 100%;
    font-size: 14px;
    padding: 8px;
  }
}

/* ================================================================================================
 * Inputs * Selects * Labels * Groups
 * ============================================================================================= */

.content input[type="text"] {
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  padding: 16px !important;
  width: 100%;
  transition: border-color var(--hover-transition);
  margin: 2px;
  height: auto;
}

.main-content input[type="text"]:focus,
.modal-content input[type="text"]:focus {
  border-color: #777777;
}

.main-content input[type="text"]::-webkit-input-placeholder {color: #777778 !important;}
.main-content input[type="text"]::-moz-placeholder {color: #777778 !important;}
.main-content input[type="text"]:-ms-input-placeholder {color: #777778 !important;}
.main-content input[type="text"]:-moz-placeholder {color: #777778 !important;}
.modal-content input[type="text"]::-webkit-input-placeholder {color: #777778 !important;}
.modal-content input[type="text"]::-moz-placeholder {color: #777778 !important;}
.modal-content input[type="text"]:-ms-input-placeholder {color: #777778 !important;}
.modal-content input[type="text"]:-moz-placeholder {color: #777778 !important;}
.form-control::-webkit-input-placeholder {color: #777778 !important;}
.form-control::-moz-placeholder {color: #777778 !important;}
.form-control:-ms-input-placeholder {color: #777778 !important;}
.form-control:-moz-placeholder {color: #777778 !important;}

.form-control {
  color: #1C022E;
}

.editable-input {
	min-width: 80px;
}

.content select {
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  padding: 16px !important;
  width: 100%;
  transition: border-color var(--hover-transition);
  margin: 2px;
  height: auto;
}

.select2-container {
  width: 100%;
}

.select2-container-multi .select2-choices .select2-search-choice {
  border-radius: 5px;
  border: 1px solid #8C0AE5;
  background-color: #F0E9F5;
  padding: 4px 12px 4px 20px;
  color: #8C0AE5;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.select2-search-choice-close {
  margin-top: 4px;
}

.text-danger {
  color: var(--error) !important;
}

.control-group .control-label {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  letter-spacing: 0;
}

.input-group-addon {
  background-color: #f7f2fa;
  border-right: 1px solid #d9d9d9 !important;
}

.has-success .input-group-addon {
	border-right: 1px solid #3c763d !important;
}

.control-group > div {
  width: 100%;
  padding: 0;
}

.btn-file-upload .buttonText {
  margin-left: 4px;
}

.form-group .input-group:has(.input-group-btn) {
  display: flex;
  align-items: stretch;
}

.form-group .input-group:has(.input-group-btn) input, .form-group .input-group:has(.input-group-btn) select {
  margin: 0;
}

.form-group .input-group-btn {
  min-width: 100px;
}

.form-group .input-group .input-group-btn {
  flex-grow: 0;
  flex-shrink: 0;
  /*flex-shrink: 0;*/
  width: auto;
}

.form-group .input-group .input-group-btn .btn {
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  border-radius: 0;
}

.form-group .btn-file-upload {
  white-space: normal;
}

.input-group .form-control.selectize-control {
  z-index: 5;
  position: relative;
}

.selectize-control .selectize-dropdown {
  position: absolute;
}

.selectize-control .selectize-input {
  height: 100%;
}

.selectize-control .selectize-input input {
  padding: 0 !important;
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}

.tier_dropdown_group {
	min-width: 160px;
	border-right-style: solid;
	border-right-width: 1px;
	padding: 2px;
	border-radius: 0 4px 4px 0 !important;
}

.tier_dropdown_group select {
	margin: 0;
}

.lp-field-generic > label, .lp-field-checkbox label, .lp-field-select label,
.lp-field-text label, .lp-field-file label, .lp-field-button label, .lp-label-btn label,
.lp-field-tax > label {
	padding: 0 0 0 10px;
	width: min(200px, calc(100% - 90px));
}

.lp-field-price > label, .lp-field-price-select > label {
	padding: 0 0 0 16px;
	width: min(200px, calc(100% - 90px));
	text-align: left !important;
}

.lp-field-desc {
	order: 10;
	width: 100%;
	padding-left: 74px;
}

.lp-field-generic > label {
	margin-left: 4px;
	text-align: left !important;
	width: 100%;
}

.lp-field-checkbox {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.lp-field-checkbox > label {
	order: 1;
	text-align: left !important;
	flex-grow: 1;
	padding: 0 !important;
}

.lp-field-checkbox > label + div {
	width: 74px;
	padding: 0 10px;
}

.lp-field-checkbox > div > label {
	margin-bottom: 0;
}

.lp-field-checkbox-multi > label {
	width: 100%;
	text-align: left !important;
	margin-bottom: 4px !important;
}

.lp-field-select > label {
	margin-left: 4px;
	width: 100%;
	text-align: left !important;
}

.lp-field-select > div > select,
.lp-field-select > div > .select2-container,
.lp-field-select > div > .selectize-control,
.input-group.lp-field-select  > .selectize-control {
	width: min(400px, 100%);
	height: 34px;
	vertical-align: middle;
	margin: 0;
}

.lp-field-select > div > .selectize-control {
	margin-bottom: 4px;
}

.lp-field-select > div > select {
	padding: 0 10px !important;
}

.lp-field-text > label {
	margin-left: 4px;
	text-align: left !important;
	width: 100%;
}

.lp-field-text > div {
	width: 100%;
}

.content .lp-field-text > div > input,
.content .lp-field-text > div > select,
.modal-content .lp-field-text > div > input,
.modal-content .lp-field-text > div > select {
	width: auto;
	min-width: min(400px, 100%);
	height: 34px;
	padding: 0 10px !important;
	vertical-align: middle;
	margin: 0;
}

.content .lp-field-text > div > textarea {
	 width: auto;
	min-width: min(400px, 100%);
 }

.content .lp-field-text .lp-field-prefix {
	min-width: 100px;
	float: left;
}

.lp-field-text .selectize-control {
	width: min(400px, 100%);
}

.content .lp-field-text .lp-field-prefix + input {
	min-width: min(300px, calc(100% - 100px));
}

.lp-field-file input {
	max-width: 270px;
}

.lp-field-file > label {
	margin-left: 4px;
	text-align: left !important;
	width: 100%;
}

.lp-field-file > div {
	width: 100%;
}

.lp-field-file > div > input {
	width: auto;
	min-width: 400px;
	height: 34px;
	padding: 0 10px !important;
	vertical-align: middle;
	margin: 0;
}

.lp-field-file .btn-file-upload {
	width: auto;
}

.lp-field-button {
}

.lp-field-label-btn {
}

.lp-field-label-btn label {
	display: block;
	float: none;
	text-align: left !important;
}

.lp-field-label-btn .btn {
	margin-left: 0 !important;
}

.lp-field-override-taxes {
	padding-left: 60px;
}

.lp-field-override-taxes .control-label {
	width: 100%;
	text-align: left;
}

.lp-field-price > div {
	width: 100%;
}

.lp-field-price > div > .input-group > input {
	width: min(calc(400px - 32px), 100%);
	min-height: 54px;
	margin: 0;
}

.lp-field-price-select > div {
	width: 100%;
}

.lp-field-price-select .input-group input {
	width: min(calc(400px - 192px), 100%);
	min-height: 54px;
	margin: 0
}

.lp-field-price-select .input-group select {
	width: 160px;
}

.lp-field-price .input-group, .lp-field-price-select .input-group {
	display: flex;
}

.lp-field-price .input-group-addon, .lp-field-price-select .input-group-addon {
	display: flex;
	justify-content: center;
	align-items: center;
}

.lp-field-checkbox-item {
	width: auto !important;
	display: flex;
	align-items: center;
	margin-right: 32px;
}

.lp-field-checkbox-item > label {
	width: auto;
	padding: 0 !important;
	cursor: pointer;
}

.lp-field-checkbox-item > div {
	order: -1;
	width: auto;
	padding: 0;
	margin-left: 15px;
}

.lp-field-tax {
	width: 400px;
}

.lp-field-tax label {
	text-align: left !important;
	padding-left: 16px;
}

.lp-field-tax input.form-inps-tax {
	width: calc(100% - 24px) !important;
	display: inline-block;
}

.lp-field-tax .tax-percent-icon {
	width: 20px !important;
	display: inline-block;
	border: 1px solid #d9d9d9;
	margin-top: 2px;
	margin-left: -4px;
	padding: 15px 0;
	vertical-align: top;
	text-align: center;
	border-radius: 0 4px 4px 0;
	background-color: #f7f2fa;
}

.content .lp-field-tokens input {
	border: 0;
}

.content .lp-field-indent {
	margin-left: 20px;
}

.lp-field-generic .date {
	max-width: 400px;
}

.lp-field-tokens .input-group {
	max-width: 400px;
}

@media (max-width: 820px) {
	.form-group:has(.table-responsive) label {
		width: 100%;
		text-align: left;
	}

	.form-group:has(.table-responsive) label + div {
		width: 100%;
	}
}

@media (max-width: 480px) {
  .form-group .input-group:has(.input-group-btn) {
    flex-direction: column;
  }

	.input-group:has(.tier_dropdown_group) {
		display: block;
	}

	.tier_dropdown_group {
		width: calc(100% - 32px);
	}

	.lp-field-generic, .lp-field-select, .lp-field-text, .lp-field-file, .lp-field-button, lp-field-label-btn {
		padding-left: 0;
	}

	.content .lp-field-text .lp-field-prefix {
		float: none;
		width: 100%;
	}
	
	.content .lp-field-text .lp-field-prefix + input {
		width: 100%;
	}
}

/* ================================================================================================
 * Checkboxes
 * ============================================================================================= */

.main-content input[type="checkbox"], .modal-content input[type="checkbox"] {
  display: none;
}

.main-content input[type="checkbox"] + label > span,
.modal-content input[type="checkbox"] + label > span {
	position: relative;
	margin: 0 8px 0 0;
	outline: 0 !important;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #D9D9D9;
	transition: background-color 300ms ease-in-out;
}

/*
.main-content input[type="checkbox"] + label > span,
.modal-content input[type="checkbox"] + label > span {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  background-color: #FFFFFF;
  text-align: center;
  margin-top: 0;
  margin-right: 8px;
  position: relative;
  vertical-align: middle;
  outline: 0 !important;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 300ms ease-in-out;
}

.main-content input[type="checkbox"] + label > span::before,
.modal-content input[type="checkbox"] + label > span::before {
  content: "\e960";
  font-family: 'HeroIcons-Solid';
  font-size: 12px;
  position: relative;
  color: #ffffff;
  font-weight: 600;
  width: 100%;
}*/

.main-content input[type="checkbox"]:checked + label > span,
.modal-content input[type="checkbox"]:checked + label > span {
  background-color: #365ED4;
}

.main-content input[type="checkbox"]:not(:checked) + label > span::before,
.modal-content input[type="checkbox"]:not(:checked) + label > span::before {
  display: none;
}

.main-content input[type="checkbox"] + label > span,
.modal-content input[type="checkbox"] + label > span {
	width: 40px;
	height: 28px;
	border-radius: 24px;
}

.main-content input[type="checkbox"] + label > span::before,
.modal-content input[type="checkbox"] + label > span::before {
	content: "";
	display: block !important;
	width: auto;
	height: calc(100% - 6px);
	aspect-ratio: 1;
	border-radius: 24px;
	background-color: #ffffff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 3px;
	transition: left 300ms ease-in-out;
}

.main-content input[type="checkbox"]:checked + label > span::before,
.modal-content input[type="checkbox"]:checked + label > span::before {
	left: calc(100% - 22px);
}

.main-content th:first-child input[type="checkbox"] + label > span,
.modal-content th:first-child input[type="checkbox"] + label > span,
.main-content td:first-child input[type="checkbox"] + label > span,
.modal-content td:first-child input[type="checkbox"] + label > span,
#work_order_checkbox_modal input[type="checkbox"] + label > span,
.lp-field-checkbox-item input[type="checkbox"] + label > span {
	width: 20px;
	height: 20px;
	border-radius: 3px;
}

.main-content th:first-child input[type="checkbox"] + label > span::before,
.modal-content th:first-child input[type="checkbox"] + label > span::before,
.main-content td:first-child input[type="checkbox"] + label > span::before,
.modal-content td:first-child input[type="checkbox"] + label > span::before,
#work_order_checkbox_modal input[type="checkbox"] + label > span::before,
.lp-field-checkbox-item input[type="checkbox"] + label > span::before {
  content: "\e960";
  font-family: 'HeroIcons-Solid';
  font-size: 14px;
  position: relative;
  color: #ffffff;
  font-weight: 600;
  position: static;
  border-radius: 0;
  width: auto;
  height: auto;
  border: 0;
  background: none;
  box-shadow: none;
}

.main-content th:first-child input[type="checkbox"]:not(:checked) + label > span::before,
.modal-content th:first-child  input[type="checkbox"]:not(:checked) + label > span::before,
.main-content td:first-child input[type="checkbox"]:not(:checked) + label > span::before,
.modal-content td:first-child  input[type="checkbox"]:not(:checked) + label > span::before,
#work_order_checkbox_modal input[type="checkbox"]:not(:checked) + label > span::before,
.lp-field-checkbox-item input[type="checkbox"]:not(:checked) + label > span::before {
	display: none !important;
}

.lp-inline-checkbox {
	display: flex;
	width: auto !important;
	align-items: center;
}

.lp-inline-checkbox::before, .lp-inline-checkbox::after {
	display: none !important;
}

.lp-inline-checkbox > div, .lp-inline-checkbox > label {
	width: auto;
}

.lp-inline-checkbox > div {
	padding: 0 0 0 20px !important;
}

.lp-inline-checkbox > label {
	order: 2;
	padding: 0 32px 0 4px !important;
	cursor: pointer;
}

.lp-inline-checkbox input[type="checkbox"] + label {
	margin-bottom: 0 !important;
}

.main-content input[type="checkbox"]:disabled + label {
	opacity: 0.5;
}

/* ================================================================================================
 * Pagination
 * ============================================================================================= */

/*
.pagination > li.prev > a,
.pagination > li.next > a,
.pagination > a[rel="prev"],
.pagination > a[rel="next"] {
  line-height: 0;
  display: inline-flex;
  color: transparent;
}

.pagination > li.prev > a::before,
.pagination > li.prev > a::after,
.pagination > li.next > a::before,
.pagination > li.next > a::after,
.pagination > a[rel="prev"]::before,
.pagination > a[rel="prev"]::after,
.pagination > a[rel="next"]::before,
.pagination > a[rel="next"]::after {
  text-indent: 0;
  line-height: initial;
  display: block;
  color: #1C022E;
}

.pagination > li.prev > a::after, .pagination > a[rel="prev"]::after {content: "Prev";}
.pagination > li.next > a::before, .pagination > a[rel="next"]::before {content: "Next";}*/

.dataTables_paginate li.prev > a, .dataTables_paginate li.next > a {
	line-height: 1;
	color: transparent !important;
}

.pagination > li.prev > a::before,
.pagination > li.next > a::after,
.pagination > a[rel="prev"]::before,
.pagination > a[rel="next"]::after {
  font-family: 'HeroIcons-Solid';
  position: relative;
  top: 2px;
  margin: 0 8px;
  color: #1C022E;
}

.pagination > li.prev > a::before, .pagination > a[rel="prev"]::before {content: "\e966";}
.pagination > li.next > a::after, .pagination > a[rel="next"]::after {content: "\e967";}

.pagination > li > a, .pagination > a {
  background-color: unset !important;
  border: 0;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  padding: 6px 12px;
}

.main-content .pagination > li, .modal-content .pagination > li,
.main-content .pagination > a, .modal-content .pagination > a {
	color: #1C022E;
}

.pagination li.active a {
  color: #8C0AE5 !important;
}

.pagination > strong {
  display: inline-block;
  color: #8C0AE5 !important;
  padding: 6px 12px;
}

.pagination li:not(.disabled) a:hover {
  color: #8C0AE5 !important;
}

.pagination li.disabled a {
  opacity: 0.5;
}

.pagination.text-center {
  display: block;
}

.lp-center-pagination {
  text-align: center;
}

/* ================================================================================================
 * Nav Wizard
 * ============================================================================================= */

.navbar.navbar-default.manage-table {
  background-color: unset;
  border: unset;
}

.nav-wizard {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.nav-wizard::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #D9D9D9;
}

.nav-wizard::after {
  display: none;
}

.nav-wizard > li {
  text-align: center;
  width: auto;
}

.nav-wizard > li > a {
  color: #777778;
  text-decoration: none;
  font-weight: 600;
  padding: 4px 12px;
  display: inline-block;
  background-color: #fbfafc !important;
}

.nav-wizard > li > a:is(:hover, :focus) {
  background: unset;
}

.nav-wizard > li > a::before {
  content: "\e960";
  font-family: 'HeroIcons-Solid';
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #8C0AE5;
  background-color: #8C0AE5;
  color: #ffffff;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 6px;
  line-height: 1;
  font-size: 12px;
}

.nav-wizard > li.active > a {
  color: #1C022E;
}

.nav-wizard > li.active > a::before {
  background-color: unset;
}

.nav-wizard > li.active ~ li > a::before {
  background-color: unset;
  border-color: #D9D9D9;
}

@media (max-width: 991px) {
  .nav-wizard {
    flex-wrap: wrap;
  }

  .nav-wizard > li {
    min-width: 33%;
	  flex-grow: 1;
	  position: relative;
  }

  .nav-wizard::before {
    display: none;
  }

	.nav-wizard > li::before {
		content: "";
		display: block;
		border-top: 1px solid #D9D9D9;
		position: absolute;
		top: 50%;
		left: -2px;
		width: calc(100% + 4px);
	}
}

@media (max-width: 480px) {
  .nav-wizard > li {
    width: 50%;
  }
}

/* ================================================================================================
 * Table
 * ============================================================================================= */

.table-hover > tbody > tr:hover, .table-hover > tbody > tr:hover > td {
  background: transparent;
}

table#register, table.data-table, #sortable_table, #po_table {
  border-collapse: separate;
}

.actions-merged-header::after {
  content: "";
  display: table-cell;
}

table#register tr.register-items-header th {
  text-align: center;
}

table#register tr.register-items-header th, table.data-table th, #sortable_table th, .actions-merged-header::after, #po_table th, table.detailed-reports > thead td {
  z-index: 1;
  font-weight: 600;
  font-size: 14px;
  background-color: #f7f2fa;
  padding-top: 14px;
  padding-bottom: 14px;
  border-top: 1px solid #d9d9d9 !important;
}

.content table.data-table th, #sortable_table th, #po_table th {
  border-bottom: 0;
}

.content table.data-table td, #sortable_table td, #po_table td {
  border-top: 0;
  border-color: #d9d9d9;
  border-width: 1px;
  border-style: solid;
}

.content table.data-table td:first-child, #sortable_table td:first-child, #po_table td:first-child {
  border-left-width: 1px;
}

.content table.data-table td:last-child, #sortable_table td:last-child, #po_table td:first-child {
  border-right-width: 1px;
}

.content table.data-table th, .content table.data-table td, #sortable_table td, #po_table td {
  border-left-width: 0;
  border-right-width: 0;
}

#po_table th {
  border-right: 0;
}

thead .register-items-header th:first-child, table.data-table th:first-child, #sortable_table th:first-child, #po_table th:first-child, table.detailed-reports > thead td:first-child {
  border-top-left-radius: 16px;
  border-left: 1px solid #d9d9d9;
}

thead .register-items-header th:last-child, table.data-table th:last-child, #sortable_table th:last-child, .actions-merged-header::after, #po_table th:last-child, table.detailed-reports > thead > tr > td:last-child {
  border-top-right-radius: 16px;
  border-right: 1px solid #d9d9d9;
}

table#register .register-item-content > tr > td {
  border: 1px solid #d9d9d9;
  border-top-width: 0;
  border-right-width: 0;
  line-height: 1 !important;
  padding: 4px 8px;
}

table#register .register-item-content > tr > td:last-child {
  border-right-width: 1px;
}

table.detailed-reports > thead > tr.actions-merged-header td:last-child,
tr.actions-merged-header th:last-child {
	border-top-right-radius: 0 !important;
	border-right: 0 !important;
}

table.data-table {
  border: 0;
}

table.data-table th {
  font-weight: 600 !important;
}

.dtable-actions-cell {
  width: 38px;
}

.content td .table_buttons {
  display: flex;
  align-items: center;
}

.content td .table_buttons a {
  background-color: unset !important;
  color: #365ED4 !important;
  box-shadow: none;
  padding: 0;
  margin: 0 8px 0 0;
}

.content td .table_buttons > a {
  text-decoration: underline !important;
}

.content td .table_buttons a:hover {
  background-color: unset;
}

.dtable-actions-container {
  display: block;
  text-align: right;
  width: 100%;
  position: relative;
}

.dtable-actions, .content td .table_buttons .dropdown-menu {
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  background: #FFFFFF;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  padding: 12px;
  position: absolute;
  z-index: 5;
}

/*@media (min-width: 992px) {
	.dtable-actions, .content td .table_buttons .dropdown-menu {
		right: 0;
	}
}*/

.dtable-actions input[type="submit"] {
  background: transparent !important;
  width: 100%;
  margin: 0;
  color: var(--link-color);
  text-align: left;
  border: 0;
  outline: 0 !important;
  padding: 8px 12px !important;
  border-radius: 0;
  text-decoration: underline !important;
  font-weight: 500;
}

.dtable-actions input[type="submit"].btn-danger {
  color: #c71212;
}

.dtable-actions input[type="submit"]:hover {
  color: var(--link-hover-color);
}

.dtable-actions-toggle:not(.active) + .dtable-actions {
  display: none;
}

#dTable_length select {
  padding: 8px !important;
  width: auto;
}

.panel:has(.table_holder) {
  background: none;
  box-shadow: none;
  padding: 0;
  border: 0;
}

.table_buttons > .dropdown-toggle.active {
  color: #454ed7;
}

#table_holder {
  width: 100%;
}

.dtable-actions {
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	align-items: flex-start;
}

.dtable-actions br {
	display: none;
}

.dtable-actions a {
	margin-bottom: 12px;
	font-size: 16px;
	white-space: pre;
	width: 100%;
	display: block;
}

.dtable-actions-overlay .dtable-actions {
	transform: translate(-100%, 4px);
	min-width: 140px;
}

#sortable_table, #po_table {
  border: 0;
}

body.device-touch #sortable_table .dropdown-menu a {
	margin: 8px;
}

#sortable_table .btn-more.dropdown-toggle {
    border: 1px solid #D9D9D9 !important;
}

.detailed-reports a.expand, .detailed-reports a.expand_all {
	text-decoration: none;
	padding: 4px;
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-color: #365ED4;
	color: #ffffff;
}

.detailed-reports a.expand > span, .detailed-reports a.expand_all > span {
	display: none;
}

.detailed-reports a.expand::before, .detailed-reports a.expand_all::before {
	content: "\e939";
	font-family: "HeroIcons-Solid";
	position: relative;
	top: -1px;
	left: 1px;
}

.detailed-reports a.expand.active::before, .detailed-reports a.expand_all.active::before {
	content: "\e93a";
}

@media (max-width: 1180px) and (min-width: 992px) {
	#sortable_table .btn {
		font-size: 12px;
		padding: 4px 8px;
	}

	#sortable_table .btn-more.dropdown-toggle {
		font-size: 21px;
	}

	.table > tbody > tr > td,
	.table > tbody > tr > th,
	.table > tfoot > tr > td,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > thead > tr > th {
		padding: 4px;
	}
}

.lp-scrollbar-mirror {
	overflow-x: auto;
	overflow-y: hidden;
	height: 20px;
}

.dataTables_empty {
	text-align: center;
	padding: 20px 10px !important;
}

/* ================================================================================================
 * Responsive Table Layout
 * ============================================================================================= */

@media (max-width: 991px) {
  #dTable_length, #dTable_filter {
    width: 100%;
    display: block;
    float: none;
    text-align: center;
    margin: 10px 0;
  }

  table.has-data-labels a {
    margin: 0 4px;
  }

  table.has-data-labels img {
    display: block;
  }

  tr.has-col-headings {
     display: none;
  }

  table.has-data-labels > tbody > tr > td > table {
	  width: 100%;
  }

  tr.sale_details > td.innertable {
	  background: #ffffff !important;
	  border: 0 !important;
	  padding: 0 !important;
	  overflow: auto;
  }

  tr.sale_details > td.innertable::before {
	  display: none !important;
  }

  tr.sale_details > td.innertable > table {
	  border-collapse: separate;
	  border: 0;
	  margin: 0;
  }

  tr.sale_details > td.innertable > table th {
	  border-radius: 0 !important;
  }
}

@media (max-width: 801px) {
  .content .dtable-actions-toggle {
    margin-left: 0 !important;
  }

  .dtable-actions-container {
    min-width: 120px;
  }
  
  .dtable-actions {
    position: static;
    transform: none;
    width: 100%;
  }
}

@media (max-width: 480px) {
  table.has-data-labels tbody td {
    font-size: 12px;
  }
  
  table.has-data-labels tbody td::before {
    flex-basis: 100px;
  }

  #sortable_table a.btn {
    font-size: 12px;
    padding: 4px 12px;
  }
}

/* ================================================================================================
 * Table Responsive (JS)
 * ============================================================================================= */

table.lp-table-collapse {
  display: flex;
  flex-direction: column;
  border-collapse: separate;
}

table.lp-table-collapse > thead > tr > td,
table.lp-table-collapse > tbody > tr > td {
  white-space: normal !important;
}

table.lp-table-collapse > thead,
table.lp-table-collapse > tbody,
table.lp-table-collapse > thead > tr,
table.lp-table-collapse > tbody > tr,
table.lp-table-collapse > thead > tr > th,
table.lp-table-collapse > tbody > tr > th,
table.lp-table-collapse > thead > tr > td,
table.lp-table-collapse > tbody > tr > td {
  display: block;
  width: 100% !important;
}

table.lp-table-collapse > thead > tr.actions-merged-header::after {
  display: none !important;
}

table.lp-table-collapse > thead > tr > th,
table.lp-table-collapse > thead > tr > td {
  border-radius: 16px 16px 0 0;
  border-right: 1px solid #D9D9D9 !important;
}

table.lp-table-collapse > tbody > tr {
  display: flex;
  flex-direction: column;
  width: 100%;
}

table.lp-table-collapse > thead > tr > th:not(.has-control),
table.lp-table-collapse > thead > tr > td:not(.has-control) {
  display: none;
}

table.lp-table-collapse > tbody > tr > td {
  padding: 8px !important;
  display: flex;
  border-style: solid;
  border-color: #d9d9d9;
  border-left: 1px solid #D9D9D9 !important;
  border-right: 1px solid #D9D9D9 !important;
}

table.lp-table-collapse > thead > tr.has-col-headings,
table.lp-table-collapse > tbody > tr.has-col-headings{
  display: none;
}

table.lp-table-collapse > tbody > tr > td[data-heading] {
  display: flex;
  border-bottom: 0;
}

table.lp-table-collapse > tbody > tr > td[data-heading]::before {
  content: attr(data-heading);
  flex-basis: 140px;
  font-weight: bold;
  margin-right: 8px;
  flex-shrink: 0;
  line-height: 1.5;
  text-align: right;
  margin: -8px 8px -8px -8px;
  padding: 0 8px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-right: 1px solid #d9d9d9;
}

table.lp-table-collapse > tbody > tr:nth-of-type(2n + 1) > td,
table.lp-table-collapse:has(.sale_details) > tbody > tr:nth-of-type(4n + 1) > td {
  background-color: #ffffff;
}

table.lp-table-collapse > tbody > tr:nth-of-type(2n + 1) > td::before {
  background-color: #f7f2fa;
}

table.lp-table-collapse > tbody > tr:nth-of-type(2n) > td,
table.lp-table-collapse:has(.sale_details) > tbody > tr:nth-of-type(4n + 3) > td {
	background-color: #f7f4f9;
}

table.lp-table-collapse > tbody > tr:nth-of-type(2n) > td::before,
table.lp-table-collapse:has(.sale_details) > tbody > tr:nth-of-type(4n + 3) > td::before{
  background-color: #ece6f0;
}

table.lp-table-collapse > tbody > tr > td.dtable-actions-cell {
  width: 100%;
  text-align: right;
  border-right: 0;
  border-bottom: 0;
}

table.lp-table-collapse > tbody > tr > td.dtable-actions-container {
  width: auto;	
}

table.lp-table-collapse > tbody > tr > td.dtable-actions-cell .dtable-actions-toggle {
  display: none;
}

table.lp-table-collapse > tbody > tr:last-child > td:last-child {
	border-radius: 0 0 8px 8px !important;
	border-bottom: 1px solid #d9d9d9;
}

table.lp-table-collapse .dtable-actions {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: unset;
  width: 100%;
  transform: none;
  box-shadow: none;
  position: static;
}

table.lp-table-collapse .dtable-actions a {
	width: auto;
}

table.lp-table-collapse label[for="select_all"]::before {
  content: "Select All";
  margin-right: 8px;
}

table.lp-table-collapse #dTable_length, table.lp-table-collapse #dTable_filter {
  width: 100%;
  display: block;
  float: none;
  text-align: center;
  margin: 10px 0;
}

table.lp-table-collapse a {
  margin: 0 4px;
}

table.lp-table-collapse img {
  display: block;
}

.sale_details > td {
	overflow-x: auto;
}

/* ================================================================================================
 * Ellipses Toggle Button
 * ============================================================================================= */

.dtable-actions-toggle, .btn-more.dropdown-toggle:has(.ion-android-more-horizontal), .content td .table_buttons .btn-more.dropdown-toggle, .sale-buttons .btn-more.dropdown-toggle,
.section-nav-toggle {
  appearance: none;
  webkit-appearance: none;
  ms-appearance: none;
  display: block;
  margin-bottom: 8px !important;
  background-color: #D9D9D9;
  color: #1C022E !important;
  padding: 0px 5px !important;
  line-height: 1 !important;
  border-radius: 4px;
  border: 0 !important;
  cursor: pointer;
  display: block;
  font-size: 24px;
  transition: background-color 300ms ease-in-out, color 300ms ease-in-out !important;
}

.dtable-actions-toggle {
  margin-left: auto !important;
}

.dtable-actions-toggle:hover, .dtable-actions-toggle.active, .btn-more.dropdown-toggle:has(.ion-android-more-horizontal):is(:hover, :focus, [aria-expanded="true"]),
td .table_buttons .btn-more.dropdown-toggle:is(:hover, :focus, [aria-expanded="true"]), .sale-buttons .btn-more.dropdown-toggle:is(:hover, :focus, [aria-expanded="true"]),
.section-nav-toggle:is(:hover, :focus) {
  background-color: #460573 !important;
  color: #ffffff !important;
}

.dtable-actions-toggle::before, .section-nav-toggle::before {
  content: "\e993";
  font-family: 'HeroIcons-Solid' !important;
}

/* ================================================================================================
 * Dropdowns * Modals * Popovers
 * ============================================================================================= */

.col-config-dropdown {
  padding: 0px 0px 16px 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.col-config-dropdown {
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.col-config-dropdown .dropdown-header {
  margin-bottom: 16px;
}

.col-config-dropdown label {
  cursor: pointer;
  white-space: wrap;
}

.col-config-dropdown .dropdown-header, .editable-container .popover-title, .modal-header {
  background-color: var(--topbar-bg);
  color: #ffffff;
  padding: 20px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.col-config-dropdown .panel {
  display: block;
  padding: 0;
  overflow: hidden;
}

.col-config-dropdown .panel .row, .col-config-dropdown .panel .form-group {
  margin-bottom: 0;
}

.col-config-dropdown .panel .dropdown-header {
  background-color: #F0E9F5;
  color: inherit;
  padding: 8px 12px;
}

.col-config-dropdown .panel:nth-of-type(1) {
  margin-top: -15px;
}

.col-config-dropdown .panel .dropdown-header {
  border-radius: 0;
}

.col-config-dropdown .panel .dropdown-header i::before {
  margin-right: 4px;
}

.modal-header {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin: -1px;
}

.modal-header button, .modal-title {
  color: #ffffff !important;
}

.modal-header button {
  opacity: 1;
}

.modal-header .nav-tabs > li > a {
  border: 0;
  cursor: pointer !important;
  background-color: #F0E9F5;
  border-radius: 0;
  text-decoration: none;
  color: #1C022E;
}

.modal-header .nav-tabs > li.active > a {
  background-color: #ffffff;
}

.modal-header .nav-tabs > li:first-child > a {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.modal-header .nav-tabs > li:last-child > a {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.col-config-dropdown .dropdown-header > a#reset_to_default,
.col-config-dropdown .dropdown-header > a#reset_filters_to_default {
  padding: 0px;
  margin-top: -3px;
  color: #ffffff;
  border: 0;
  background-color: transparent !important;
  text-decoration: none;
}

.col-config-dropdown .dropdown-header span {
  font-size: 20px;
  line-height: 1em;
  padding-top: 5px;
}

#config_filters .dropdown-toggle::after {
  /*content: "Filters";*/
}

#config_columns .dropdown-toggle::after {
  /*content: "Settings";*/
}

#config_filters .dropdown-toggle, #config_columns .dropdown-toggle {
  padding: 8px 12px;
}

#config_columns, #config_filters {
  margin-left: auto;
}

#config_columns + #config_filters {
  margin-left: 0;
}

.popover {
	border: 0;
	padding: 0;
	background: none;
}

.popover-content {
	background: #ffffff;
}

.popover-content .editable-buttons {
  display: block;
}

.popover-content .editable-buttons .btn {
  padding: 2px 8px;
}

.modal-content .form-actions {
  text-align: right;
}

.filter_action {
  display: inline-block;
}

li[data-toggle] {
  cursor: pointer;
}

.dropdown-menu:not(.sales-dropdown):not(.dropdown-left):not(.dropdown-menu-left) {
  left: auto;
  right: 0;
}

.modal-body {
	padding: 20px;
}

.modal-body .panel-heading {
	padding: 0;
}

.modal-body .row > div {
	padding: 0;
}

.modal-content input.add-customer-input {
	margin: 0 !important;
}

.modal-content .input-group input.add-item-input {
	border-radius: 0 !important;
	margin: 0;
}

.modal-content .panel-title {
	margin-bottom: 16px;
}

 .lp-modal-form {
	 background-color: #f7f2fa;
	 border-radius: 8px;
	 box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
	 padding: 20px !important;
	 margin: 0 10px;
	 width: calc(100% - 20px);
 }

@media (max-width: 801px) {  
  .content .dropdown-menu {
    position: fixed !important;
    left: 32px !important;
    top: 110px !important;
    width: calc(100% - 64px);
    height: calc(100% - 130px);
    overflow-y: auto;
    font-size: 20px;
  }

  .content .dropdown-menu .dropdown-header {
    display: flex;
  }

  .content .dropdown-menu .dropdown-header .pull-right {
    order: 10;
  }

  .content .dropdown-menu .dropdown-header .pull-right:nth-of-type(1) {
    margin-left: auto;
  }

  .content .dropdown-menu label.sortable_column_name {
    width: auto;
  }
  
  .content .dropdown-menu label.sortable_column_name + span.handle {
    float: right;
    margin-top: -4px;
  }

  .content .dropdown-menu a {
    white-space: normal;
  }
}

/* ================================================================================================
 * Tabs
 * ============================================================================================= */

.piluku-tabs {
  border: 0;
}

.piluku-tabs > li a {
  background-color: transparent !important;
  color: var(--text-inactive);
  text-decoration: none;
  font-weight: bold !important;
  border: 0 !important;
  margin: 0;
}

.piluku-tabs > li a:hover {
  color: var(--text-color);
}

.piluku-tabs > li.active a {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 7px;
  color: var(--text-color) !important;
}

/* ================================================================================================
 * Calendar
 * ============================================================================================= */

.datepicker table {
  border-collapse: separate;
}

.datepicker .glyphicon-chevron-left::before {
  content: "\e966";
  font-family: "HeroIcons-Solid";
}

.datepicker .glyphicon-chevron-right::before {
  content: "\e967";
  font-family: "HeroIcons-Solid";
}

.datepicker .dow {
  color: #777778;
  font-weight: 600;
}

.content .datepicker .day {
  border: 1px solid transparent;
}

.content .datepicker .day:hover {
  border-color: #1C022E;
  border-radius: 4px;
  color: #1C022E;
}

.content .datepicker .day.active {
  background-color: #1C022E !important;
  color: #ffffff;
  font-weight: 500;
}

.bootstrap-datetimepicker-widget table td span {
  width: auto !important;
  height: auto !important;
}

.timepicker td {
  background-color: transparent !important;
}

.timepicker a.btn {
  padding: 4px 8px;
  margin: 0;
}

.timepicker a.btn::after {
  display: none;
}

.timepicker .glyphicon-chevron-up::before {
  content: "\e969";
  font-family: "HeroIcons-Solid";
}

.timepicker .glyphicon-chevron-down::before {
  content: "\e965";
  font-family: "HeroIcons-Solid";
}


.bootstrap-datetimepicker-widget table td {
  line-height: 24px;
  height: 24px;
}

.bootstrap-datetimepicker-widget table td span {
  width: 30px;
  height: 30px;
  margin-top: -10px;
  line-height: 1.5;
}

.bootstrap-datetimepicker-widget table td span:is(:hover, :focus) {
  background: unset;
}

.content .timepicker button.btn {
  padding: 4px 12px;
  margin: 0;
}

/* ================================================================================================
 * Badge
 * ============================================================================================= */

td .badge {
  border-radius: 4px;
  padding: 4px 12px;
}

/* ================================================================================================
 * Dashboard
 * ============================================================================================= */

.quick-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.quick-actions > div {
  max-width: 330px;
  width: 100%;
}

.quick-actions > div {
  margin-right: 24px;
}

.dashboard-reports-stats {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

.dashboard-reports-stats .dashboard-stats-link {
  background-color: #F7F2FA;
  border: 1px solid #D9D9D9 !important;
}

.dashboard-reports-stats > div {
  flex-grow: 1;
  margin-bottom: 16px;
}

.dashboard-reports-stats > div:not(:last-child) {
  margin-right: 16px;
}

.dashboard-reports-stats::before, .dashboard-reports-stats::after {
  display: none;
}

.dashboard-reports {
  flex-basis: 400px;
  flex-grow: 1;
  flex-shrink: 0;
}

.dashboard-reports ul {
  list-style: none;
  padding: 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.dashboard-reports span {
  font-weight: 600;
}

.dashboard-reports a {
  float: right;
  text-decoration: none !important;
}

.dashboard-reports a span {
  text-decoration: underline;
}

.dashboard-reports a::before {
  content: "\e90b";
  font-family: 'HeroIcons-Solid' !important;
  font-size: 24px;
  margin-right: 2px;
  vertical-align: middle;
  position: relative;
  top: -3px;
  text-decoration: none !important;
}

.dashboard-stats-link {
  text-decoration: none !important;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dashboard-stats i::before {
  color: var(--card-icon);
  font-weight: bold;
  margin-bottom: 14px;
}

.dashboard-stat {
  font-size: 1.5em;
  font-weight: 900;
  margin: 8px 0;
}

.dashboard-chart .chart {
  min-height: 450px;
}

.lp-dashboard-banner .lp-top-banner-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lp-dashboard-banner .lp-top-banner-content > div:first-child {
  max-width: 430px;
  margin-right: 24px;
  margin-bottom: 24px;
}

.lp-dashboard-banner .lp-overview-text {
  font-size: 20px;
  font-weight: bold;
}

.lp-dashboard-banner h2 {
  font-size: 50px;
  line-height: 1;
  margin: 0;
}

.lp-dashboard-banner .card-icon i::before {
  font-size: 48px;
}

.lp-dashboard-banner .card-title {
  font-size: 20px;
}

@media (max-width: 1650px) {
  .dashboard-reports {
    flex-basis: 50%;
  }

  .dashboard-reports-stats > div {
    margin-right: 16px;
  }
}

@media (max-width: 992px) {
	.lp-overview-text {
		text-align: center;
	}

	.lp-dashboard-banner h2 {
	  font-size: 40px;
	  text-align: center;
	}

	.quick-actions > div {
	  margin-right: 0;
	  min-width: 100%;
	}

	.dashboard-reports-stats > div {
		margin: 8px !important;
		width: calc(50% - 16px);
	}
}

@media (max-width: 480px) {
	.dashboard-reports-stats > div {
		width: 100%;
	}
}

/* ================================================================================================
 * Sales / Receiving
 * ============================================================================================= */

.register-input-group .input-group-addon {
  width: 50px !important;
}

.register-input-group {
  width: 100% !important;
}

#select_customer_form .input-group {
  width: 100%;
}

.register-top {
  width: 950px;
  display: flex;
  justify-content: space-between;
}

.register-box {
  margin-bottom: 16px;
}

.register-summary .key {
  display: inline-block;
}

.register-summary li:first-child {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  padding-top: 16px;
}

.register-summary li:not(:first-child) {
  border-top: 0;
}

.register-summary li:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.register-summary #subtotal {
  float: right;
}

.register-summary .list-group {
  margin-bottom: 0;
}

.register-summary .amount-block {
  background-color: #ffffff;
  padding: 8px 16px 0 16px;
  border: 1px solid #dddddd;
  border-top: 0;
}

.register-summary .amount-block::before {
  content: "";
  display: block;
  margin: 0px 24px 12px 24px;
  border-top: 1px solid #dddddd;
}

.register-summary .side-heading {
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 16px;
}

.register-summary .total > .amount {
  float: right;
}

.register-summary .row {
  margin-bottom: 8px;
}

#register {
  background-color: #ffffff;
}

#register:not(:has(.register-item-details)) {
  min-height: 307px;
}

.register-items-header th {
  line-height: 1;
}

.register-items-header th {
  color: #1C022E;
}

.register-item-content td h3,
.register-item-content td .flatGreenc {
  color: #1C022E;
}

.register-item-details .popover .form-group > div {
	display: flex;
	align-items: center;
}

.register-item-details .editable-buttons .btn {
	margin: 0 2px 0 0;
	padding: 0 !important;
	width: 32px;
	aspect-ratio: 1;
	border-radius: 100%;
}

.register-item-details .editable-submit {
	margin-left: 8px !important;
}

.add-payment {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.add-payment .side-heading, .add-payment form, .add-payment .row {
  flex-basis: 100%;
}

.add-payment a.btn {
  border-radius: 0;
  width: calc(25% - 8px);
  min-width: 75px;
  padding: 4px;
  margin: 0 4px 4px 0;
  font-size: 12px;
  flex-grow: 1;
  flex-shrink: 1;
}

.main-content input.add-item-input {
  margin: 0 8px;
  width: calc(100% - 16px);
}

.main-content input.add-customer-input {
  margin: 0 8px;
  width: calc(100% - 8px);
}

#itemForm .input-group-addon:nth-of-type(1) {
  border-radius: 8px;
}

#itemForm .input-group-addon:nth-of-type(2) {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

#itemForm .input-group-addon:nth-of-type(3) {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

#select_customer_form .input-group-addon {
  border-radius: 8px;
}

.delete-item, .delete-tax, .delete-payment {
  font-size: 21px;
}

.list-group.payments {
  margin-top: 24px;
}

.list-group.payments li {
  border-radius: 8px !important;
  border-bottom: 1px solid #dddddd;
  padding: 16px;
}

#add_payment_form {
  margin-bottom: 16px;
}

#add_payment_form input[type="text"] {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 16px !important;
}

.comment-block textarea {
  margin-bottom: 12px;
}

a#new-customer {
  padding: 4px;
}

#grid_breadcrumbs {
  margin-top: 16px;
}

#category_item_selection {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

#category_item_selection > div {
  cursor: pointer;
  min-height: 175px;
  background-color: #ffffff;
  background-position: 50% 48px;
  background-size: auto calc(100% - 48px);
  background-repeat: no-repeat;
  text-align: center;
  margin: 0 8px 8px 0;
  padding: 12px 0 0 0;
  border-radius: 8px;
  width: calc(16% - 4px);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  transition: background-color 300ms ease-in-out;
}

#category_item_selection > div p {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 4px 0;
}

#category_item_selection > div:is(:hover,:focus) {
  background-color: #f0e9f5 !important;
}

#category_item_selection img {
  max-width: 100%;
  max-height: 150px;
}

#select_customer_form {
	margin-bottom: 8px;
}

.panel:has(#giftcard_form) {
  max-width: 480px;
}

.register-summary .list-group-item {
  display: flex;
  align-items: center;
  padding: 4px 15px;
}

.register-summary .list-group-item .value {
  margin-left: auto;
  text-align: center;
  flex-shrink: 0;
  padding-left: 8px;
}

.register-summary .sub-total .value {
  margin-right: 8px;
}

#edit_taxes {
  text-align: center;
}

.register-item-content .editable  {
  font-size: 14px;
}

a#sale_details_expand_collapse { 
  width: 64px;
  display: inline-block;
  text-align: center;
  font-size: 24px;
  border-radius: 100%;
  background-color: #365ED4;
  color: transparent;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

a#sale_details_expand_collapse > span {
  display: none;
}

a#sale_details_expand_collapse::before {
  content: "\e939";
  font-family: 'HeroIcons-Solid' !important;
  color: #ffffff;
  font-size: 16px;
  line-height: 0;
}

a#sale_details_expand_collapse.active::before {
  content: "\e93a";
}

.input-group.add-payment-form {
  display: flex;
  flex-wrap: wrap;
}

.input-group.add-payment-form input {
  min-width: 150px;
  flex-grow: 1;
  width: auto;
}

.input-group.add-payment-form .input-group-addon {
  min-width: 120px;
  flex-grow: 1;
  padding: 0;
  line-height: 4;
  background: none;
  border: 0 !important;
}

#finish_sale_alternate_button {
  padding: 0px 4px;
  border-radius: 4px;
  display: block;
  margin: 0 !important;
}

.customer-action-buttons {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.customer-action-buttons a.btn, #cancel_sale_form .btn {
  font-size: 12px;
  border-radius: 0;
  min-width: 130px;
  flex-grow: 1;
  margin: 1px !important;
}

.customer-action-buttons .btn-group, #cancel_sale_form .btn-group {
  margin: 0 1px !important;
}

.customer-badge .details .btn-edit {
  position: absolute;
  right: -8px;
  top: -8px;
  padding: 4px 8px;
}

.register-right:not(:has(.customer-action-buttons)) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.register-right .customer-form {
  flex-grow: 1;
}

.register-right .sale-buttons {
  order: 10;
  width: 100%;
}

.available-giftcards {
  width: 100%;
  margin-top: 4px;
  background-color: #f7f2fa;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 8px;
}

.receivings-right {
  flex-wrap: wrap;
}

.receivings-right > div {
  width: 100%;
}

.receivings-right .sale-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#cancel_sale_form {
  display: flex;
  justify-content: space-between;
}

#cancel_sale_form > div, #cancel_sale_form > a {
  width: calc(50% - 4px);
  flex-grow: 0 !important;
}

#cancel_sale_form .dropdown-toggle {
  width: 100%;
}

.receivings-right #cancel_sale_form {
  margin-top: 0;
  margin-bottom: 8px;
  width: 100%;
}

.ui-autocomplete {
  z-index: 500000;
}

#closing_amount_form table > tbody > tr:nth-child(1) th {
	text-align: center;
}

#closing_amount_form input {
	width: calc(100% - 32px);
}

#closing_amount_form table {
	width: calc(100% - 8px);
}

#closing_amount_form .form {
	padding: 0;
}

#logout_without_closing {
	white-space: wrap;
	width: 100%;
}

.dismissfullscreen {
  position: fixed;
  right: 8px;
  top: 8px;
}

.dismissfullscreen > i {
  line-height: 1.3;
}

#content:has(.fullscreen-enabled) .section-nav, #content:has(.fullscreen-enabled) .section-nav-toggle {
  display: none !important;
}

.main-content:has(.fullscreen-enabled) {
  max-width: 100%;
}

.customer-badge .avatar {
  border-radius: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  aspect-ratio: 1;
  float: left;
}

.customer-badge .avatar img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

.register-right .customer-badge {
  min-height: 70px;
  margin-top: 8px;
}

.receivings-right .customer-badge {
  margin-top: 0;
}

.customer-badge.suggestions {
  background: #ffffff;
  border-radius: 0;
  border: 0;
  min-height: auto;
}

.receipt_small .row {
  margin-bottom: 0;
}

.info-logo-content ul.registers-list {
  padding-right: 0 !important;
}

.registers-list + .primarybg-info {
  display: none;
}

.look-up-receipt-form #sale_id, .look-up-receipt-form #receiving_id {
	margin-bottom: 16px;
}

@media (max-width: 1400px) {
  #category_item_selection > div {
    width: calc(25% - 8px);
  }
}

@media (max-width: 1200px) {
  #category_item_selection > div {
    width: calc(33% - 8px);
  }

  .register-input-group input.add-item-input {
    width: 100%;
	margin: 4px 0 0 0;
  }
}

@media (max-width: 1170px) {
  .main-content input.add-item-input {
    width: 100%;
    margin: 4px 0;
  }
}

@media (max-width: 991px) {
  #category_item_selection > div {
    width: calc(50% - 8px);
  }

  #grid_selection.btn-group {
    width: 100%;
  }

  #grid_selection.btn-group a {
    border-radius: 0 !important;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    text-align: center;
  }
	
  .row.register > div {
    padding: 0;
  }

  #sales_page_holder {
    padding-left: 0;
    padding-right: 0;
  }

	.register-item-details .popover .form-group > div {
		flex-direction: column;
	}

	.register-item-details .popover .editable-buttons {
		margin-top: 8px;
	}
}

@media (max-width: 480px) {
  table#register, table#register thead, table#register tbody, table#register th, table#register a {
    font-size: 12px !important;
  }

  a#sale_details_expand_collapse {
    line-height: 32px;
  }

  #cancel_sale_form .dropdown-toggle {
    height: 40px;
  }
}

@media (max-width: 400px) {
  #category_item_selection > div {
    width: 100%;
  }
}

/* ================================================================================================
 * Sales - Edit
 * ============================================================================================= */

#sales_edit_form input[type="submit"], #sales_change_form input[type="submit"], #sales_delete_form input[type="submit"] {
	width: 180px;
	margin: 0;
}

/* ================================================================================================
 * Tier Group
 * ============================================================================================= */

.tier-group > .list-group {
  display: none;
}

.tier-group {
  background-color: #f7f2fa;
  border: 1px solid #d9d9d9;
  margin: 4px 0;
  padding: 4px 10px;
  border-radius: 8px;
}

.tier-group > a {
  display: block;
  text-decoration: none !important;
}

.tier-group > a > span:last-child {
  float: right;
}

/* ================================================================================================
 * Reports
 * ============================================================================================= */

.row.report-listing {
  margin-bottom: 0;
}

.report-options {
  display: flex;
  align-items: center;
  padding-top: 0;
  margin-top: 0;
}

.report-options .pull-right {
  margin-left: auto;
}

.report-options button.btn-more {
  padding: 0;
  margin: 0;
  font-size: 24px;
}

.report-options button.btn-more, .report-options button.btn-more:is(:hover, :focus) {
  background: none;
  color: inherit;
  box-shadow: none;
}

.panel-body#options {
  max-width: 600px;
}

.panel-body#options .form-group > label {
  width: 100%;
  text-align: left;
}

.panel-body#options .form-group > div {
  width: 100%;
}

.panel-body#options .form-group.has-single-checkbox {
  display: flex;
}

.panel-body#options .form-group.has-single-checkbox > label {
  width: auto;
  padding: 2px 0 0 32px
}

.panel-body#options .form-group.has-single-checkbox > div {
  width: 20px;
  order: -1;
}

.panel-body#options {
  margin-bottom: 30px;
}

.summary-data .ti-widget, .primarybg-info .ti-widget, .logo-seven > .ti-widget {
  display: none;
}

.summary-data .info-seven {
  min-height: auto;
  padding: 10px 0;
}

.primarybg-info {
  text-align: center;
  color: #1C022E;
  background: #ffffff;
}

.summary-data .primarybg-info {
  margin: 0;
  padding: 0;
}

.report-content .row {
  margin-bottom: 20px;
}

#report_summary .panel-heading, .reports-printable .panel-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#report_summary .panel-heading small:nth-child(1), .reports-printable .panel-heading small:nth-child(1) {
  margin-left: 16px;
  font-size: 0.8em;
}

#report_summary .panel-heading br, .reports-printable .panel-heading br {
  content: "";
  width: 100%;
}

#report_summary .panel-heading .pull-right, .reports-printable .panel-heading .pull-right {
  margin-left: auto;
}

#report_summary .panel-heading .pull-right ~ .pull-right, .reports-printable .panel-heading .pull-right ~ .pull-right {
  margin-left: 0 !important;
}

.reports-printable .report-config:nth-child(1) {
  order: 1;
  margin-left: 0 !important;
}

.reports-printable .report-config:nth-child(1) .btn {
  border-radius: 8px;
}

.report-content .panel-piluku {
  padding-bottom: 0;
}

#report_summary {
	margin-top: 48px;
}

#report_summary .panel, .reports-printable {
  background: none;
  box-shadow: none;
  border: 0;
  padding: 0;
}

#report_summary .panel-body, .reports-printable .panel-body {
  background-color: #ffffff;
}

ul.pie-legend {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.pie-legend li > span:first-child {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  border-radius: 4px;
}

#report_summary #chart_wrapper {
  display: flex;
  justify-content: space-between;
}

#report_summary #chart-legend {
  flex-shrink: 0;
}

#report_summary #chart_wrapper canvas {
	aspect-ratio: 300 / 150;
}

#report_input_form .date-picker.bg {
	background: none;
	color: #ffffff;
	border: 0 !important;;
	border-radius: 0;
	width: 45px;
}

#report_input_form #start_date_formatted, #report_input_form #end_date_formatted {
	border-radius: 8px;
}

#report_input_form .bootstrap-datetimepicker-widget {
	color: #1c022e;
}

.lp-pie-chart {
	flex-grow: 1;
	max-width: 900px;
	text-align: right;
}

.reports-printable .colsho a {
	text-decoration: none;
	color: #365ED4;
}

span.compare {
	color: #1C022E;
}

span.compare_better {
	color: #00B428;
}

span.compare_worse {
	color: #B51D3E;
}

.lp-reports-banner ~ .report-output-row {
	margin-top: 0 !important;
}

#report_selection .panel {
	border-radius: 16px;
}

#report_selection .panel-body {
	background: #ffffff;
	box-shadow: none;
	padding: 0;
}

#report_selection:not(:has(.active)) .panel-body::before {
	content: "\e955";
	font-family: 'HeroIcons-Solid';
	font-size: 48px;
	margin: 0 auto 16px auto;
	color: #8C0AE5;
}

#report_selection #right_heading {
	text-align: center;
	color: #1C022E;
}

#report_selection:not(:has(.active)) #right_heading i::before {
	content: "\e911";
	margin-right: 8px;
	margin-top: -2px;
	font-weight: bold;
}

#report_selection:not(:has(.active)) {
	max-width: 330px;
}

#report_selection:has(.active) h3#right_heading {
	
}

.table-reports img {
	max-height: 100px;
	width: auto;
}

@media (max-width: 1200px) {
  .report-content .row .row:has(.summary-data) {
    display: flex;
    flex-wrap: wrap;
  }

  .report-content .summary-data {
    flex-grow: 1;
  }

  #report_summary #chart_wrapper {
    flex-direction: column;
  }
}

@media (min-width: 803px) {
  .report-content .row .row:has(.summary-data) {
    margin-left: 0;
  }
}

@media (min-height: 500px) {
  .report-listing .list-group {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
  }
}

@media (max-width: 500px) {
	#report_input_form .date-picker.bg {
	  display: block;
	  width: 100%;
  }

	#report_date_range_complex .row > div {
		padding: 0;
	}
}

/* ================================================================================================
 * Category Item Grid
 * ============================================================================================= */

#category_item_selection_wrapper {
  display: none;
  position: relative;
  top: 0;
}

#category_item_selection_wrapper .pagination {
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
}

#hide_grid {
  display: none;
}

/* ================================================================================================
 * Categories * Tags * Statuses
 * ============================================================================================= */

.status-tree > ul {
	padding-left: 8px;
}

.category-tree-toggle:not(:checked) ~ ul {
  display: none;
}

#category_tree li {
	border: 1px solid #D9D9D9;
	padding-left: 16px;
}

#category_tree > ul > li, .tag-tree > ul > li, .status-tree > ul > li {
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  padding: 4px 16px;
  margin: 2px 0;
}

.tag-tree > ul > li, .status-tree > ul > li {
	padding: 12px 16px;
}

#category_tree > ul > li > ul {
  max-height: max(50vh, 250px);
  overflow-y: scroll;
  padding: 0 0 20px 0;
  margin-left: 30px;
}

#category_tree > ul > li > ul > li {
	border: 0;
}

#category_tree > ul li {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	padding-left: 4px;
}

#category_tree > ul > li > ul > li {
	border-top: 1px solid #D9D9D9;
}

#category_tree > ul > li > ul {
	padding-left: 0 !important;
}

#category_tree > ul > li > ul > li {
	margin-left: 16px;
	width: calc(100% - 16px);
}

.content input.category-tree-toggle + label {
  border: 0;
  border-radius: 0;
  background: unset !important;
  position: relative;
  top: 2px;
  margin-right: 8px;
  cursor: pointer;
}

.content input.category-tree-toggle + label::before {
  content: "\e967";
  font-family: 'HeroIcons-Solid';
  display: block !important;
  color: #1C022E !important;
  font-size: 18px;
  transform: rotate(0);
  transition: transform 300ms ease-in-out;
}

.content input.category-tree-toggle:checked + label::before {
  transform: rotate(90deg);
}

#category_tree li, .tag-tree li, .status-tree li {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}

#category_tree li > ul {
	width: 100%;
}

#category_tree li > a, .tag-tree li > a {
	margin-right: 4px;
}

#category_tree li > span, .tag-tree li > span, .status-tree li > span {
	max-width: 200px;
	line-height: 1;
	flex-shrink: 1;
	margin-right: auto;
}

#category_tree li .delete_category ~ label {
	margin-left: 4px;
	position: relative;
	top: 2px;
}

body:not(.device-touch) #category_tree li > label:nth-of-type(3) {
	margin-right: 17px;
}

#category_tree > ul, .tag-tree > ul {
	padding-left: 8px;
}

#category_tree > ul > li > ul {
	padding-left: 32px;
}

#category_tree > ul > li > ul ul {
	padding-left: 20px;
}

#category_tree li > a {
	margin-right: 2px;
}

#category_tree li > label:nth-of-type(3) {
	margin-right: 0 !important;
}

body:not(.device-touch) #category_tree > ul > li > .delete_category {
	margin-right: 24px;
}

#category_tree li .delete_category ~ label {
	display: none;
}

#category_tree .hide_from_grid + label {
	display: inline-block !important;
	margin: 0;
}

#category_tree .hide_from_grid + label > span {
	display: none;
}

#category_tree .hide_from_grid + label::before {
	content: "\e99b";
	font-family: 'HeroIcons-Solid';
	color: #365ED4;
	font-size: 24px;
}

#category_tree .hide_from_grid:checked + label::before {
	content: "\e99a";
}

#category_tree .add_child_category, #category_tree .edit_category, #category_tree .delete_category,
.tag-tree .edit_tag, .tag-tree .delete_tag,
.status-tree .edit_status, .status-tree .delete_status,
.manage-checkboxes .edit_modifier, .manage-checkboxes .delete_checkbox_group {
	text-decoration: none;
	color: transparent !important;
	width: 24px;
	line-height: 1;
	white-space: pre;
	display: inline-block;
	overflow: hidden;
}

#category_tree li > ul {
	order: 3;
}

#category_tree .delete_category, .tag-tree .delete_tag, .status-tree .delete_status {
	order: 2;
	margin: 0 8px;
}

#category_tree .add_child_category::before, #category_tree .edit_category::before, #category_tree .delete_category::before, .add_root_category::before,
.tag-tree .edit_tag::before, .tag-tree .delete_tag::before, .add_tag::before,
.status-tree .edit_status::before, .status-tree .delete_status::before, .manage-statuses .add_status::before, .add_checkbox::before,
.manage-checkboxes .edit_modifier::before, .manage-checkboxes .delete_checkbox_group::before {
	font-family: 'HeroIcons-Solid';
	color: #365ED4;
	font-size: 24px;
}

#category_tree .add_child_category {
	margin-right: 16px;
}

#category_tree .add_child_category::before {
	content: "\e9e2";
}

#category_tree .edit_category::before, .tag-tree .edit_tag::before, .status-tree .edit_status::before, .manage-checkboxes .edit_modifier::before {
	content: "\e9d8";
}

#category_tree .delete_category::before, .tag-tree .delete_tag::before, .status-tree .delete_status::before, .manage-checkboxes .delete_checkbox_group::before {
	content: "\ea22";
	color: #B51D3E;
}

.add_root_category::before, .add_tag::before, .manage-statuses .add_status::before, .add_checkbox::before {
	content: "\e9e2";
	font-family: 'HeroIcons-Outline';
	font-size: 1em;
	vertical-align: middle;
	margin-right: 4px;
	position: relative;
	top: -1px;
	color: #ffffff;
}

@media (max-width: 802px) {
  #category_tree > ul {
    padding: 0;
  }
}

/* ================================================================================================
 * Work Orders
 * ============================================================================================= */

.content select#change_status {
  width: auto;
  padding: 7px !important;
  margin-left: 20px;
}

.manage-row-options .fixed-buttons {
  position: fixed;
  top: 60px;
  left: 72px;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
	padding-top: 0 !important;
}

.manage-row-options .fixed-buttons .btn {
  border-radius: 0;
  margin: 0;
  border: 1px solid #24429b;
  flex-grow: 1;
}

.manage-row-options .fixed-buttons > div {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  padding: 4px;
}

.manage-row-options:has(.work_orders):not(.hidden) + .row {
  display: none;
}

.items_being_repaired .delete-item {
  margin-right: 8px;
}

.work_order_edit_page_holder .panel {
  padding: 8px;
}

.work_order_edit_page_holder .row {
  margin-bottom: 8px;
}

.work_order_edit_page_holder .panel-title {
  margin-top: 0;
}

.work_order_edit_page_holder .panel-heading {
  padding-top: 0;
  padding-bottom: 0;
}

.work_order_status_box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.work_order_status_box .status_box_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 2px solid var(--card-border) !important;
  background-color: #ffffff !important;
  color: var(--card-color) !important;
  border-radius: 16px;
  min-width: 240px !important;
  padding: 20px !important;
  text-align: center;
  transition: border-color var(--hover-transition), box-shadow var(--hover-transition);
  margin-bottom: 16px;
  font-size: 20px;
  flex-grow: 1;
  box-shadow: none !important;
  max-width: 300px;
}

.work_order_status_box .status_box_btn br {
  display: none;
}

.work_order_status_box .status_box_btn .total_number {
  order: -1;
  font-size: 24px;
  font-weight: bold;
}

.lp-workorders-banner {
  margin-bottom: 70px;
}

.lp-workorders-banner .manage_buttons {
  background: #F7F2FA;
  border-radius: 8px;
  border: 1px solid #D9D9D9 !important;
  color: #1C022E;
  padding: 20px;
  position: relative;
  top: 50px;
  margin-top: -70px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
}

.lp-workorders-banner + div {
  margin-top: 48px;
}

.lp-workorders-banner:has(.fixed-buttons):has(.manage-row-options:not(.hidden)) .manage_buttons {
  background: none;
  border: 0 !important;
  box-shadow: none;
  height: 0;
  padding: 0;
}

.work_order_status_box > button {
	flex-basis: 20%;
}

.work-orders-hide-completed br {
	display: none;
}

.lp-workorders-banner .manage-row-options:not(.hidden) + .row {
  margin-top: 32px !important;
}

.lp-workorders-banner:has(.fixed-buttons) {
	padding-top: 32px;
}

.manage-checkboxes > table {
	border-collapse: separate;
	border-spacing: 0 2px;
}

.manage-checkboxes tbody tr {
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
}

.manage-checkboxes tbody tr > td {
	background-color: #ffffff;
	padding: 15px 8px;
}

.manage-checkboxes tbody tr > td:first-child {
	border-radius: 8px 0 0 8px;
}

.manage-checkboxes tbody tr > td:last-child {
	border-radius: 0 8px 8px 0;
}

#work_order_checkbox_modal .row .row {
	margin: 0;
}

#work_order_checkbox_modal .modal-body > .row {
	margin: 0;
}

#work_order_checkbox_modal .modal-body br {
	display: none;
}

#work_order_checkbox_modal .modal-body hr {
	border-top: 2px solid #1c022e;
	margin: 30px -20px;
}

#work_order_checkbox_modal .modal-body ul {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	padding: 20px;
	border-radius: 8px;
	margin: 8px 0 8px 0;
}

@media (max-width: 1500px) {
	.work-orders-hide-completed {
		max-width: 160px;
	}	
}

@media (max-width: 1400px) {
  .lp-workorders-banner:has(.fixed-buttons):has(.manage-row-options:not(.hidden)) {
    padding-top: 162px;
  }
}

@media (max-width: 1370px) {
  .work_order_edit_page_holder > .row > div {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .lp-workorders-banner:has(.fixed-buttons):has(.manage-row-options:not(.hidden)) {
    padding-top: 246px;
  }
}

@media (max-width: 1200px) {
  #work_order_checkbox_form .form-group .control-label {
    display: block;
    width: 100%;
    text-align: center;
  }

  #work_order_checkbox_form .form-group .control-label + div {
    width: 100%;
  }

  .lp-workorders-banner .lp-search {
	width: calc(100% - 256px);
	max-width: 100% !important;
  }

  .lp-workorders-banner .lp-search, .lp-workorders-banner .lp-search-submit, .lp-workorders-banner .lp-search-clear {
	order: -1;
  }

  .lp-workorders-banner .lp-search-tech {
	  width: calc(100% - 175px);
  }
}

@media (max-width: 801px) {
  .manage-row-options .fixed-buttons {
    left: 0;
  }

  .work_order_edit_page_holder .row > div {
    padding: 0;
  }

  #new_work_order_form .customer_info .customer_name_address_ul {
    padding: 4px !important;
  }
}

@media (max-width: 991px) {
  .lp-workorders-banner:has(.fixed-buttons):has(.manage-row-options:not(.hidden)) {
    padding-top: 308px;
  }

  .content select#change_status {
    margin-left: 4px;
  }

  .lp-workorders-banner .lp-search, .lp-workorders-banner .lp-search-tech, .lp-top-banner .work-orders-hide-completed {
	  width: 100%;
	  max-width: 100%;
  }

  .lp-workorders-banner .lp-search-submit {
	margin-left: auto;
  }

  .items_being_repaired dt {
    font-size: 1.2em;
    margin-top: 8px;
  }

  .work_order_status_box {
    margin-bottom: 0;
  }
}

/* ================================================================================================
 * Work Orders - Edit Page
 * ============================================================================================= */

.work_order_edit_page_holder .notes_info .notes {
  max-height: 237px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* ================================================================================================
 * Messages
 * ============================================================================================= */

.message-wrapper {
  display: flex;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #E7E7E7;
  padding: 8px 16px;
  margin-bottom: 4px;
}

.message-wrapper:nth-child(2n) {
  background-color: #f7f2fa;
}

.message-options {
  order: 1;
}

.message-body, .main-content .mail_holder > .mail_body .heading_block {
  display: flex;
  justify-content: stretch;
  align-items: center;
  font-size: 14px;
  width: 100%;
}

.message-body > div {
  flex-grow: 1;
  position: relative;
}

.message-body .avatar {
  flex-grow: 0;
  margin-right: 24px;
}

.message-body .avatar img {
  width: 60px;
  height: 60px;
}

.message-body h1 {
  font-size: 20px;
  margin: 0;
}

.message-body .time {
  position: absolute;
  top: 2px;
  right: 8px;
}

.mail_body h1 {
  flex-grow: 1;
}

.mail_body .message-options {
  font-size: 24px;
}

/* ================================================================================================
 * 
 * ============================================================================================= */

#hide_grid {
  display: none;
}

/* ================================================================================================
 * Print
 * ============================================================================================= */

@media print {
  .hidden-print {
    display: none;
  }

  .section-nav-toggle {
    display: none;
  }

  #receipt_wrapper .panel, #receipt_wrapper .panel-body {
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: #ffffff !important;
  }

  .summary-data.col-xs-12 {
    width: 25% !important;
  }
}

.print-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.print-buttons li {
  padding: 0;
}

.print-buttons li > br {
  display: none;
}

.print-buttons li .btn {
  display: block;
  margin: 4px !important;
  border-radius: 0;
}

.print-buttons a.btn {
  margin: 4px;
}

#receipt_wrapper_inner .panel-body {
  background: #ffffff !important;
  box-shadow: none !important;
}

/* ================================================================================================
 * Manage
 * ============================================================================================= */

.manage_buttons .row, .row.alert-select-all {
  margin-bottom: 0;
}

.panel-title:has(#config_columns) {
  display: flex;
  align-items: center;
  width: 100%;
}

.panel-title #config_columns {
  margin-left: auto;
}

.panel-title #manage_total_items {
  margin-left: 8px;
}

.manage-table .panel-heading {
  margin: 0;
  padding: 20px 0;
}

.pull-right-btn {
  text-align: right;
}

/* ================================================================================================
 * Inventory
 * ============================================================================================= */

.item_kit_item_row .form-group {
  margin-left: 0;
  margin-right: 0;
}

.price_container .input-group-addon.bg {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}

#rollover_image {
  position: absolute;
  border: 1px solid #ccc;
  background: #333;
  padding: 5px;
  display: none;
  color: #fff;
  pointer-events: none;
  z-index: 1000;
}

#rollover_image img {
  max-width: 450px;
  max-height: calc(100vh - 128px);
  height: auto;
}

#attributes .selectize-input {
	border-radius: 4px !important;
	height: 54px;
}

#attributes td::before {
	flex-basis: 80px;
}

#attributes td[data-heading=""] .btn {
	margin-left: auto;
}

#item_form table#attributes  {
	width: auto;
	min-width: 700px;
}

#item_form #item_variations .selectize-control .selectize-input {
	min-height: 50px;
}

#item_form .commission-container > div {
	width: 100%;
}

#item_form .commission-container > div > div {
	display: flex;
}

#item_form .commission-container #commission_type {
	order: -1;
	width: 160px;
}

#item_form .commission-container #commission_value {
	width: calc(400px - 180px);
}

#item_form .item-form-pricing-variations > div {
	max-width: 100% !important;
	width: 100% !important;
}

#item_form #available_attributes {
	width: min(400px, 100%);
	margin-bottom: 32px;
}

#item_form #available_attributes + span {
	margin-bottom: 32px;
}

#item_form .item-inventory-variations > div {
	width: 100%;
}

/* ================================================================================================
 * Item Kits
 * ============================================================================================= */

#item_kit_form .tax-container {
	
}

.tax-container-or {
	width: 100px;
}

/* ================================================================================================
 * Invoices
 * ============================================================================================= */

.status_box .total_number:nth-child(1) {
  background-color: #1C022E !important;
}

.status_box .total_number:nth-child(2) {
  color: #1C022E !important;
  border: 1px solid #1C022E;
  margin-left: -5px;
}

.invoice_body > .panel-body {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.invoice_body > .panel-body > div > .panel {
  height: 100%;
}

.invoice_body > .panel-body > div:not(:first-child) {
  padding-right: 4px;
  padding-left: 4px;
}

.invoice_body > .panel-body > div:not(:first-child) .panel-body {
  background: #ffffff;
  border: 0;
  padding: 0;
  text-align: center;
  box-shadow: none;
}

.invoice_body > .panel-body > .panel {
  width: 100%;
}

.invoice_body > .panel-body > div:has(#print_button) {
  margin-top: 20px;
}

.invoice_body .panel-heading {
  clear: left;
}

@media (max-width: 1400px) {
  .invoice_body > .panel-body > div {
    width: 100%;
    padding: 4px !important;
  }
}

@media (max-width: 992px) {
  .invoice_body .has-col-headings tr.payment_heading {
    display: none;
  }
}

@media (max-width: 540px) {
  .invoice_body .pull-right {
    float: none !important;
  }
}

/* ================================================================================================
 * Top Banner
 * ============================================================================================= */

.lp-top-banner {
  background-image: url('images/banner-top.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -32px;
}

.lp-top-banner::before, .lp-top-banner::after {
  display: none;
}

.lp-top-banner-content {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  min-height: 175px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
}

.lp-dashboard-banner .lp-top-banner-content,
.lp-workorders-banner .lp-top-banner-content {
  min-height: 268px;
}

.lp-top-banner-content .card,
.lp-top-banner-content .work_order_status_box {
  color: #1C022E;
}

.lp-top-banner .panel {
  background-color: rgba(255, 255, 255, 0.15);
}

.lp-top-banner .panel-body:not(.nopadding) {
  background-color: rgba(255, 255, 255, 0.15);
}

.report-content .report-output-row {
  margin-top: -70px;
}

.lp-top-banner-title {
  font-size: 28px;
  font-weight: 700;
}

.lp-top-banner-title .badge {
  background: none;
  font-size: 14px;
  display: inline-block;
  padding: 0;
  margin-top: 3px;
  margin-left: 4px;
}

.lp-top-banner-title .badge::before {
  content: "(";
}

.lp-top-banner-title .badge::after {
  content: ")";
}

.lp-banner-clear input[type="text"] {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border-color: #ffffff !important;
}

.lp-banner-clear input[type="text"]::-webkit-input-placeholder {color: #ffffff !important;}
.lp-banner-clear input[type="text"]::-moz-placeholder {color: #ffffff !important;}
.lp-banner-clear input[type="text"]:-ms-input-placeholder {color: #ffffff !important;}
.lp-banner-clear input[type="text"]:-moz-placeholder {color: #ffffff !important;}

.lp-top-banner .lp-search, .lp-top-banner .search-tpl {
  position: relative;
  max-height: 46px;
  flex-grow: 1;
  max-width: 500px;
}

.lp-top-banner .lp-search::before, .lp-top-banner .search-tpl::before {
  content: "\e9c7";
  font-family: 'HeroIcons-Solid';
  position: absolute;
  left: 20px;
  top: 8px;
  font-size: 24px;
}

.lp-top-banner .lp-search input, .lp-top-banner .search-tpl input {
  height: 100%;
  padding-left: 48px !important;
}

.lp-top-banner .search-tpl {
  max-width: 400px;
  margin: 0 auto !important;
}

.lp-top-banner .search-tpl .input-group, .lp-top-banner .search-tpl input {
  width: 100%;
}

.lp-top-banner #search-addon {
  display: none;
}

.lp-top-banner .row {
  display: flex;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
}

.lp-top-banner .row > div:not(.pull-right) {
  flex-grow: 1;
}

.lp-top-banner .row::before, .lp-top-banner .row::after {
  display: none;
}

.lp-top-banner .buttons-list {
  display: flex;
}

.lp-top-banner .manage_buttons {
  margin-top: auto !important;
}

.lp-banner-clear .select2-container .select2-choice {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border-color: #ffffff;
}

.lp-banner-clear #search-addon {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border-radius: 0;
}

.content .lp-banner-clear select {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

.content .lp-banner-clear select option {
  color: #000000;
}

.lp-banner-clear .clear-block i::before {
  color: #ffffff;
}

.lp-top-banner .select2-arrow {
  background: transparent !important;
  border: 0 !important;
}

.lp-banner-clear .select2-container .select2-choice .select2-arrow b {
  background: none;
}

.lp-banner-clear .select2-container .select2-choice .select2-arrow b::before {
  content: "\e965";
  font-family: 'HeroIcons-Solid';
}

.lp-banner-clear .select2-container.select2-dropdown-open .select2-choice .select2-arrow b::before {
  content: "\e969";
}

.lp-dashboard-banner .lp-top-banner-content {
  flex-direction: row;
}

.lp-top-banner-content {
  padding: 20px 55px;
}

.section-nav ~ .main-content .lp-top-banner-content {
  padding: 20px 90px;
}

.lp-top-banner .pull-right-btn {
  margin-left: auto;
  justify-content: center;
}

.lp-top-banner .work-orders-hide-completed {
  display: flex !important;
}

.lp-top-banner .work-orders-hide-completed .control-label {
  order: 1;
  margin-top: 2px;
}

.lp-top-banner .ion-plus::before {
  content: "\e9e2" !important;
  font-family: "HeroIcons-Outline";
  font-size: 24px;
}

.lp-inventory-banner .lp-search {
  order: 1;
}

.lp-inventory-banner #search_form li:nth-child(3) ~ li {
  order: 10;
}

.lp-top-banner .items-buttons {
  margin-top: 0;
}

.lp-top-banner a.hidden-sm, .lp-top-banner a.hidden-xs,
.lp-top-banner li.hidden-sm, .lp-top-banner li.hidden-xs {
  display: block !important;
}

@media (max-width: 1820px) {
  .section-nav ~ .main-content .lp-top-banner-content, .main-content:has(.config-nav) .lp-top-banner-content {
    padding: 20px 5.5vw;
  }
}

@media (min-width: 1600px) {
  .lp-top-banner {
    margin: 0 calc(((100vw - 72px) - 1440px) * -0.5);
    margin-top: -32px;
  }

  .section-nav ~ .main-content .lp-top-banner {
    margin: 0 calc(((100vw - 72px) - 1440px) * -0.5);
    margin-top: -32px;
  }
}

@media (max-width: 1650px) and (min-width: 1600px) {
  .lp-top-banner {
    margin: 0 calc(((100vw - 72px) - 1380px) * -0.5);
    margin-top: -32px;
  }

  .section-nav ~ .main-content .lp-top-banner {
    margin: 0 calc(((100vw - 72px) - 1390px) * -0.5);
    margin-top: -32px;
  }
}

@media (max-width: 1599px) and (min-width: 1201px) {
  .lp-top-banner {
    margin-left: -70px;
    margin-right: -70px;
  }
}

@media (max-width: 1200px) and (min-width: 802px) {
  .lp-top-banner {
    margin-left: -70px;
    margin-right: -25px;
  }
}

@media (max-width: 1200px) and (min-width: 802px) {
  .section-nav ~ .main-content .lp-top-banner-content,
  .main-content:has(.config-nav) .lp-top-banner-content {
    padding: 20px 30px 20px 80px;
  }
}

@media (max-width: 1320px) {
  .lp-top-banner .row {
    flex-direction: column;
  }
  
  .lp-top-banner .row {
    justify-content: center;
  }

  .lp-top-banner .lp-inline {
    justify-content: center;
  }

  .lp-top-banner li {
    margin-bottom: 16px;
  }

  .lp-top-banner-title {
    text-align: center;
  }

  .lp-top-banner .row > div {
    width: 100%;
  }

  .lp-settings-banner .search-tpl {
    width: 100%;
    max-width: 100%;
    margin: 0 0 16px 0 !important;
  }

  .lp-people-banner .lp-search {
    margin: 0 auto 8px auto;
  }

  .lp-people-banner #search_form .list-inline {
    justify-content: center;
  }

  .lp-people-banner #search_form .list-inline::before {
    content: "";
    width: 100%;
    order: 1;
  }

  .lp-people-banner .lp-search ~ li {
    order: 2;
  }
  
  .lp-people-banner .pull-right-btn {
    margin-right: auto;
  }

  .lp-people-banner #search_form .hidden-xs {
    display: inherit !important;
  }

  .lp-people-banner .select2-container {
    margin-left: 4px;
    margin-top: -2px;
  }

  .lp-top-banner .buttons-list {
    position: absolute;
    top: calc(100% + 32px);
    right: 0;
  }

  .lp-top-banner .lp-top-banner-content {
    margin-bottom: 32px;
  }

  .lp-workorders-banner .buttons-list {
    position: static;
    top: 0;
  }

  .lp-top-banner .manage_buttons {
    margin-bottom: 0;
  }
  
  .lp-top-banner .email_buttons:not(.fixed-buttons) {
    text-align: center;
  }

  .lp-top-banner .email_buttons.fixed-buttons a.btn,
  .lp-top-banner .email_buttons.fixed-buttons button.btn {
    border-radius: 0;
    margin: 4px;
  }

  .lp-top-banner .email_buttons.fixed-buttons a.btn,
  .lp-top-banner .email_buttons.fixed-buttons button.btn {
    margin: 0;
  }
}

@media (max-width: 1050px) {
  .lp-inventory-banner .search-items .list-inline > .hidden-xs {
    width: 50%;
    margin-bottom: 8px;
  }

  .lp-inventory-banner .search-items .list-inline .lp-search {
    width: 100%;
    max-width: 100%;
    margin: 0 0 8px 0;
    padding: 0 4px;
  }

  .lp-inventory-banner .search-items .btn > span.hidden-xs {
    display: inline-block !important;
    margin-left: 8px;
  }

  .lp-inventory-banner .search-items .btn {
    padding: 8px 16px 8px 8px;
    width: 100%;
  }

  .lp-inventory-banner #search_form li:nth-child(4),
  .lp-inventory-banner #search_form li:nth-child(5) {
    margin: 0 auto;
  }

  .lp-inventory-banner #search_form li:has(.items-clear-block) {
    width: 100%;
  }

  .lp-inventory-banner .pull-right-btn {
    margin: 0 auto !important;
  }
}

@media (max-width: 992px) {
  .lp-top-banner-content {
    padding: 20px;
  }
}

@media (max-width: 802px) {
  .lp-top-banner {
    margin-left: -17px;
    margin-right: -17px;
    margin-bottom: 0;
  }

  .lp-dashboard-banner .lp-top-banner-content {
    flex-direction: column;
  }
}

/* ================================================================================================
 * Employees * Suppliers * Customers
 * ============================================================================================= */

.permission-template-search input[type="text"] {
  width: 250px;
  max-width: 100%;
}

#template_form .panel .panel .panel-heading {
  border: 0;
  background: #f7f2fa !important;
  border-radius: 0;
}

#template_form .list-group-item {
  font-size: 14px;
}

#template_form .list-group-item .iconi {
  left: 0 !important;
  margin-left: 20px;
}

#employee_form .list-group-item {
	font-size: 14px;
	border: 0;
	display: flex;
	align-items: center;
}

#employee_form .list-group-item .pull-right {
	margin-left: auto;
	padding-left: 20px;
}

#employee_form .list-group-item .iconi {
	left: 0;
}

#employee_form .list-group-item label + span {
	margin-top: 0;
}

/*#employee_form .list-group-item .text-warning {
  color: #eac841;
}

#employee_form .list-group-item .text-success {
  color: #eac841;
}*/

#suppliers_form #first_name, #customers_form #first_name {
	width: min(300px, 100%);
}

@media (max-width: 850px) {
  #template_form .panel-heading {
    flex-wrap: wrap;
  }

  #template_form .list-group-item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  #template_form .pull-right {
    margin-left: auto !important;
  }

  #template_form .list-group-item > label {
    top: 7px;
    position: relative;
  }

	#employee_form .list-group-item {
		flex-wrap: wrap;
	}

	#employee_form .list-group-item label {
		width: 45px;
	}

	#employee_form .list-group-item label + span {
		width: calc(100% - 45px);
	}

	#employee_form .list-group-item .text-info {
		
	}
}

@media (max-width: 768px) {
  .permission-template-search {
    width: 350px;
    max-width: 100%;
  }

  .permission-template-search + div {
    width: calc(100% - 350px);
  }
}

@media (max-width: 450px) {  
  .permission-template-search .list-inline > li {
    padding: 0;
    margin: 0;
  }
  
  .permission-template-search .list-inline > li:nth-child(1) {
    width: calc(100% - 32px);
  }

  .permission-template-search .list-inline > li:nth-child(2) {
    width: 32px;
  }
  
  .permission-template-search input {
    font-size: 12px;
    padding: 0;
  }

  .permission-template-search button {
    margin: 0 0 0 8px !important;
  }
}

/* ================================================================================================
 * Dashboard - Setup Wizard
 * ============================================================================================= */

.wizard_step_done img {
	opacity: 0.4;
}

.wizard_step_done .btn-info {
	color: #fff;
	background-color: #4c4c4c;
	border-color: #4c4c4c;
	width: 50%;
}

.wizard_step_done {
  text-decoration: line-through;
}

#setup_wizard {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
	text-align: center;
}

#setup_wizard > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 32px;
}

#setup_wizard > div img {
    max-width: 100px;
}

#setup_wizard > div p {
    height: auto;
}

#setup_wizard > div > span {
    margin: auto 0 0 0;
    display: block;
    width: 100%;
}

#setup_wizard > div .btn-info {
    width: 100%;
    max-width: 120px;
    margin: 0 !important;
}

@media (max-width: 1100px) {
    #setup_wizard > div {
        width: 33%;
    }
}

@media (max-width: 992px) {
    #setup_wizard_container, #test_mode_container {
        text-align: center;
    }

    a#dismiss_setup_wizard, a#dismiss_test_mode {
        float: none !important;
        font-size: 20px;
        display: inline-block;
        margin-bottom: 24px;
    }

    a#dismiss_test_mode + strong {
        display: block;
        margin: 16px 0;
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    #setup_wizard > div {
        width: 50%;
    }
}

/* ================================================================================================
 * Setup Panel
 * ============================================================================================= */

.setup-panel {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
}

.setup-panel > li {
	display: block;
	width: 100%;
}

.setup-panel > li > a {
	height: 100%;
}

.setup-content .list-inline {
	display: flex;
}

.setup-content .pull-right {
	margin-left: auto !important;
}

.setup-content .prev-step::before, .setup-content .next-step::after {
	content: "\e967";
	font-family: "HeroIcons-Solid";
	font-weight: bold;
	vertical-align: middle;
	color: #ffffff;
}

.setup-content .prev-step span, .setup-content .next-step span {
	display: none;
}

.setup-content .prev-step::before {
	content: "\e966";
}

@media (max-width: 992px) {
	.setup-content .form-horizontal {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

@media (max-width: 802px) {
	.setup-panel {
		flex-direction: column;
	}
}
/*
@media (max-width: 480px) {
	.setup-content .jsgrid-table,
	.setup-content .jsgrid tbody,
	.setup-content .jsgrid-edit-row:not(.jsgrid-selected-row),
	.setup-content .jsgrid-alt-row:not(.jsgrid-selected-row),
	.setup-content .jsgrid-row:not(.jsgrid-selected-row),
	.setup-content .jsgrid-cell {
		
	}
}*/

/* ================================================================================================
 * Template Form
 * ============================================================================================= */

form#template_form .manage-table {
	display: flex;
	flex-direction: column;
}

form#template_form .manage-table > div {
	width: 100%;
}

form#template_form .manage-table > div:nth-child(1) {
	order: 10;
}

form#template_form .panel, form#template_form .panel-heading {
	padding: 8px;
	margin-bottom: 4px;
}

form#template_form .shortcuts {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

form#template_form .shortcuts a, .shortcode-editor a {
	padding: 4px 8px;
	background-color:#ffffff;
	margin: 4px;
	border-radius: 4px;
	text-decoration: none !important;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

form#template_form .shortcuts a > span, .shortcode-editor a > span {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

form#template_form .shortcuts > a::before, .shortcode-editor a::before {
	content: attr(data-label);
}

form#template_form .preview_enable {
	margin-top: 0;
	margin-bottom: 0;
}

.shortcode-editor {
    width: 100%;
    height: 154px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #1C022E;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
	overflow-y: auto;
	resize: vertical;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.shortcode-editor:focus {
	border-color: #66afe9;
	box-shadow: 0 0 4px #66afe9;
	outline: none !important;
}

.shortcode-editor div, .shortcode-editor a {
	display: inline;
}

.shortcode-editor a {
	border: 1px solid #ccc;
}

.shortcode-editor a > span {
	display: none;
}

.shortcode-editor a::after {
	content: "\00d7";
	color: red;
	margin-left: 8px;
	font-size: 20px;
	line-height: 0;
	font-weight: bold;
}

#attributes .btn {
	margin: 0;
}

/* ================================================================================================
 * Sortables
 * ============================================================================================= */

body.device-touch .sortable-controls .sortable-drag {
	display: none;
}

body.device-touch .sortable-controls span[data-btn="moveup"]::before {
	content: "\e969";
	font-family: 'HeroIcons-Solid';
	font-size: 20px;
	font-weight: bold;
	display: block;
	width: 20px;
}

body.device-touch .sortable-controls span[data-btn="movedown"]::before {
	content: "\e965";
	font-family: 'HeroIcons-Solid';
	font-size: 20px;
	font-weight: bold;
	display: block;
	width: 20px;
}

.lp-table-collapse .sortable-controls span {
	display: inline-block;
	margin-right: 8px;
}

/* ================================================================================================
 * Settings / Locations
 * ============================================================================================= */

.lp-settings-banner {
	text-align: center;
}

.lp-locations-banner {
	text-align: center;
}

.lp-locations-banner .row {
	justify-content: center;
	align-items: center;
}

.lp-locations-banner .row > div {
	width: auto !important;
	flex-grow: 0 !important;
}

.lp-locations-banner .search {
	min-width: 320px;
}

.cumulative_checkbox + label {
	margin-toP: 4px;
}

.settings-tax-classes > div {
	width: 100%;
}

#price_registers td .dot {
  display: none;
}

.location-register-table-holder {
	width: 100%;
	padding: 0 20px 0 0;
	margin-top: 24px;
}

.location-register-table-holder .lp-scrollbar-mirror {
	width: 100%;
}

#location_form .add-register-table {
	padding-left: 55px;
}

#location_form .add-register-table label {
	text-align: left;
}

.locations-taxes-container {
	padding-left: 60px;
}

.locations-taxes-container .control-label {
	width: auto !important;
}

@media (max-width: 480px) {
	.locations-taxes-container {
		padding-left: 0;
	}

	#location_form .add-register-table {
		padding-left: 0;
	}
}

/* ================================================================================================
 * Gift Card
 * ============================================================================================= */

.manage-row-options .email_buttons.giftcards {
	display: flex;
}

/* ================================================================================================
 * Misc
 * ============================================================================================= */

.permission-action-item i::before, #lmodule_appointments i::before {
  position: relative;
  display: inline-block;
  top: -4px;
  margin-right: 4px;
}

#lmodule_appointments i::before {
  top: -3px;
}

.permission-action-item .icon.arrow {
  left: -18px;
}

.list-group-item .icon.arrow {
  left: -18px;
}

.form-group:has(input.modifier) {
  display: flex;
  align-items: center;
}

.form-group:has(input.modifier) > label {
  width: calc(25% - 20px);
  padding-right: 0;
}

.form-group:has(input.modifier) > div {
  width: 20px;
  margin-top: 7px;
}

.list-inline, .lp-inline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

li.inline-multi {
  display: inline-flex;
  flex-wrap: wrap;
}

li.inline-multi > span {
  display: inline-block;
  margin-right: 10px;
}

@media (max-width: 1250px) {
  .config_manage .col-md-3 {
    width: 100% !important;
  }
}

@media (max-width: 802px) {
  .config_manage .fixed-buttons .search-tpl {
    padding-left: 34px;
  }
}

.config-panel {
  margin-top: 48px;
}

.config-panel .tab-pane .row {
	margin-bottom: 0;
}

.select2-drop {
   z-index: 99999;
}

#supplier_form .btn, #giftcard_form .btn {
  white-space: wrap;
}

#punches i::before {
  display: none;
}

.lp-settings-banner .manage-row-options .fixed-buttons {
	position: static !important;
	visibility: hidden;
}