@charset "UTF-8";
/*!
Theme Name: ERP
Theme URI: http://underscores.me/
Author: Kristijan Čuturić
Author URI: http://underscores.me/
Description: ERP System
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: erp
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ERP is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: "Nunito", sans-serif;
	margin: 0;
}

p, span, a {
	margin: 0;
	font-family: "Nunito", sans-serif;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

body {
	background-color: #fafbfe;
	margin: 0;
}

.page {
	margin: 0;
}

html::-webkit-scrollbar {
	display: none;
}

.mainapp {
	display: flex;
	align-items: flex-start;
}

.mainapp__wrap {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.header-top {
	background-color: white;
	box-shadow: 0px 35px 0px rgba(154, 161, 171, 0.15);
	padding: 0 24px;
}

.header-top__wrapper {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	align-items: center;
}

.header-top__wrapper__item {
	padding: 8px;
	position: relative;
}

.header-top__wrapper__item:first-child::before {
	content: '';
	display: block;
	background-color: #fa5c7c;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	position: absolute;
	top: 4px;
	right: 4px;
}

.header-top__wrapper .fullscreen:hover svg path {
	stroke: #727cf5;
}

.header-top__wrapper__profile {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: #fafafd;
	padding: 12px;
}

.header-top__wrapper__profile img {
	width: 32px;
	border-radius: 100%;
}

.header-top__wrapper__profile__content {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.header-top__wrapper__profile__content h5 {
	color: #6c757d;
	font-weight: 700;
	font-size: 0.936rem;
	line-height: 1.1;
}

.header-top__wrapper__profile__content h6 {
	font-weight: 400;
	font-size: .765rem;
	color: #6c757d;
}

.main-header {
	background-color: #313a46;
	max-width: 260px;
	width: 100%;
	box-shadow: 0px 35px 0px rgba(154, 161, 171, 0.15);
	height: 100vh;
	top: 0;
	position: sticky;
}

.main-header__wrapper {
	display: flex;
	flex-direction: column;
}

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

.main-header__wrapper a {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #8391a2;
	font-size: 0.9375rem;
	font-weight: 400;
	padding: 16px 24px;
	text-decoration: none;
	transition: .3s ease;
}

.main-header__wrapper a:hover {
	color: #bccee4;
}

.main-header__wrapper a:hover svg path {
	fill: #bccee4;
}

.main-header__wrapper .active {
	font-weight: 700;
	color: white;
}

.main-header__wrapper .active svg path {
	fill: white;
}

.main-header__wrapper .active:hover {
	color: white;
}

.main-header__wrapper .active:hover svg path {
	fill: white;
}

.dashboard {
	flex: 1;
	padding: 24px;
	background-color: #fafbfe;
}

.dashboard__wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.dashboard__wrapper__widgets-5 {
	display: flex;
	gap: 24px;
}

.dashboard__wrapper__widgets-5__widgets-grid {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 24px;
	width: 30%;
}

.dashboard__wrapper__widgets-5__widgets-grid__single {
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 24px;
	border-radius: 4px;
	position: relative;
	background-color: white;
}

.dashboard__wrapper__widgets-5__widgets-grid__single__icon {
	background-color: #727cf540;
	padding: 12px;
	border-radius: 4px;
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 24px;
	right: 24px;
}

.dashboard__wrapper__widgets-5__widgets-grid__single h5 {
	color: #8a969c;
	font-weight: 400;
	font-size: 0.936rem;
	line-height: 1.1;
}

.dashboard__wrapper__widgets-5__widgets-grid__single h3 {
	font-size: 1.503rem;
	line-height: 1.1;
	font-weight: 700;
	color: #6c757D;
}

.dashboard__wrapper__widgets-5__widgets-grid__single__footer {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 14.4px;
	flex-direction: column;
}

.dashboard__wrapper__widgets-5__widgets-grid__single__footer span {
	font-weight: 500;
	display: flex;
	align-items: center;
}

.dashboard__wrapper__widgets-5__widgets-grid__single__footer .success {
	color: #0acf97;
}

.dashboard__wrapper__widgets-5__widgets-grid__single__footer .danger {
	color: #fa5c7c;
}

.dashboard__wrapper__widgets-5__widgets-grid__single__footer p {
	color: #8a969c;
}

.dashboard__wrapper__widgets-5__widget {
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	border-radius: 4px;
	padding: 24px;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 24px;
	background-color: white;
}

.dashboard__wrapper__widgets-5__widget h4 {
	text-transform: uppercase;
	letter-spacing: .02em;
	font-size: .9rem;
	color: #6c757D;
}

.dashboard__wrapper__widgets-2 {
	display: flex;
	gap: 24px;
}

.dashboard__wrapper__widgets-2__table {
	width: 100%;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	border-radius: 4px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	background-color: white;
}

.dashboard__wrapper__widgets-2__table h4 {
	text-transform: uppercase;
	letter-spacing: .02em;
	font-size: .9rem;
	color: #6c757D;
}

.dashboard__wrapper__widgets-2__table table {
	margin: 0;
}

.dashboard__wrapper__widgets-2__table table .status {
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 700;
}

.dashboard__wrapper__widgets-2__table table .in-progress {
	color: #ffc35a;
	background-color: #fff9ef;
}

.dashboard__wrapper__widgets-2__table table .completed {
	color: #0acf97;
	background-color: #e7faf5;
}

.dashboard__wrapper__widgets-2__table table .not-started {
	color: #fa5c7ced;
	background-color: #ffeff2;
}

.dashboard__wrapper__widgets-2__table table tr th, .dashboard__wrapper__widgets-2__table table tr td {
	padding: 15.2px;
	text-align: left;
	border-bottom: 1px solid #e5e8eb;
	font-family: "Nunito", sans-serif;
}

.dashboard__wrapper__widgets-2__table table tr th {
	font-size: 14px;
	color: #6c757d;
	font-weight: 700;
	line-height: 1.1;
}

.dashboard__wrapper__widgets-2__table table tr td {
	font-size: 13px;
	color: #8a969c;
	font-weight: 400;
	line-height: 1.1;
}

.dashboard__wrapper__widgets-2__pie {
	flex: 1;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	border-radius: 4px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	background-color: white;
}

.dashboard__wrapper__widgets-2__pie h4 {
	letter-spacing: .02em;
	font-size: .9rem;
	color: #6c757D;
}

.calendar {
	padding: 24px;
	background-color: #fafbfe;
}

.calendar__wrapper {
	display: flex;
	gap: 24px;
	border-radius: 4px;
	padding: 24px;
	background-color: white;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	align-items: flex-start;
}

.calendar__wrapper__sidebar {
	max-width: 300px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 24px;
	position: sticky;
	top: 24px;
}

.calendar__wrapper__sidebar__cta {
	box-shadow: 0px 2px 6px 0px #fa5c7c80;
	font-size: 1rem;
	background-color: #fa5c7c;
	color: white;
	padding: 8px 16px;
	width: 100%;
	text-decoration: none;
	border-radius: 4px;
	text-align: center;
	transition: .3s ease;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
}

.calendar__wrapper__sidebar__cta:hover {
	background-color: #e75573;
	color: white;
}

.calendar__wrapper__sidebar p {
	color: #8a969c;
	font-weight: 400;
	font-size: 14.4px;
	line-height: 1.4;
}

.calendar__wrapper__sidebar__workers {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.calendar__wrapper__sidebar__workers__single {
	padding: 8px 16px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 400;
	font-size: 14.4px;
	line-height: 1.4;
	font-family: "Nunito", sans-serif;
}

.calendar__wrapper__sidebar__workers__single span {
	width: 10px;
	height: 10px;
	border-radius: 100%;
}

.calendar__wrapper__calendar {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.calendar__wrapper__calendar__nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 48px;
}

.calendar__wrapper__calendar__nav div {
	display: flex;
	align-items: center;
}

.calendar__wrapper__calendar__nav div button {
	all: unset;
	background-color: #727cf5;
	color: white;
	padding: 4px 12px;
	text-decoration: none;
	transition: .3s ease;
	font-size: 14.4px;
	cursor: pointer;
}

.calendar__wrapper__calendar__nav div button:hover {
	background-color: #bec4ff;
}

.calendar__wrapper__calendar__nav div button:first-child {
	border-radius: 4px 0 0 4px;
}

.calendar__wrapper__calendar__nav div button:last-child {
	border-radius: 0 4px 4px 0;
}

.calendar__wrapper__calendar__nav div #next {
	border-radius: 0 4px 4px 0;
}

.calendar__wrapper__calendar__nav div #todayBtn {
	margin-left: 12px;
	border-radius: 4px;
}

.calendar__wrapper__calendar__nav div h2 {
	font-size: 1.25rem;
	line-height: 1.875rem;
	text-transform: uppercase;
	color: #6c757D;
	font-weight: 700;
}

.calendar__wrapper__calendar table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

.calendar__wrapper__calendar table tr th {
	padding: 2px 4px;
	color: #6c757d;
	font-size: 14.4px;
	font-weight: 700;
	font-family: "Nunito", sans-serif;
	border: 1px solid #e5e8eb;
	max-width: 14.28%;
	min-width: 14.28%;
}

.calendar__wrapper__calendar table tr td {
	height: 150px;
	border: 1px solid #e5e8eb;
	position: relative;
	transition: .3s ease;
	max-width: 14.28%;
	min-width: 14.28%;
	overflow: visible;
}

.calendar__wrapper__calendar table tr td:hover {
	background-color: #daddff1a;
}

.calendar__wrapper__calendar table tr td span {
	position: absolute;
	top: 2px;
	right: 2px;
	border-radius: 100%;
	padding: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #6c757d;
	background-color: #f6f7fb;
	font-size: 11px;
	font-weight: 500;
	width: 20px;
	height: 20px;
}

.calendar__wrapper__calendar table tr td .workers {
	padding: 5px;
	border-radius: 2px;
	color: white;
	font-size: 13px;
	font-family: "Nunito", sans-serif;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 2px;
}

.calendar__wrapper__calendar table tr td .worker1 {
	background-color: #0acf97;
}

.calendar__wrapper__calendar table tr td .worker2 {
	background-color: #39afd1;
}

.calendar__wrapper__calendar table tr td .event {
	padding: 5px;
	border-radius: 2px;
	color: white;
	font-size: 13px;
	font-family: "Nunito", sans-serif;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	left: 0;
	background-color: transparent;
}

.calendar__wrapper__calendar table tr .current-day {
	background-color: #727cf51a;
}

.calendar__wrapper__calendar table tr .current-day span {
	background-color: #727cf5;
	color: white;
}

.calendar__wrapper__calendar table .prev-month span, .calendar__wrapper__calendar table .next-month span {
	opacity: .5;
}

.calendar__wrapper__calendar__weekly tr td {
	height: auto !important;
	padding: 4px;
	text-align: right;
	font-size: 14.4px;
	color: #6c757d;
	font-family: "Nunito", sans-serif;
	transition: .3s ease;
	text-align: left;
}

.calendar__wrapper__calendar__weekly tr td:hover {
	background-color: #daddff1a;
}

.calendar__wrapper__calendar__weekly tr td:first-child {
	text-align: center;
}

.calendar__wrapper__calendar__weekly tr td .workers {
	position: absolute;
	box-sizing: border-box;
	width: calc(100% - 8px);
	top: 4px;
}

.calendar__wrapper__calendar__weekly tr td .worker1 {
	height: calc(1500% - 8px);
	z-index: 1;
}

.calendar__wrapper__calendar__weekly tr td .worker2 {
	height: calc(1800% - 8px);
	z-index: 2;
}

.calendar__wrapper__calendar__weekly tr td .w-50 {
	width: calc(50% - 8px);
	z-index: 3;
	right: 4px;
	height: calc(700% - 8px);
}

.calendar__wrapper__calendar__weekly tr th {
	max-width: calc(14.28% - 9.14px);
	min-width: calc(14.28% - 9.14px);
}

.calendar__wrapper__calendar__weekly tr th:first-child {
	width: 64px;
}

.calendar__wrapper__calendar__daily tr td {
	height: auto !important;
	padding: 4px;
	text-align: right;
	font-size: 14.4px;
	color: #6c757d;
	font-family: "Nunito", sans-serif;
	transition: .3s ease;
	text-align: left;
}

.calendar__wrapper__calendar__daily tr td:hover {
	background-color: #daddff1a;
}

.calendar__wrapper__calendar__daily tr td:first-child {
	text-align: center;
}

.calendar__wrapper__calendar__daily tr td .workers {
	position: absolute;
	box-sizing: border-box;
	width: calc(100% - 8px);
	top: 4px;
}

.calendar__wrapper__calendar__daily tr td .worker1 {
	height: calc(1500% - 8px);
	z-index: 1;
}

.calendar__wrapper__calendar__daily tr td .worker2 {
	height: calc(1800% - 8px);
	z-index: 2;
}

.calendar__wrapper__calendar__daily tr td .w-50 {
	width: calc(50% - 8px);
	z-index: 3;
	right: 4px;
	height: calc(700% - 8px);
}

.calendar__wrapper__calendar__daily tr th {
	max-width: calc(100% - 64px);
	min-width: calc(100% - 64px);
}

.calendar__wrapper__calendar__daily tr th:first-child {
	width: 64px;
}

.calendar__wrapper__calendar__list tr th {
	background-color: #eef2f7;
	padding: 8px 14px !important;
	border: 0 !important;
	color: #727cf5 !important;
	font-weight: 700 !important;
}

.calendar__wrapper__calendar__list tr th:first-child {
	width: 150px;
	text-align: left;
}

.calendar__wrapper__calendar__list tr th:last-child {
	text-align: center;
	width: calc(100% - 150px);
}

.calendar__wrapper__calendar__list tr td {
	height: auto !important;
	font-size: .8125rem;
	padding: 10px 5px;
	text-align: center;
	font-family: "Nunito", sans-serif;
	color: white;
	border: 0 !important;
}

.calendar__wrapper__calendar__list tr td:hover {
	background-color: unset !important;
}

.calendar__wrapper__calendar__list .list-header th:last-child {
	text-align: right;
}

.calendar__wrapper__calendar__list .worker th {
	color: white !important;
	font-size: 13px !important;
	font-weight: 400 !important;
}

.calendar__wrapper__calendar__list .worker1 th {
	background-color: #0acf97;
}

.calendar__wrapper__calendar__list .worker2 th {
	background-color: #39afd1;
}

.calendar__wrapper__calendar__list .worker3 th {
	background-color: #ffc35a;
}

.newmodal {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9;
	isolation: isolate;
	top: 0;
	left: 0;
	transition: z-index 0s ease, opacity .3s ease-in-out .3s;
}

.newmodal__overlay {
	z-index: 1;
	background-color: rgba(108, 117, 125, 0.5);
	position: fixed;
	width: 100%;
	height: 100%;
}

.newmodal__wrapper {
	position: relative;
	z-index: 2;
	background-color: white;
	padding: 36px;
	border-radius: 4px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 500px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.newmodal__wrapper__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.newmodal__wrapper__top h5 {
	font-size: .936rem;
	color: #6c757d;
	font-weight: 700;
	line-height: 1.5;
}

.newmodal__wrapper__top__close {
	cursor: pointer;
}

.newmodal__wrapper__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.newmodal__wrapper__form .entry-builder {
	gap: 8px !important;
}

.newmodal__wrapper__form .entry-builder input, .newmodal__wrapper__form .entry-builder select {
	width: calc(50% - 4px) !important;
}

.newmodal__wrapper__form .entry-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	overflow-y: scroll;
	max-height: 100px;
}

.newmodal__wrapper__form .entry-list::-webkit-scrollbar {
	display: none;
}

.newmodal__wrapper__form .entry-list .entry-item {
	display: flex;
	align-items: center;
	gap: 8px;
}

.newmodal__wrapper__form .entry-list .entry-item .remove-item {
	all: unset;
	padding: 0.45rem 0.9rem;
	font-weight: 400;
	line-height: 1.5;
	width: auto;
	text-align: center;
	font-family: "Nunito", sans-serif;
	font-size: 14.4px;
	cursor: pointer;
	background-color: #b00020;
	color: white;
	box-shadow: 0px 2px 6px 0px #b0002080;
	border-radius: 2px;
}

.newmodal__wrapper__form .addnewbutton {
	all: unset;
	padding: 0.45rem 0.9rem;
	font-weight: 400;
	line-height: 1.5;
	width: auto;
	text-align: center;
	font-family: "Nunito", sans-serif;
	font-size: 14.4px;
	cursor: pointer;
	background-color: #727cf5;
	color: white;
	box-shadow: 0px 2px 6px 0px #727cf580;
	border-radius: 2px;
}

.newmodal__wrapper__form__field {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.newmodal__wrapper__form__field label {
	font-size: 14.4px;
	color: #6c757d;
	font-family: "Nunito", sans-serif;
	font-weight: 600;
}

.newmodal__wrapper__form__field input[type="text"], .newmodal__wrapper__form__field input[type="datetime-local"], .newmodal__wrapper__form__field textarea, .newmodal__wrapper__form__field input[type="email"] {
	display: block;
	width: 100%;
	padding: .45rem .9rem;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6c757d;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #e5e8eb;
	border-radius: .25rem;
	font-family: "Nunito", sans-serif;
}

.newmodal__wrapper__form__field input[type="text"]::placeholder, .newmodal__wrapper__form__field input[type="datetime-local"]::placeholder, .newmodal__wrapper__form__field textarea::placeholder, .newmodal__wrapper__form__field input[type="email"]::placeholder {
	color: #6c757d;
	font-family: "Nunito", sans-serif;
}

.newmodal__wrapper__form__field input[type="text"]:focus-visible, .newmodal__wrapper__form__field input[type="datetime-local"]:focus-visible, .newmodal__wrapper__form__field textarea:focus-visible, .newmodal__wrapper__form__field input[type="email"]:focus-visible {
	outline: 0;
}

.newmodal__wrapper__form__field select {
	display: block;
	width: 100%;
	padding: .45rem 2.7rem .45rem .9rem;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6c757d;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("/wp-content/uploads/2025/07/chevron-down-svgrepo-com.svg");
	background-color: white;
	background-repeat: no-repeat;
	background-position: right .9rem center;
	background-size: 20px 16px;
	border: 1px solid #e5e8eb;
	border-radius: .25rem;
}

.newmodal__wrapper__form__field select:focus-visible {
	outline: 0;
}

.newmodal__wrapper__form__datewrapper {
	display: flex;
	justify-content: space-between;
}

.newmodal__wrapper__form__buttons {
	display: flex;
	align-items: center;
	gap: 6px;
	justify-content: flex-end;
}

.newmodal__wrapper__form__buttons button {
	all: unset;
	padding: 0.45rem 0.9rem;
	font-weight: 400;
	line-height: 1.5;
	width: fit-content;
	text-align: center;
	font-family: "Nunito", sans-serif;
	font-size: 14.4px;
	cursor: pointer;
}

.newmodal__wrapper__form__buttons .close {
	background-color: #eef2f7;
	color: #313a46;
	box-shadow: 0 2px 6px 0 #eef2f780;
}

.newmodal__wrapper__form__buttons .save {
	background-color: #0acf97;
	color: white;
	box-shadow: 0 2px 6px 0 #0acf9780;
}

.newmodal__wrapper__form__buttons .print {
	background-color: #fa5c7c;
	color: white;
	box-shadow: 0px 2px 6px 0px #fa5c7c80;
}

.clients {
	padding: 24px;
	background-color: #fafbfe;
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.clients__stats {
	display: flex;
	gap: 24px;
	width: 100%;
}

.clients__stats__single {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 24px;
	background-color: white;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	border-radius: 4px;
	flex: 1;
}

.clients__stats__single__img {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}

.clients__stats__single .nalog-all {
	background-color: #f1f2fe;
}

.clients__stats__single .nalog-waiting {
	background-color: #ffeff2;
}

.clients__stats__single .nalog-process {
	background-color: #fff9ef;
}

.clients__stats__single .nalog-completed {
	background-color: #e7faf5;
}

.clients__stats__single__content {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.clients__stats__single__content h5 {
	color: #6c757d;
	font-weight: 700;
	font-size: 0.936rem;
	line-height: 1.1;
}

.clients__stats__single__content p {
	color: #6c757d;
	font-weight: 400;
	font-size: 14.4px;
	line-height: 1;
}

.clients__clients-charts {
	display: flex;
	gap: 24px;
}

.clients__clients-charts__single {
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	border-radius: 4px;
	padding: 24px;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 24px;
	background-color: white;
}

.clients__clients-charts__single h4 {
	text-transform: uppercase;
	letter-spacing: .02em;
	font-size: .9rem;
	color: #6c757D;
}

.clients__wrapper {
	border-radius: 4px;
	padding: 24px;
	background-color: white;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.clients__wrapper table {
	border-collapse: collapse;
	margin: 0;
	table-layout: fixed;
	width: 100%;
}

.clients__wrapper table tr th, .clients__wrapper table tr td {
	padding: 15.2px;
	text-align: left;
	font-weight: 400;
	font-family: "Nunito", sans-serif;
	font-size: 14.4px;
	border: 0;
	border-bottom: 1px solid #e5e8eb;
	color: #6c757d;
}

.clients__wrapper table tr th a, .clients__wrapper table tr td a {
	all: unset;
	font-weight: 700;
	cursor: pointer;
	transition: all .3s ease-in-out;
}

.clients__wrapper table tr th a:hover, .clients__wrapper table tr td a:hover {
	color: #fa5c7c;
}

.clients__wrapper table tr th {
	font-weight: 700;
}

.clients__wrapper table tr td .status {
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 700;
}

.clients__wrapper table tr td .in-progress {
	color: #ffc35a;
	background-color: #fff9ef;
}

.clients__wrapper table .row-odd td {
	background-color: #f6f7fb;
}

.clients__wrapper .pagination__wrapper {
	display: flex;
	align-items: center;
	gap: 64px;
	justify-content: space-between;
}

.clients__wrapper .pagination__wrapper .showing {
	font-size: 14.4px;
	font-family: "Nunito", sans-serif;
	color: #6c757d;
	font-weight: 400;
}

.clients__wrapper .pagination__wrapper .pagination {
	display: flex;
	align-items: center;
	gap: 4px;
}

.clients__wrapper .pagination__wrapper .pagination .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 12px;
	font-size: 14.4px;
	font-family: "Nunito", sans-serif;
	color: #6c757d;
	border: 1px solid #e5e8eb;
	text-decoration: none;
}

.clients__wrapper .pagination__wrapper .pagination .page-numbers:hover {
	background-color: #f6f7fb;
}

.clients__wrapper .pagination__wrapper .pagination .current {
	background-color: #727cf5;
	border: 1px solid #727cf5;
	color: white;
}

.clients__wrapper .pagination__wrapper .pagination .current:hover {
	background-color: #727cf5;
}

.offers {
	padding: 24px;
	background-color: #fafbfe;
}

.offers__wrapper {
	border-radius: 4px;
	padding: 24px;
	background-color: white;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.offers__wrapper__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.offers__wrapper__top__left {
	display: flex;
	align-items: center;
	gap: 16px;
}

.offers__wrapper__top__left__field {
	display: flex;
	align-items: center;
	gap: 6px;
}

.offers__wrapper__top__left input[type="text"] {
	display: block;
	width: 256px;
	padding: .45rem .9rem;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6c757d;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #e5e8eb;
	border-radius: .25rem;
	font-family: "Nunito", sans-serif;
}

.offers__wrapper__top__left input[type="text"]::placeholder {
	color: #6c757d;
	font-family: "Nunito", sans-serif;
}

.offers__wrapper__top__left input[type="text"]:focus-visible {
	outline: 0;
}

.offers__wrapper__top__left select {
	display: block;
	width: 256px;
	padding: .45rem 2.7rem .45rem .9rem;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6c757d;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("/wp-content/uploads/2025/07/chevron-down-svgrepo-com.svg");
	background-color: white;
	background-repeat: no-repeat;
	background-position: right .9rem center;
	background-size: 20px 16px;
	border: 1px solid #e5e8eb;
	border-radius: .25rem;
}

.offers__wrapper__top__left select:focus-visible {
	outline: 0;
}

.offers__wrapper__top__right {
	display: flex;
	align-items: center;
	gap: 6px;
	justify-content: flex-end;
}

.offers__wrapper__top__right button {
	all: unset;
	padding: 0.45rem 0.9rem;
	font-weight: 400;
	line-height: 1.5;
	width: fit-content;
	text-align: center;
	font-family: "Nunito", sans-serif;
	font-size: 14.4px;
	cursor: pointer;
}

.offers__wrapper__top__right .exportnalogs {
	background-color: #eef2f7;
	color: #313a46;
	box-shadow: 0 2px 6px 0 #eef2f780;
}

.offers__wrapper__top__right .newnalog {
	background-color: #0acf97;
	color: white;
	box-shadow: 0 2px 6px 0 #0acf9780;
	display: flex;
	align-items: center;
	gap: 6px;
}

.offers__wrapper table {
	border-collapse: collapse;
	margin: 0;
}

.offers__wrapper table tr th, .offers__wrapper table tr td {
	padding: 15.2px;
	text-align: left;
	font-weight: 400;
	font-family: "Nunito", sans-serif;
	font-size: 14.4px;
	border: 0;
	border-bottom: 1px solid #e5e8eb;
	color: #6c757d;
}

.offers__wrapper table tr th {
	font-weight: 700;
	padding: 8px 15.2px;
}

.offers__wrapper table tr td .status {
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 700;
}

.offers__wrapper table tr td .in-progress {
	color: #ffc35a;
	background-color: #fff9ef;
}

.offers__wrapper table tr td .completed {
	color: #0acf97;
	background-color: #e7faf5;
}

.offers__wrapper table tr td .canceled {
	color: #fa5c7ced;
	background-color: #ffeff2;
}

.offers__wrapper table .theader th {
	background-color: #eef2f780;
}

.clients-single__wrapper {
	padding: 24px;
	background-color: #fafbfe;
	display: flex;
	gap: 24px;
	align-items: flex-start;
}

.clients-single__wrapper__info {
	border-radius: 4px;
	padding: 24px;
	background-color: white;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	display: flex;
	flex-direction: column;
	gap: 36px;
	max-width: 30%;
	width: 100%;
}

.clients-single__wrapper__info__top {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}

.clients-single__wrapper__info__top h2 {
	flex: 1;
}

.clients-single__wrapper__info__infos {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.clients-single__wrapper__info__infos h2 {
	letter-spacing: .02em;
	font-size: .9rem;
	color: #6c757D;
}

.clients-single__wrapper__info__infos p {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #8a969c;
	font-weight: 400;
}

.clients-single__wrapper__info__infos p span {
	font-weight: 700;
}

.clients-single__wrapper__column {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.clients-single__wrapper__column__stats {
	display: flex;
	flex-direction: column;
	gap: 24px;
	border-radius: 4px;
	padding: 24px;
	background-color: white;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
}

.clients-single__wrapper__column__stats h4 {
	text-transform: uppercase;
	letter-spacing: .02em;
	font-size: .9rem;
	color: #6c757D;
}

.clients-single__wrapper__column__stats table {
	margin: 0;
	width: 100%;
	table-layout: fixed;
}

.clients-single__wrapper__column__stats table .status {
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 700;
}

.clients-single__wrapper__column__stats table .in-progress {
	color: #ffc35a;
	background-color: #fff9ef;
}

.clients-single__wrapper__column__stats table .completed {
	color: #0acf97;
	background-color: #e7faf5;
}

.clients-single__wrapper__column__stats table .not-started {
	color: #fa5c7ced;
	background-color: #ffeff2;
}

.clients-single__wrapper__column__stats table tr th, .clients-single__wrapper__column__stats table tr td {
	padding: 15.2px;
	text-align: left;
	border-bottom: 1px solid #e5e8eb;
	font-family: "Nunito", sans-serif;
}

.clients-single__wrapper__column__stats table tr th {
	font-size: 14px;
	color: #6c757d;
	font-weight: 700;
	line-height: 1.1;
}

.clients-single__wrapper__column__stats table tr td {
	font-size: 13px;
	color: #8a969c;
	font-weight: 400;
	line-height: 1.1;
}

.clients-single__wrapper__column__stats table tr td a {
	all: unset;
	cursor: pointer;
	font-weight: 700;
	transition: all .3s ease-in-out;
}

.clients-single__wrapper__column__stats table tr td a:hover {
	color: #e75573;
}

.clients-single__wrapper__column__charts {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.clients-single__wrapper__column__charts #pie-chart {
	border-radius: 4px;
	padding: 24px;
	background-color: white;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
}

.clients-single__wrapper__column__charts #chart {
	border-radius: 4px;
	padding: 24px;
	background-color: white;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
}

.page-template-workers .clients__wrapper table th, .page-template-workers .clients__wrapper table td {
	border-bottom: 0;
}

.weekly‐container {
	position: relative;
}

.weekly‐overlay {
	position: absolute;
	top: 28px;
	/* height of your header row */
	left: 60px;
	/* width of your time‐label column */
	right: 0;
	bottom: 0;
	pointer‐events: none;
	/* so clicks still go to the cells */
}

