:root {
  --blue: #0076b9;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #e74a3b;
  --orange: #fd7e14;
  --yellow: #f6c23e;
  --green: #009d7e;
  --teal: #20c9a6;
  --cyan: #36b9cc;
  --white: #fff;
  --gray: #858796;
  --gray-dark: #5a5c69;
  --primary: #4e73df;
  --secondary: #858796;
  --success: #1cc88a;
  --info: #36b9cc;
  --warning: #f6c23e;
  --danger: #e74a3b;
  --light: #f8f9fc;
  --dark: #5a5c69;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: 'PT Sans', sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
} body {
	background-color: #f8f9fc;
} body.auth {
	/*background-image: url(/img/header.svg);*/
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
} #wrapper #content-wrapper {
	background: transparent;
} .invoice-link img {
	height: 25px;
} .list-type-toggle .nav-tabs {
	border: 0;
} .list-type-toggle .nav-tabs .nav-link {
	background-color: transparent;
	border: 0;
	background-position: center;
    background-repeat: no-repeat;
} .list-type-toggle .nav-tabs .nav-link.active#nav-invoice-list-tab {
	background-image: url(/img/list-active.svg) !important;
} .list-type-toggle .nav-tabs .nav-link.active#nav-invoice-grid-tab {
	background-image: url(/img/grid-active.svg) !important;
} .js-datatable-container .card-body
, .js-datatable-container .card-block {
	min-height: max(calc(100vh - 316px), 300px);
} .dataTables_scrollHeadInner table[data-block=true] {
	display: none;
} .dataTables_scrollBody table[data-block=true] tbody {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	column-gap: 1rem;
  	row-gap: 1rem;
} .dataTables_scrollBody table[data-block=true] tbody tr {
	background-color: #fff;
	border: 1px solid #BCBCBC;
} .dataTables_scrollBody table:not([data-block=true]) tbody tr td
, .dataTables_scrollHead table:not([data-block=true]) thead tr th {
	border-bottom: 1px solid #BCBCBC;
} .dataTables_scrollBody tbody tr.payed
, .dataTables_scrollBody table[data-block=true] tbody tr.payed {
	background-color: rgba(224, 239, 240, 1);
} .dataTables_scrollBody tbody tr.expired
, .dataTables_scrollBody table[data-block=true] tbody tr.expired {
	background-color: rgba(247, 228, 242, 1);
} .dataTables_scrollBody table[data-block=true] .download {
	max-width: 33px;
	box-sizing: content-box;
} .dataTables_scrollBody table[data-block=true] tbody tr td  ul {
	padding-left: 1.5rem; 
	margin: 0;
} .dataTables_scrollBody table[data-block=true] tbody tr td  ul li {
	font-size: 15px;
} .table th {
	border-top: 0;
} .dataTables_length label {
	display: flex;
} .dataTables_length label select {
	margin-right: .5rem;
	margin-left: .5rem;
} h1 {
	color: var(--blue);
} .sidebar.toggled .nav-item .nav-link span:not([class^=icon-]) {
	display: none;
} .sidebar {
	min-height: calc(100vh - 70px);
	transition: width .5s ease;
} .sidebar.toggled
, .sidebar.toggled .nav-item .nav-link {
	width: 4rem !important;
} .sidebar > li:last-child {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: flex-end;
} .sidebar-dark .nav-item .nav-link {
	display: flex;
	align-items: center;
	height: 56px;
	padding: 0 1rem;
} .sidebar-dark .nav-item .nav-link span {
	display: block;
	height: 24px;
	line-height: 24px;
} .sidebar-dark .nav-item .nav-link span[class^=icon-] {
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-right: 1rem;
} .sidebar-dark .nav-item .nav-link .icon-invoice {
	background-image: url(/img/invoice.svg);
} .sidebar-dark .nav-item .nav-link .icon-dollar {
	background-image: url(/img/dollar.svg);
} .sidebar-dark .nav-item .nav-link .icon-truck {
	background-image: url(/img/truck.svg);
} .sidebar-dark .nav-item .nav-link .icon-users {
	background-image: url(/img/users.svg);
} .sidebar-dark .nav-item .nav-link .icon-pharma {
	background-image: url(/img/pharma.svg);
} .jconfirm-scrollpane > div > div.row {
	justify-content: center;
} .form-check-toggle {
	position: relative;
	padding-left: 0;
	line-height: 30px;
} .form-check-toggle input {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 0%;
	margin: 0;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
} .form-check-toggle input + span {
	cursor: pointer;
	user-select: none;
	height: 26px;
	margin-left: 46px;
	display: block;
} .form-check-toggle input + span:before {
	content: '';
	position: absolute;
	left: 0;
	display: inline-block;
	height: 26px;
	width: 46px;
	background: #fff;
	border: solid 1px #eff2f3;
	transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;
	border-radius: 15px;
} .form-check-toggle input + span:after {
	width: 24px;
	height: 24px;
	margin-top: 1px;
	margin-left: 1px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background: #fff;
	transition: margin-left 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	text-align: center;
	font-weight: bold;
	content: '';
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.05);
} .form-check-toggle input:checked + span:after {
	content: '';
	margin-left: 21px;
	box-shadow: none;
} .form-check-toggle input:checked + span:before {
	background-color: #86be4e;
	border-color: #86be4e;
	transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;
} [data-fieldname="customers"] > ul {
	list-style: none;
	margin: 0;
	padding: 0;
} .sidebar-toggled .sidebar-dark .nav-item .nav-link span[class^=icon-] {
	margin-right: 0;
} #auth-error {
	color: var(--danger);
	display: none;
} .page-item .page-link {
	padding: .25rem 0.75rem;
} .page-item .page-link:focus {
	outline: none;
	box-shadow: none;
} .gea-arrow-left:before
, .gea-arrow-right:before {
	background-image: url(/img/arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	content: '';
	display: block;
} .page-item.disabled .page-link {
	opacity: .5;
} .gea-arrow-right:before {
	transform: rotate(180deg);
} .dataTables_info:not(:last-child) {
	flex: 1;
    text-align: right;
    padding-right: 1rem;
} .btn-icon {
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
} .btn-icon:focus {
	outline: none;
	box-shadow: none;
} .selectize-input {
    border: 1px solid #d1d3e2;
    border-radius: 0.35rem;
    box-shadow: none;
} .selectize-control.multi .selectize-input>div
, .selectize-control.multi .selectize-input>div.active
, .selectize-control.multi .selectize-input.disabled>div
, .selectize-control.multi .selectize-input.disabled>div.active {
	background-color: var(--blue);
	border-color: var(--blue);
	color: #fff;
	border-radius: 0.25rem;
	line-height: 24px;
	font-size: 16px;
} .selectize-control .selectize-input.disabled {
	opacity: 1;
	background-color: #fff;
} .selectize-control.plugin-remove_button .disabled .item {
	padding-right: 6px !important;
} .selectize-control.plugin-remove_button .disabled .item .remove {
	display: none;
} .selectize-dropdown [data-selectable].option {
	font-size: 16px;
} .selectize-control.plugin-remove_button .item .remove {
	font-size: 19px;
} .selectize-dropdown-content {
	max-height: 90px;
} .masked {
	position: relative;
} .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(c,.0);
	display: none;
	transition: background-color .3s ease;
} .loading .mask {
	display: block;
	background-color: rgba(255,255,255,.4);
} .form-inline-group {
	display: inline-flex;
} .btn-search {
  color: #fff;
  background-color: var(--blue);
  border-color: var(--blue);
  margin-left: .5rem;
} .btn-search:hover {
  color: #fff;
  background-color: var(--blue);
  border-color: var(--blue);
} .btn-search:focus, .btn-search.focus {
  color: #fff;
  background-color: var(--blue);
  border-color: var(--blue);
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
} .btn-search.disabled, .btn-search:disabled {
  color: #fff;
  background-color: var(--blue);
  border-color: var(--blue);
} .btn-search:not(:disabled):not(.disabled):active
, .btn-search:not(:disabled):not(.disabled).active
, .show > .btn-search.dropdown-toggle {
  color: #fff;
  background-color: var(--blue);
  border-color: var(--blue);
} .btn-search:not(:disabled):not(.disabled):active:focus
, .btn-search:not(:disabled):not(.disabled).active:focus
, .show > .btn-search.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
} .btn-filter {
	background-image: url('/img/filters.svg');
} .btn-filter.active {
	background-image: url('/img/filters-active.svg');
} .sidebar-brand-text img {
	object-fit: contain;
	max-height: 40px;
} .tooltip-inner {
    max-width: 350px; /* set this to your maximum fitting width */
    width: inherit; /* will take up least amount of space */ 
} @media all and (max-width: 1399.98px) {
	.dataTables_scrollBody table[data-block=true] tbody {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
} @media all and (max-width: 1199.98px) {
	.dataTables_scrollBody table[data-block=true] tbody {
		grid-template-columns: 1fr 1fr 1fr;
	}
} @media all and (max-width: 991.98px) {
	.dataTables_scrollBody table[data-block=true] tbody {
		grid-template-columns: 1fr 1fr;
	}
} @media all and (max-width: 767.98px) {
	.dataTables_scrollBody table[data-block=true] tbody {
		grid-template-columns: 1fr 1fr;
	} .container-fluid {
		padding-left: .5rem;
		padding-right: .5rem;
	} .sidebar {
		width: auto;
	} .sidebar-dark .nav-item .nav-link span:first-child {
		margin-right: 0;
	} .sidebar-dark .nav-item .nav-link span:last-child {
		display: none;
	} .sidebar .nav-item .nav-link {
		width: auto;
	} .heading .row {
		display: block;
	} .sidebar.toggled, .sidebar.toggled .nav-item .nav-link {
		width: 0 !important;
	}
} @media all and (max-width: 575.98px) {
	.dataTables_scrollBody table[data-block=true] tbody {
		grid-template-columns: 1fr;
	} .dataTables_info {
		text-align: right;
	   	padding-right: 0;
	} .pagination {
		justify-content: flex-end;
		margin-top: .5rem;
	} .dataTables_length label {
		justify-content: end;
	} .dataTables_length label select {
		max-width: 80px;
	}
}