/* @import url("table.css?v=1.6"); */
/* @import url("print.css?v=1.5"); */
/* @import url("faktura.css?v=4"); */
/* @import url("fullscreen.css?v=1.7"); */
@import url("Neue\ Haas\ Grotesk\ Display\ Pro.css");
@import url("Neue\ Haas\ Grotesk\ Text\ Pro.css");
@import url("Monument\ Grotesk\ Mono.css");
@import url("Reckless\ Neue\ Book.css");

/* body {
	font-size: .875rem;
} */

.font-custom {
	font-family: 'Neue Haas Grotesk Display Pro' !important;
}

.main {
	width: 100%;
	/* min-height: 100vh; */
}

.mainContentPadding {
	padding: 30px 30px 30px 30px;
	min-height: calc(100vh - 70px);
}

@media (max-width: 767.98px) {
	.mainContentPadding {
		padding: 30px 30px 30px 30px;
		min-height: calc(100vh - 70px);
	}
}

.main::before {
	background: rgba(25, 25, 25, 1);
	content: " ";
	height: 264px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
	transform: skewY(-1.25deg);
	transform-origin: 100%;
}

.logo {
	fill: #f8f9fa;
}

/* .btn-group .mdi::before {
	font-size: 1.25rem;
} */

#sidebarMenu i {
	margin: 0 15px 0 9.5px;
	font-size: 1.75rem;
}

/*
* Navbar
*/

.navbar-brand svg, .navbar-brand path
{
	max-width: 175px;
	min-width: 175px;
	fill: #f8f9fa;
}

#menu-toggle i {
    font-size: 3em;
}

#menu-toggle {
	/* width: 4em;
	height: 4em;
	position: fixed;
	bottom: 1em;
	left: 1em; */
	cursor: pointer;
	z-index: 999;
}

#menu-close {
	z-index: 9999;
	position: relative;
}

/*
* Sidebar
*/

.sidebar {
	background: linear-gradient(0deg,#111,#333);
	position: fixed;
	top: 105px;
	bottom: 0;
	left: 20px;
	box-shadow: 0 2px 22px 0 rgba(0,0,0,.2),0 2px 30px 0 rgba(0,0,0,.35);
	width: 80px;
	/* margin: 90px 0 0 20px; */
	height: calc(100vh - 145px);
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 999;
	border-radius: .5rem
}

.hide-nav-text {
	display: none;
	overflow: hidden;
}

.nav {
	margin-top: 30px;
}

.sidebar-sticky {
	position: relative;
	top: 0;
	height: calc(100vh - 48px);
	padding-top: .5rem;
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.nav-link {
	font-weight: 500;
	color: #f8f9fa !important;
}

.nav-link .feather {
	margin-right: 4px;
	color: #727272;
}

.nav-link.active {
	color: #16808C;
}

.navbar-custom-footer .nav-link.active, .navbar-custom-footer .nav-link:hover {
	color: #16808C !important;
}

.navbar-toggler-text {
	font-size: 1rem;
	color: inherit !important;
}

.navbar-custom-footer .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
	color: #16808C;
}

.sidebar-heading {
	font-size: .75rem;
	text-transform: uppercase;
}

/*
* Navbar
*/

.navbar-brand {
	padding-top: .75rem;
	padding-bottom: .75rem;
	font-size: 1rem;
	/* background-color: rgba(0, 0, 0, .25);
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25); */
}

.navbar .navbar-toggler {
	top: .75rem;
	right: 0rem;
	border: 0;
}

.navbar .form-control {
	padding: .75rem 1rem;
	border-width: 0;
	border-radius: 0;
}

.form-control-dark {
	color: #f8f9fa;
	background-color: rgba(255, 255, 255, .1);
	border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
	border-color: transparent;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

.svg-background {
	/* background-image: url(../images/bg.svg); */
	background-size: cover;
}

.close-fullScreen {
	font-size: 3em;
	position: fixed;
	top: 5px;
	right: 25px;
}

.fortnox-faktura, .invoice-checkbox {
	cursor: pointer;
}

#sticky-alert {
	z-index: 9999;
}

.blink {
	animation: blink 1s linear infinite;
}
@keyframes blink {
	0% {
		opacity: 0;
	}
	50% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* input[type=number]{
    -moz-appearance: textfield;
} */

.textfield-apperance {
	background: none;
}


canvas {
    width: 100% !important;  /* Ensures the canvas takes the full width of its parent */
    height: auto !important;  /* Allows the height to adjust based on the content */
}

.custom-popover {
	--bs-popover-border-color: var(--bd-violet-bg);
	--bs-popover-header-bg: var(--bs-info);
	--bs-popover-bg: var(--bs-info);
	--bs-popover-body-padding-x: .75rem;
	--bs-popover-body-padding-y: .75rem;
}

/*
* jQuery Datepicker
*/
.ui-datepicker {
	background-color: #f8f9fa;
	border: 1px solid #66AFE9;
	border-radius: 4px;
	box-shadow: 0 0 8px rgba(102, 175, 233, .6);
	display: none;
	margin-top: 4px;
	padding: 10px;
	width: 240px;
}

.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
}

.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: #f8f9fa;
	-webkit-transition: color 0.1s ease-in-out;
	-moz-transition: color 0.1s ease-in-out;
	-o-transition: color 0.1s ease-in-out;
	transition: color 0.1s ease-in-out;
}

.ui-datepicker .ui-datepicker-header {
	margin-bottom: 4px;
	text-align: center;
	border-radius: 4px;
	padding: 2px;
}

.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	font-family: var(--bs-font-sans-serif);
	font-style: normal;
	font-weight: normal;
	height: 26px;
	line-height: 1;
	width: 30px;
}

.ui-datepicker .ui-datepicker-prev-hover:hover,
.ui-datepicker .ui-datepicker-next-hover:hover{
	border-radius: 4px;
	background-color: #eee;
}

.ui-datepicker .ui-datepicker-prev {
	float: left;
	text-align: left;
	padding-left: 7px;
}

.ui-datepicker .ui-datepicker-next {
	float: right;
	text-align: right;
	padding-right: 7px;
}

.ui-datepicker .ui-icon {
	display: none;
}

.ui-datepicker .ui-datepicker-calendar {
	table-layout: fixed;
	width: 100%;
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 4px 0;
}

.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 4px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	-moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	-o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}

.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
	color: #000;
}

.ui-datepicker .ui-datepicker-current-day {
	background-color: #6c757d;
	color: #f8f9fa;
}

.ui-datepicker .ui-datepicker-current-day a {
	color: #f8f9fa;
}


.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable {
	background-color: #f8f9fa;
	cursor: default;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #f8f9fa;
	cursor: default;
}


.ui-datepicker-prev span {
	display: none;
}

.ui-datepicker-prev::before {
	display: inline-block;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-caret-left-fill' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.86 8.753l5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 1rem 1.5rem;
	width: 1rem;
	height: 1.7rem;
}

.ui-datepicker-next::after {
	display: inline-block !important;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-caret-right-fill' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 1rem 1.5rem;
	width: 1rem;
	height: 1.7rem;
}

.ui-datepicker-today {
	background-color: #007bff;
}