.weekly‐overlay .event {
	position: absolute;
	border‐radius: 4px;
	padding: 4px;
	color: #fff;
	font‐size: 0.85em;
	overflow: hidden;
	text‐overflow: ellipsis;
	white‐space: nowrap;
	cursor: pointer;
	/* if you still want click handlers */
	pointer‐events: auto;
	/* re‐enable clicks on the events */
}

.profile {
	padding: 24px;
	background-color: #fafbfe;
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.profile__profile {
	padding: 24px;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	border-radius: 4px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 48px;
}

.profile__profile__data {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.profile__profile__data h4 {
	color: white;
	font-weight: 700;
	font-size: 1.125rem;
	font-family: "Nunito", sans-serif;
}

.profile__profile__data__rev {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}

.profile__profile__data__rev__single {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.profile__profile__data__rev__single h5 {
	color: white;
	font-size: .936rem;
	font-weight: 700;
	font-family: "Nunito", sans-serif;
}

.profile__profile__data__rev__single p {
	color: white;
	font-size: 13px;
	font-weight: 400;
	font-family: "Nunito", sans-serif;
}

.profile__profile__edit {
	color: #313a46;
	text-decoration: none;
	background-color: #eef2f7;
	box-shadow: 0px 2px 6px 0px rgba(238, 242, 247, 0.5);
	padding: 7.2px 14.4px;
	border-radius: 2.4px;
	font-family: "Nunito", sans-serif;
	font-size: 14.4px;
	width: fit-content;
}

.profile__profile__wrap {
	display: flex;
	align-items: center;
	gap: 24px;
}

.profile__profile__wrap__img {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
	border-radius: 100%;
}

.profile #chart {
	padding: 24px;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	border-radius: 4px;
	background-color: white;
}

.profile__cards {
	display: flex;
	gap: 24px;
}

.profile__cards__single {
	padding: 24px;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	border-radius: 4px;
	background-color: white;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 6px;
	position: relative;
}

.profile__cards__single h6 {
	font-size: 12.24px;
	color: #8a969c;
	font-family: "Nunito", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}

.profile__cards__single h2 {
	font-size: 1.872rem;
	font-weight: 700;
	font-family: "Nunito", sans-serif;
	color: #6c757D;
}

.profile__cards__single p {
	color: #8a969c;
	font-size: 14.4px;
	font-weight: 400;
	font-family: "Nunito", sans-serif;
	display: flex;
	align-items: center;
	gap: 4px;
}

.profile__cards__single p .success {
	background-color: #0acf97;
	padding: 2px 4px;
	border-radius: 2px;
	width: fit-content;
	color: white;
	font-family: "Nunito", sans-serif;
	font-weight: 700;
	font-size: 10px;
}

.profile__cards__single p .error {
	background-color: #fa5c7c;
	padding: 2px 4px;
	border-radius: 2px;
	width: fit-content;
	color: white;
	font-family: "Nunito", sans-serif;
	font-weight: 700;
	font-size: 10px;
}

.profile__cards__single svg {
	position: absolute;
	z-index: 1;
	top: 24px;
	right: 24px;
}

.profile__cards__single svg path {
	stroke: #8a969c;
	opacity: .3;
}

.page-template-login header, .page-template-login footer {
	display: none;
}

.login-section {
	background-color: #f0f3f8;
	min-height: 100vh;
}

.login-section__wrapper {
	height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-section__wrapper__login {
	max-width: 416px;
	width: 100%;
}

.login-section__wrapper__login__header {
	background-color: #727cf5;
	padding: 36px;
	display: flex;
	justify-content: center;
	border-radius: 4px 4px 0px 0px;
}

.login-section__wrapper__login__header img {
	max-width: 120px;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(181deg) brightness(103%) contrast(103%);
}

.login-section__wrapper__login__body {
	padding: 36px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	border-radius: 0px 0px 4px 4px;
	background-color: white;
}

.login-section__wrapper__login__body h4 {
	font-size: 1.125rem;
	color: #6c757D;
	text-align: center;
}

.login-section__wrapper__login__body p {
	font-size: 14.4px;
	text-align: center;
	color: #8a969c;
}

.login-section__wrapper__login__body .login-error {
	font-size: 14.4px;
	text-align: center;
	font-family: "Nunito", sans-serif;
}

.login-section__wrapper__login__body form {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: center;
}

.login-section__wrapper__login__body form .newmodal__wrapper__form__field {
	width: 100%;
}

.login-section__wrapper__login__body form button {
	all: unset;
	padding: 0.45rem 0.9rem;
	font-weight: 400;
	line-height: 1.5;
	width: fit-content;
	text-align: center;
	font-family: "Nunito", sans-serif;
	font-size: 14.4px;
	cursor: pointer;
	background-color: #727cf5;
	color: white;
	box-shadow: 0px 2px 6px 0px #727cf580;
	border-radius: 2px;
}

.project-overview {
	flex: 1;
	padding: 24px;
	background-color: #fafbfe;
}

.project-overview__wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.project-overview__wrapper__timeline {
	width: calc(35% - 24px);
	background: white;
	padding: 24px;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
}

.project-overview__wrapper__live-time {
	width: 100%;
	background: white;
	padding: 24px;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
}

.project-overview__wrapper__live-time .lo-table {
	margin-top: 16px;
	margin-bottom: 0;
	border-collapse: collapse;
}

.project-overview__wrapper__live-time .lo-table th, .project-overview__wrapper__live-time .lo-table td {
	padding: 4px 8px;
	border: 1px solid black;
	text-align: center;
}

.project-overview__wrapper__project {
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	display: flex;
	flex-direction: column;
	gap: 48px;
	padding: 24px;
	border-radius: 4px;
	position: relative;
	background-color: white;
	width: 65%;
}

.project-overview__wrapper__project .rep-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 16px;
}

.project-overview__wrapper__project .rep-list .rep-item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 32px;
}

.project-overview__wrapper__project .status {
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 700;
	width: fit-content;
	font-family: "Nuinto", sans-serif;
}

.project-overview__wrapper__project .in-progress {
	color: #ffc35a;
	background-color: #fff9ef;
}

.project-overview__wrapper__project__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.project-overview__wrapper__project__top__actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.project-overview__wrapper__project__top__actions .button {
	all: unset;
	padding: 0.45rem 0.9rem;
	font-weight: 400;
	line-height: 1.5;
	width: fit-content;
	text-align: center;
	font-family: "Nunito", sans-serif;
	font-size: 14.4px;
	cursor: pointer;
}

.project-overview__wrapper__project__top__actions .nalogedit {
	background-color: #0acf97;
	color: white;
	box-shadow: 0 2px 6px 0 #0acf9780;
}

.project-overview__wrapper__project__top__actions .nalogdelete {
	background-color: #fa5c7c;
	color: white;
	box-shadow: 0px 2px 6px 0px #fa5c7c80;
}

.project-overview__wrapper__project__body {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.project-overview__wrapper__project__body h5, .project-overview__wrapper__project__body label {
	color: #6c757D;
	font-size: .936rem;
	font-weight: 700;
	font-family: "Nunito", sans-serif;
}

.project-overview__wrapper__project__body input[type="text"], .project-overview__wrapper__project__body input[type="datetime-local"], .project-overview__wrapper__project__body textarea, .project-overview__wrapper__project__body input[type="email"] {
	display: block;
	width: 100%;
	padding: .45rem .9rem;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6c757d;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #e5e8eb;
	border-radius: .25rem;
	font-family: "Nunito", sans-serif;
}

.project-overview__wrapper__project__body input[type="text"]::placeholder, .project-overview__wrapper__project__body input[type="datetime-local"]::placeholder, .project-overview__wrapper__project__body textarea::placeholder, .project-overview__wrapper__project__body input[type="email"]::placeholder {
	color: #6c757d;
	font-family: "Nunito", sans-serif;
}

.project-overview__wrapper__project__body input[type="text"]:focus-visible, .project-overview__wrapper__project__body input[type="datetime-local"]:focus-visible, .project-overview__wrapper__project__body textarea:focus-visible, .project-overview__wrapper__project__body input[type="email"]:focus-visible {
	outline: 0;
}

.project-overview__wrapper__project__body select {
	display: block;
	width: 100%;
	padding: .45rem 2.7rem .45rem .9rem;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6c757d;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("/wp-content/uploads/2025/07/chevron-down-svgrepo-com.svg");
	background-color: white;
	background-repeat: no-repeat;
	background-position: right .9rem center;
	background-size: 20px 16px;
	border: 1px solid #e5e8eb;
	border-radius: .25rem;
}

.project-overview__wrapper__project__body select:focus-visible {
	outline: 0;
}

.project-overview__wrapper__project__body__oaw {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

.project-overview__wrapper__project__body .oir-rows {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.project-overview__wrapper__project__body .oir-rows .oir-row {
	display: flex;
	align-items: center;
	gap: 16px;
}

.project-overview__wrapper__project__body .oir-rows .oir-row .oir-remove {
	all: unset;
	padding: 0.45rem 0.9rem;
	font-weight: 400;
	line-height: 1.5;
	width: fit-content;
	text-align: center;
	font-family: "Nunito", sans-serif;
	font-size: 14.4px;
	cursor: pointer;
	background-color: #fa5c7c;
	color: white;
	box-shadow: 0px 2px 6px 0px #fa5c7c80;
}

.project-overview__wrapper__project__body #oirAdd {
	all: unset;
	padding: 0.45rem 0.9rem;
	font-weight: 400;
	line-height: 1.5;
	width: fit-content;
	text-align: center;
	font-family: "Nunito", sans-serif;
	font-size: 14.4px;
	cursor: pointer;
	background-color: #0acf97;
	color: white;
	box-shadow: 0 2px 6px 0 #0acf9780;
	width: auto;
}

.project-overview__wrapper__project__body__cas {
	width: calc(50% - 12px);
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.project-overview__wrapper__project__body__time, .project-overview__wrapper__project__body__note {
	width: 100%;
}

.project-overview__wrapper__project__body__time {
	display: flex;
	align-items: center;
	gap: 24px;
}

.project-overview__wrapper__project__body__time__single {
	display: flex;
	flex-direction: column;
	gap: 4px;
	width: calc(50% - 12px);
}

.project-overview__wrapper__project__body__note {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.project-overview__wrapper__worker-status {
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 24px;
	border-radius: 4px;
	position: relative;
	background-color: white;
	flex: 1;
}

.nalogprint {
	background-color: #727cf5 !important;
	color: white !important;
}

.js-op-row td a {
	all: unset;
	cursor: pointer;
	transition: .3s;
}

.js-op-row td a:hover {
	color: #727cf5;
}

.lo-start, .lo-pause, .lo-end, .wo-start, .wo-pause, .wo-end {
	all: unset;
	padding: 0.45rem 0.9rem;
	font-weight: 400;
	line-height: 1.5;
	width: fit-content;
	text-align: center;
	font-family: "Nunito", sans-serif;
	font-size: 14.4px;
	cursor: pointer;
}

.lo-start, .wo-start {
	background-color: #0acf97;
	color: white;
	box-shadow: 0 2px 6px 0 #0acf9780;
}

.lo-pause, .wo-pause {
	background-color: #ffc35a;
	color: white;
	box-shadow: 0 2px 6px 0 #ffc35a80;
}

.lo-end, .wo-end {
	background-color: #fa5c7c;
	color: white;
	box-shadow: 0px 2px 6px 0px #fa5c7c80;
}

@media (max-width: 1200px) {
	.main-header__wrapper__logo, .main-header__wrapper__item span {
		display: none;
	}
	.main-header {
		width: 72px;
	}
	.dashboard__wrapper__widgets-5 {
		flex-direction: column;
	}
	.dashboard__wrapper__widgets-5__widgets-grid {
		width: 100%;
	}
	.mainapp__wrap {
		width: calc(100% - 72px);
	}
	.dashboard__wrapper__widgets-2 {
		overflow: hidden;
	}
	.dashboard__wrapper__widgets-2__table {
		overflow-x: scroll;
	}
	.clients__stats {
		flex-direction: column;
	}
	.clients__wrapper {
		overflow: hidden;
	}
	.clients__wrapper__table {
		overflow-x: scroll;
	}
	.clients__wrapper table {
		width: 500%;
	}
	.project-overview__wrapper__timeline {
		display: none;
	}
	.project-overview__wrapper {
		flex-direction: column-reverse;
	}
	.project-overview__wrapper__project {
		width: 100%;
	}
	.details-grid, .project-overview__wrapper__project .rep-list .rep-item {
		grid-template-columns: repeat(1, 1fr);
	}
	.tracker-item {
		overflow: hidden;
	}
	.tracker-entries {
		overflow-x: scroll;
	}
	.tracker-table {
		width: 300% !important;
	}
}

/*# sourceMappingURL=style.css.map */