/* 	DUNKELBLAU:		#0c5fc5;
	HELLBLAU:		#488ed6;
*/
/**
 * Top Bar
 */
.top-bar .name {
	display: flex;
	align-items: center;
}

html, body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #333;
}

/* --- HEADLINES --- */
.content h1, .content h2, .content h3, .content h4, .content h5.content h6 {
	color: #226bb7;
	border: none;
}

/* --- LINKS --- */
.top-bar.expanded .title-area {
	background: #226bb7;
}

.top-bar.expanded, .top-bar, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {
	background: #226bb7;
}

a.homeMenuLink {
	color: #FFF;
	margin-bottom: 0;
}

.homeMenuLink.border {
	border-left: #FFF 1px solid;
}

.homeMenuLink.large-text {
	font-size: larger;
}

ul.pagination li.active a {
	font-weight: normal;
	color: rgba(0, 0, 0, 0.54);
	background: #E1EDF3;
}

/* --- INPUTS --- */
input, select {
	height: 30px;
	padding: 5px 8px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

select {
	min-width: 60px
}

select option {
	font-size: 12px;
	padding: 5px;
}

.alert {
	border: 2px solid red;
}

button {
	background: #0C5FC5;
}

button:hover, button:focus, button:active {
	background: #488ED6 !important;
}

.button.submenu {
	margin-bottom: 1px;
}

/* --- PROJECTS --- */
.projects input.custom-combobox-input {
	width: 95%;
}

/* --- TABLES --- */
th.small, td.small {
	width: 65px;
}

th.medium, td.medium {
	width: 120px;
}

th.big, td.big {
	width: 250px;
}

th.biggest, td.biggest {
	width: 33%;
}

td.editable:hover {
	cursor: pointer;
	background: #EDF3F8;
}

/* --- NAVIGATION / HEADER --- */
body .large-3 {
	width: 12%;
}

nav.medium-4 {
	width: 12%;
}

/* --- REPORTS --- */
/* -- ADD -- */
table#workings_table, table#workings_table td {
	vertical-align: top;
}

input.custom-combobox-input {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
	font-size: 12px;
	width: 120px;
	color: #333;
	background: none;
}

.tasks input.custom-combobox-input {
	width: 98px;
}

select.select_category {
	margin-bottom: 0;
}

.ui-autocomplete.ui-menu .ui-menu-item {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
	font-size: 12px;
	font-weight: bold;
}

.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus {
	font-weight: bold;
	color: #007095;
	border: 1px solid #B0B8BF;
	background: #E2F0FF;
}

/* Customerreports Archive */
form#customer_filter_form input.custom-combobox-input {
	width: 95%;
}

/* Miscelleaneous Archive */
.miscellaneous.archive select[name~='task_from[year]'],
.miscellaneous.archive select[name~='task_from[month]'],
.miscellaneous.archive select[name~='task_from[day]'],
.miscellaneous.archive select[name~='task_to[year]'],
.miscellaneous.archive select[name~='task_to[month]'],
.miscellaneous.archive select[name~='task_to[day]'] {
	width: 100px;
}

.miscellaneous.archive input.custom-combobox-input {
	width: 95%;
}

h4 > button {
	display: none;
}

h4:hover > button {
	display: inline-block;
}

/* YTPI Custom */
.employee_working {
	float: left;
	width: 150px;
	margin-right: 10px;
}

select[name='employee_working_start_time[hour]'],
select[name='employee_working_start_time[minute]'],
select[name='employee_working_end_time[hour]'],
select[name='employee_working_end_time[minute]'] {
	float: left;
	width: 100px;
	margin-right: 10px;
}

.employee_working_time {
	display: inline-block;
}

.reports [for='customerreport-approved'] input {
	margin-top: -4px;
	margin-bottom: 0;
	vertical-align: middle;
}

table tr:hover {
	background: #F8F8F8 !important;
}

td.actions a {
	display: inline-block;
	padding: 0.5625rem 3px;
}

td.actions a:hover {
	color: #FFF;
	background: #3682FA;
}

.single_chart {
	width: 50%;
}

/* PAUL - JULI 2021 */
body {
	background: #EDF3F8;
}

body .large-9 {
	width: 88%;
}

.pro_row, .actions_top {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.pro_row.align_top {
	align-items: top;
}

.pro_row.items_left, .actions_top.items_left {
	justify-content: flex-start;
}

.pro_row .pro_column {
	box-sizing: border-box;
	padding: 0;
}

.pro_column.one_half {
	width: 45%;
}

.pro_column.one_third {
	width: 30%;
}

.pro_column.one_fourth {
	width: 22%;
}

.pro_column.margin_right {
	margin-right: 20px;
}

/* HEADLINES */
h1, h2, h3, h4, h5, h6, .top-bar-section ul li > a {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'
	font-weight: 600;
}

/* SIDEBAR NAV */
.title-area img {
	height: 28px;
}

/*.title-area img {*/
/*	transform:                 rotate(0deg);*/
/*	animation-name:            rotate;*/
/*	animation-duration:        12s;*/
/*	animation-iteration-count: infinite;*/
/*	animation-direction:       reverse;*/
/*}*/

body #actions-sidebar {
	padding-right: 0;
	padding-left: 0;
	background: #273744;
}

body .side-nav {
	font-family: 'Roboto', Arial, sans-serif;
}

body .side-nav li {
	padding-right: 10px;
	padding-left: 10px;
	line-height: 14px;
}

body .side-nav li a:not(.button) {
	font-size: 12px;
	font-weight: bold;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	color: #A5B1B9;
	border-radius: 2px;
}

body .side-nav li a:not(.button):hover {
	color: #DDDEE2;
	background: #556877;
}

body .side-nav li ul, body .side-nav li ol {
	margin-left: 20px;
	list-style-type: none;
}

body .side-nav li ul li, body .side-nav li ol li {
	padding-right: 0;
	padding-left: 0;
}

body .side-nav li ul a, body .side-nav li ol a {
	font-size: 12px !important;
	font-weight: normal !important;
}

body .side-nav li ul li {
	margin-bottom: 0px;
}

.side-nav li.seperator {
	width: 100%;
	height: 1px;
	background: #5F5F5F;
}

li.fa_nav > a::before {
	font-family: 'Font Awesome 5 Free';
	width: 10px;
	height: 10px;
	margin-right: 5px;
}

li.nav1 > a::before {
	content: '\f304';
}

li.nav2 > a::before {
	content: '\f02d';
}

li.nav3 > a::before {
	content: '\f022';
}

li.nav4 > a::before {
	content: '\f07c';
}

li.nav5 > a::before {
	content: '\f573';
}

li.nav6 > a::before {
	content: '\f059';
}

li.nav7 > a::before {
	content: '\f406';
}

li.nav8 > a::before {
	content: '\f1d8';
}

li.nav9 > a::before {
	content: '\f0b1';
}

li.nav10 > a::before {
	content: '\f201';
}

li.nav11 > a::before {
	content: '\f4ff';
}

li.nav12 > a::before {
	content: '\f0cb';
}

li.nav13 > a::before {
	content: '\f085';
}

.word-break-all {
	word-break: break-all;
}

/* ICONS / BUTTONS */
body table tr th.actions {
	width: 25%;
}

body table tr th.actions.small {
	width: 180px;
}

body table tr.employee_notavailable td {
	background: rgb(194, 194, 194, .3);
!important;
}

body table tr.employee_kurzarbeit td {
	background: #B6C1EA !important;
}

body table tr.employee_holiday td {
	background: #FBE9E9 !important;
}

body table tr.employee_fortbildung td {
	background: #FBCEDD !important;
}

body table tr.employee_holidayextra td {
	background: #FFE6E6  !important;
}

body table tr.employee_ill td {
	background: rgba(238, 230, 128, .3) !important;
}

body table tr.empoyee_unpayed td {
	background: #60B16375 !important;
}

body table tr.employee_illchild td {
	background: rgba(252, 238, 192, .3) !important;
}

body table tr.employee_ueberstunden td {
	background: rgb(159 174 209 / 30%) !important;
}

body table tr.employee_berufsschule td {
	background: rgb(237, 192, 131, .3) !important;
}

body table tr.global_holiday td {
	background: #FFFBEB !important;
}

body table tr.weekend td {
	background: #E4ECF3 !important;
}

body table tr.error td {
	background: #EE9090 !important;
}

body table tr.schoolholidays td {
	background: #FAFAFA !important;
}

body table tr.today td {
	background: #DCDDDD82 !important;
}

.historycolor {
	display: flex;
	margin-bottom: 15px;
	background: #FFF;
	padding: 9px 0;
	font-size: 0.875rem;
	flex-wrap: wrap;
	gap: 10px;
	padding: 20px;
}

.historycolor label {
	margin-right: 10px;
}

.historycolor-status {
	display: flex;

	align-items: center;
	margin-right: 15px;
	flex: 0 0 calc(32% - 145px);
	height: 20px;
}

.historycolor-box {
	width: 20px;
	height: 20px;
	margin-right: 7px;
}

.historycolor-box.schoolholidays {
	background-color: #FAFAFA;
}

.historycolor-box.today {
	background-color: #DCDDDD82;
}

.historycolor-box.error {
	background-color: #EE9090;
}

.historycolor-box.weekend {
	background-color: #E4ECF3;
}

.historycolor-box.global_holiday {
	background-color: #FFFBEB;
}

.historycolor-box.employee_holiday {
	background: #FBE9E9 !important;
}

.historycolor-box.employee_fortbildung {
	background: #FBCEDD !important;
}
.historycolor-box.employee_kurzarbeit {
	background: #B6C1EA !important;
}

.historycolor-box.employee_holidayextra {
	background: #E87272 !important;
}

.historycolor-box.employee_ill {
	background: rgba(238, 230, 128, .3) !important;
}

.historycolor-box.employee_illchild {
	background: rgba(252, 238, 192, .3) !important;
}

.historycolor-box.employee_berufsschule {
	background: rgb(237, 192, 131, .3) !important;
}

.historycolor-box.employee_ueberstunden {
	background: rgb(159 174 209 / 30%) !important;
}

.historycolor-box.employee_notavailable {
	background: rgb(194, 194, 194, .3) !important;
}

span.action {
	display: inline-block;
	padding: 0 10px;
	text-align: center;
}

span.action > a {
	font-size: 0;
	height: 37px;
	margin: 0 auto;
	padding: 10px 4px;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	border-radius: 2px;
}

span.action > a:hover {
	font-size: 11px;
}

span.action > a::before {
	font-family: 'Font Awesome 5 Free';
	font-size: 16px;
	position: relative;
	top: 2px;
	margin: 0 5px 5px auto;
}

.action_view a::before {
	content: '\f06e';
}

.action_timeaccount a::before {
	content: "\f017";
}

.action_tasks a::before {
	content: "\f133";
}

.action_edit a::before {
	content: '\f044';
}

.action_delete a::before {
	content: '\f2ed';
}

.action_accept a::before {
	content: '\f00c';
	font-weight: 600;
}

.action_send a::before {
	content: '\f1d8';
}

.action_reject a::before {
	font-weight: 600;
	content: '\f00d';
}

/* BUTTONS WITH ICONS */
.add_button {
	position: relative;
	display: inline-block;
}

.add_button > a, .add_button > input, .add_button > button {
	padding-left: 35px !important;
}

.add_button:before {
	font-family: 'Font Awesome 5 Free';
	font-size: 16px;
	font-weight: 600;
	position: absolute;
	z-index: 3;
	top: 10px;
	left: 10px;
	color: #FFF;
}

.add_button.icon_plus:before {
	content: '\f067';
}

.add_button.icon_cash:before {
	content: '\f51e';
}

.add_button.icon_pen:before {
	content: '\f304';
}

.add_button.icon_save:before {
	content: '\f0c7';
}

.add_button.icon_close:before {
	content: '\f00d';
}

.add_button.icon_check:before {
	content: '\f00c';
}

.add_button.icon_login:before {
	content: '\f2f6';
}

/* TOOLS */
/* body .tool_button a, body .tool_button button, body .tool_button a.button {background: grey; border-radius: 8px; padding: 5px 15px;}
	body .tool_button a::before, body .tool_button button::before, body .tool_button a.button::before {font-family: "Font Awesome 5 Free"; font-size: 16px; margin-right: 5px; position: relative; top: 2px; background: none; z-index: 2; font-weight: 900;}
	body .tool_button a:after, body .tool_button button:after, body .tool_button a.button:after {display: none;}
	body .tool_button.pen a::before, body .tool_button.pen button::before {content: '\f304';}
*/
/* SITE HEADS */
.site_head {
	margin-bottom: 25px;
	padding: 25px;
	border-radius: 2px;
	background: #F9FBFC;
}

.site_head.rework {
	padding: 0;
}

.site_head_title {
	padding: 15px 25px;
	border-bottom: 3px solid #EDF3F8;
}

.site_head_title h3 {
	margin: 0;
	padding: 0;
	color: #273744;
}

.pro_row.toolbar {
	padding: 10px 25px;
}

.toolbar select, .toolbar .add_button a, .toolbar input {
	margin-bottom: 0;
}

.column_actions {
	flex: 0 0 auto;
}

/* FILTERS */
.column_filters {
	flex: 1 1 auto;
}

.column_filters select {
	width: 180px;
}

.column_filters form {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: end;
}

.column_filters:not(.show_labels) form label {
	display: none;
}

.column_filters.show_labels form label {
	min-height: 18.375px;
	padding-left: 10px;
}

.column_filters select, .column_filters input {
	margin-left: 10px;
}

.column_filters .input.text .clean-input-field {
	top: 0;
}

.column_filters .actions_top {
	width: auto;
}

.column_filters .actions_top select {
	width: 180px;
	margin: 0 10px 0 10px;
}

.column_filters .actions_top input[type='submit'], .column_filters input[type='text'], .column_filters input[type='number'], .column_filters input[type='date'] {
	line-height: 30px;
	height: 30px;
	padding: 0 10px;
}

.filters_inner {
	display: flex;
	justify-content: end;
}

/* TABLES */
.toolbar .vertical-table {
	border-spacing: 0 1px;
	background: #EDF3F8;
}

.toolbar .vertical-table td {
	text-align: left;
	border: 0;
}

.toolbar .vertical-table th {
	width: 190px;
	color: #273744;
	background: #FFF;
}

.toolbar .vertical-table tr {
	border-bottom: none;
}

/* INPUTS */
.input.time, .input.number {
	margin-right: 15px;
}

/* TABLES */
body table {
	margin-top: 5px !important;
	border-spacing: 0 2px;
	border-collapse: separate;
	background: #EDF3F8;
}

body table.no_bg {
	background: transparent;
}

body table thead tr th:first-of-type, body table tr td:first-of-type {
	border-radius: 2px 0 0 2px;
}

body table thead tr th:last-of-type, body table tr td:last-of-type {
	border-radius: 0 2px 2px 0;
}

body table tr th, body table tr td {
	padding: 4px 10px;
	border: solid 1px #EDF3F8;
	background: #FFF;
}

/* HEAD */
body table tr th {
	font-size: 11px;
	padding: 10px 10px;
	color: #96A4BF;
	background: #F9FBFC;
}

body table tr th a {
	color: #96A4BF;
}

body table tr th a::after {
	font-family: 'Font Awesome 5 Free';
	font-size: 14px;
	position: relative;
	top: 1px;
	margin-left: 5px;
	content: '\f0dc';
}

body table tr th a.asc::after {
	content: '\f0dd'
}

body table tr th a.desc::after {
	content: '\f0de'
}

td.link_block {
	padding: 0;
}

.link_block a {
	display: block;
	padding: 10px;
}

body table tr td {
	transition: all ease 0.3s;
}

body table tr:hover td {
	background: #F8F8F8;
}

/* CONTENT */
body table tr td a {
	color: #373B49;
}

body table tr td a:hover {
	color: #5984CC;
}

/* FORMS */
body select {
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	border: 1px solid #BAC2CA;
	border-radius: 2px;
	background-color: #FFF;
}

body select:hover {
	border-color: #E2E2E2;
	background-color: #F9FBFC;
}

body select:focus {
	border-color: #252525;
	outline: none;
}

body label {
	font-weight: 600;
	margin-bottom: 3px;
	padding-left: 6px;
	color: #AAB3C0;
}

input[type='text'], input[type='password'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='month'], input[type='week'], input[type='email'], input[type='number'], input[type='search'], input[type='tel'], input[type='time'], input[type='url'], input[type='color'], textarea {
	font-size: 13px;
	border-radius: 2px;
	box-shadow: none;
}

body input:-internal-autofill-selected {
	background-color: #DBDBDB !important;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
	font-size: 13px;
	font-weight: normal;
	transition: background-color 5000s ease-in-out 0s;
	-webkit-box-shadow: 0 0 0 1000px #EFEFEF inset;
	-webkit-text-fill-color: #333;
}

input[type='text']:focus, input[type='password']:focus, input[type='date']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='month']:focus, input[type='week']:focus, input[type='email']:focus, input[type='number']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='time']:focus, input[type='url']:focus, input[type='color']:focus, textarea:focus {
	border: 1px solid #1B253E !important;
}

/* FANCY */
.input.text input {
	border: 1px solid #CCC;
	border-radius: 2px;
	background: transparent;
}

.input.text label {
	font-size: 12px;
	font-weight: 600;
	position: relative;
	top: 0;
	left: 5px;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	color: #AAB3C0;
}

.input.text.input_parent_active label {
	top: 0;
	left: 5px;
	color: #AAB3C0;
}

/* BUTTONS */
body button, body .button, .actions_top input[type='submit'], input[type='submit'] {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1rem;
	line-height: 40px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	min-height: 40px;
	padding: 0 20px;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	color: #FFF;
	border: none;
	border-radius: 2px;
	background: #3682FA;
}

body button:after, body .button:after, input[type='submit']:after {
	position: absolute;
	z-index: -2;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	border-radius: 2px;
	background-color: #3682FA;
}

body button:before, body .button:before, input[type='submit']:before {
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	width: 0;
	height: 100%;
	content: '';
	transition: all 0.3s;
	border-radius: 2px;
	background-color: #0C5FC5;
}

body button:hover, body .button:hover, .actions_top input[type='submit']:hover {
	color: #FFF;
}

body button:hover:before, body .button:hover:before, input[type='submit']:hover:before {
	width: 100%;
}

input[type='submit']:hover {
	background: #0C5FC5;
}

/* MINIMALIST */
body button.minimalist, .actions_top input[type='submit'] {
	line-height: inherit;
	min-height: 10px;
	margin: 0;
	padding: 12px 15px;
	border-radius: 2px;
}

body button.minimalist:hover, .actions_top input[type='submit']:hover {
	background: #0C5FC5 !important;
}

body button.minimalist:after, body button.minimalist:before {
	display: none;
	width: 0;
	height: 0;
}

/* SECONDARY */
body button.secondary, body .button.secondary, input[type='submit'].secondary, body button.secondary:hover, body .button.secondary:hover, input[type='submit'].secondary:hover {
	color: #FFF;
}

body button.secondary:after, body .button.secondary:after, input[type='submit'].secondary:after {
	background-color: #A9CBFF;
}

body button.secondary:before, body .button.secondary:before, input[type='submit'].secondary:before {
	background-color: #3682FA;
}

/* INPUT SUBMIT */
.actions_top input[type='submit'] {
	height: auto;
	color: #FFF;
}

/* CHECKBOXES */
.checkbox_clickable {
	display: block;
	padding: 15px 15px;
}

.checkbox_clickable input[type='checkbox'] {
	position: relative;
	top: 3px;
	width: 15px;
	margin: 0 auto;
}

/* FIXES */
#report-approved {
	position: relative;
	top: 10px;
}

.actions_top select {
	width: 25%;
	margin: 0 20px 0 0;
}

/* PROJECTS */
.color_indicator span {
	font-weight: bold;
	display: block;
	padding: 10px 2px;
	text-align: center;
	color: #FFF;
	border-radius: 2px;
}

/* LOGIN / POPUP */
.popup_overlay {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-content: space-around;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #1B253E;
}

.popup_inner {
	width: 360px;
	height: auto;
}

.login h3, .lost-password h3 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 0;
	text-align: center;
	color: #333;
}

.login, .lost-password, .reset-password {
	margin-top: 20px;
	padding: 20px 20px 10px 20px;
	background: #FFF;
	-moz-box-shadow: 0 0 12px 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 12px 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 12px 8px rgba(0, 0, 0, 0.2);
}

/* PAGINATION */
body ul.pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 15px;
}

.pagination li.prev a, .pagination li.next a {
	font-weight: bold;
	width: 39px;
	min-width: 1px;
	height: 39px;
	cursor: pointer;
	border-radius: 50%;
}

.pagination li.prev {
	width: 39px;
	margin-right: 10px;
}

.pagination li.next {
	width: 39px;
	margin-left: 10px;
}

body ul.pagination li.disabled {
	visibility: hidden;
}

body ul.pagination li {
	margin: 0;
}

body ul.pagination li a {
	min-width: 55px;
	padding: 10px 20px;
	border-radius: 0;
	background: #F9FBFC;
}

.pagination li:nth-of-type(2) a {
	border-radius: 2px 0 0 2px;
}

.pagination li:nth-last-child(2) a {
	border-radius: 0 2px 2px 0;
}

ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus {
	background: #DAE8EF;
}

@keyframes rotate {
	70% {
		transform: rotatey(360deg);
	}
	100% {
		transform: rotatey(360deg);
	}
}

.td-with-notes {
	text-align: inherit !important;
}

.td-with-notes ul br {
	display: none;
}

td .input.checkbox input {
	margin-bottom: 0;
}

td .input.checkbox label {
	display: flex;
	align-items: center;
}

/* TOOLTIPS */
.tooltip_wrap {
	position: relative;
	display: inline-block;
	margin-left: 5px;
}

/* BUTTON */
.tooltip_wrap .tooltip_icon {
	border-radius: 50%;
	font-weight: bold;
	font-style: italic;
	background: #DBDBDB;
	color: #FFF;
	width: 18px;
	text-align: center;
	height: 18px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	font-size: 14px;
	cursor: pointer;
}

.tooltip_wrap .tooltip_icon:hover, .tooltip_wrap.active .tooltip_icon {
	color: #FFF;
	background: #333;
}

/* CONTENT */
.tooltip_wrap .tooltip_content {
	display: none;
	padding: 5px;
	border-radius: 3px;
	background: #333;
	color: #FFF;
	position: absolute;
	bottom: 110%;
	left: 0px;
	min-width: 150px;
	z-index: 9;
}

.tooltip_wrap.active .tooltip_content {
	display: block;
}

/* EMPLOYEE NAMES */
.employee_wrap {
	position: relative;
}

.employee_name {
	display: none;
	padding: 5px;
	border-radius: 3px;
	background: #333;
	color: #FFF;
	position: absolute;
	bottom: 110%;
	left: 0px;
	min-width: 150px;
	z-index: 9;
}

.employee_wrap:hover .employee_name {
	display: block;
}


.tooltip_wrap .tooltip_icon.noelement {
	all: unset;
	cursor: pointer;
}

.d-none {
	display: none;
}

.visible-none {
	visibility: hidden;
}

.employee_overtime_check {
	background: #A0F0BE;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	border-radius: 90px;
	text-align: center;
}

.employee_overtime_uncheck {
	background: #EE9090;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	border-radius: 90px;
	text-align: center;
}

input[type=checkbox], input[type=radio] {
	height: auto !important;
}

@-moz-document url-prefix() {
	.fc-liquid-hack td,
	.fc-liquid-hack th {
		position: initial !important;
	}
}

.overtime_icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 5px;
	border-radius: 90px;
	text-align: center;
	font-size: 10px;
	line-height: 14px;
}

.overtime_icon.overtime_icon_small {
	width: 10px;
	height: 10px;
}

.overtime_icon.overtime_over {
	background: #A0F0BE;
}

.overtime_icon.overtime_under {
	background: #F0A0A0;
}

.overtime_icon.overtime_normal {
	background: #DBDBDB;
}

.overtime_remove_btn {
	border-radius: 0;
	margin: 7px 0 0 0;
	cursor: pointer;

	width: 10%;
	float: right;
}

.overtime_remove_btn i {
	width: 18px;
	height: 18px;
	margin-left: 5px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	background: #EDF3F8;
	border-radius: 50px;
}

.overtime_remove_btn.userInfo {
	margin: 0;
}

.overtime_remove_btn.hasInfo svg {
	color: #ed83a6;
}

select.report-status {
	width: 90%;
}

.button_x {
	font-family: 'Roboto', Arial, sans-serif;
	padding: 10px;
	line-height: 12px;
	border: none;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	border-radius: 2px;
}

.button_x:hover {
	color: #FFF;
	background: #EE6E6E;
}

.toolbar input[type="text"] {
	background: white !important;
}


.input-icons {
	width: 100%;
	position: relative;
}

.input-icons input {
	padding: 0 21px;
}

.input-icons i {
	position: absolute;
	top: 38px;
	left: 6px;
}

.input-icons .fa-minus {
	color: #EE9090;
}

.overtime_remove_div {
	padding-top: 12px;
}

.btn-success {
	margin: 0;
	color: black;
	background: #A0F0BE;
}

.btn-success::after {
	color: black;
	background: #A0F0BE;
}

.btn-danger {
	margin: 0;
	color: black;
	background: #EE9090;
}

.btn-danger::after {
	color: black;
	background: #EE9090;
}

@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}

.css-traffic-light {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.css-traffic-light-green {
	background-color: limegreen;
	box-shadow: 0 0 20px limegreen;
}

.css-traffic-light-yellow {
	background-color: #ecec00;
	box-shadow: 0 0 20px #ecec00;
}

.css-traffic-light-red {
	background-color: red;
	box-shadow: 0 0 20px red;
}

#milestones-table{
	width: 50%;
}
#milestones-table td .css-traffic-light{
	margin-left: 10px;
}

/* DATATABLES */
.dt-container .dt-start{
	display: flex !important;
}
.dt-container .dt-buttons{
	margin-left: 15px;
}
.dt-container button{
	height: 30px !important;
	line-height: 32px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin: 0;
	min-height: auto;
	border-radius: 0 !important;
	color: #fff !important;
	border: 0 !important;
}
.dt-container input,
.dt-container select{
	margin-bottom: 0;
}

.dt-container .dt-search{
	max-width: 300px;
	margin: 0 5px 0 auto;
}
.dt-container .dt-paging-button{
	background: none !important;
}
.dt-container .dt-paging-button.current{
	font-weight: bold;
}
.dt-container .dt-paging-button:after,
.dt-container .dt-paging-button:before{
	display: none;
}
.container .dt-container .dt-paging .dt-paging-button:hover{
	color: #0C5FC5 !important;
}
.traffic-light{
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 10px;
	border-radius: 50%;
	text-align: center;
}
.traffic-light.red{
	background: #EE9090;
}
.traffic-light.green{
	background: #A0F0BE;
}
.traffic-light.grey{
	background: #C0C0C0
}

.reports-table th{
	word-break: break-word;
}
.reports-table th:nth-child(6),
.reports-table th:nth-child(10),
.reports-table th:nth-child(11){
	width: 60px;
}
.reports-table th:last-child{
	width: 50px;
}
.reports-table td input[type="text"],
.reports-table td input[type="number"],
.reports-table td textarea{
	width: 100%;
}
.reports-table td .custom-combobox-input{
	width: calc(100% - 32px);
}
.reports-table .checkbox{
	text-align: center;
}

.approve-tasks-table th:first-child,
.misc-table th:first-child{
	width: 38px;
}
.approve-tasks-table td:first-child,
.misc-table td:first-child{
	padding: 0;
}
.misc-table td:first-child .checkbox_clickable,
.approve-tasks-table td:first-child .checkbox_clickable{
	padding-left: 10px;
	padding-right: 10px;
}
.approve-tasks-table th:nth-child(9){
	width: 200px;
}
.approve-tasks-table th:last-child{
	width: 40px !important;
}
.misc-table th:last-child,
.service-contracts-table th:last-child{
	width: 45px !important;
}
.approve-tasks-table span.action > a::before,
.misc-table span.action > a::before,
.service-contracts-table span.action > a::before{
	margin-right: 0;
}
.approve-tasks-table span.action,
.misc-table span.action,
.service-contracts-table span.action{
	padding: 0;
}
.misc-table th:nth-child(3){
	width: 80px;
}
.misc-table th:nth-child(5){
	width: 160px;
}
.misc-table th:nth-child(6){
	width: 140px;
}
.misc-table th:nth-child(11){
	width: 70px;
}
@media (max-width: 1700px) {
	.reports,
	.serviceContracts.index,
	.misc-page,
	.service-contracts-view-page{
		padding-top: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	.reports-table th,
	.reports-table td,
	.approve-tasks-table th,
	.approve-tasks-table td,
	.misc-table th,
	.misc-table td,
	.service-contracts-table th,
	.service-contracts-table td{
		padding: 3px !important;
	}
	.reports-table th:nth-child(1){
		width: 160px;
	}
	.reports-table th:nth-child(8),
	.reports-table th:nth-child(9){
		width: 80px;
	}
	.approve-tasks-table,
	.service-contracts-table{
		table-layout: auto !important;
	}
	.approve-tasks-table span.action{
		padding: 0;
	}
	.approve-tasks-table th:last-child,
	.misc-table th:last-child,
	.service-contracts-table th:last-child{
		width: 34px !important;
	}
	.approve-tasks-table th:nth-child(9){
		width: 160px;
	}
	.approve-tasks-table .small{
		width: 63px;
	}
	.approve-tasks-table th{
		word-break: break-all;
	}
}
.mb0{
	margin-bottom: 0 !important;
}
.employee-filter-form{
	display: flex;
	input, span{
		width: 160px;
	}
	.button{
		line-height: 32px;
		height: auto;
		min-height: auto;
	}
	input{
		margin-right: 10px;
	}
}

.total_by_user{
	/*font-weight: bold;*/
}
.total_by_department td{
	font-weight: bold;
}

.statistics-history-elems{
	display: flex;
}

.statistics-history-elem{
	margin-right: 15px;
	position: relative;
}

.statistics-history-elem label{
	padding-left: 0;
}

.statistics-history-elem .default-price{
	line-height: 30px;
}

.statistics-history-popup{
	position: absolute;
	background: #ffff;
	border: 1px solid #273744;
	width: 320px;
	padding: 10px;
}
.statistics-history-popup label{
	width: 100%;
	padding: 0 !important;
}
.statistics-history-popup input{
	width: 100%;
	margin: 0 0 5px;
}
.statistics-history-popup .group{
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}
.statistics-history-popup .group .delete-group{
	width: 20px !important;
	margin-right: 10px;
}
.statistics-history-popup .group .delete-group,
.statistics-history-popup .group input{
	width: calc((100% - 50px) / 2);
}
.statistics-history-popup .group .delete-group{
	cursor: pointer;
}
.statistics-history-popup .group .from-group{
	position: absolute;
	left: 21px;
	top: 7px;
}

.statistics-history-popup .with-euro{
	position: relative;
}
.statistics-history-popup .with-euro:after{
	position: absolute;
	content: '€';
	width: 10px;
	line-height: 30px;
	top: 1px;
	color: #AAB3C0;
	right: 3px;
}
.statistics-history-popup label.with-euro:after{
	top: 17px;
	right: 0;
}
.statistics-history-popup button{
	line-height: 30px;
	height: 30px;
	min-height: 30px;
}
.close-statistics-history p{
	position: relative;
}
.close-statistics-history-popup{
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
}

.double-scroll-1, .double-scroll-2{
	overflow-x: scroll;
}
.double-scroll-1{
	height: 20px;
}

.double-scroll-1-fake,
.double-scroll-2-real{
	width: 100%;
	min-width: 1640px;
}
.working_hour_wr .add-time-record-btn{
	display: none;
}
.working_hour_wr[data-record="0"] .delete-time-record-btn{
	display: none !important;
}
.working_hour_wr[data-record="0"] .add-time-record-btn{
	display: block !important;
}

.working_hour_wr .add-time-record-btn,
.working_hour_wr .delete-time-record-btn{
	margin-left: 20px;
	cursor: pointer;
}
.working_hour_wr .add-time-record-btn{
	color: #0C5FC5;
}
.working_hour_wr .delete-time-record-btn{
	color: #DC3545;
}
.select-h-m-wr{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.date select, .time select, .datetime select{
	height: 32.4px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.dates-dropdown-wr{
	display: flex;
}
.dates-dropdown-wr{
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.dates-dropdown-wr .year{
	width: 100px;
	margin: 0 10px 14px 0;
}
.dates-dropdown-wr .month{
	width: 100px;
	margin: 0 10px 14px 0;
}
.dates-dropdown-wr.no-bottom-margin .year,
.dates-dropdown-wr.no-bottom-margin .month{
	margin-bottom: 0 !important;
}
.dates-dropdown-wr.bigger .year,
.dates-dropdown-wr.bigger .month{
	width: 180px;
}

.pagination li.prev a, .pagination li.next a{
	text-indent: -3px;
}

.login-logout-time-wr label{
	cursor: default;
}

.documented-worktime-dashboard-wr{
	font-size: 0.875rem;
	margin-bottom: 18px;
}
.documented-worktime-dashboard-wr .documented-worktime-dashboard-header{
	padding: 4px 5px 0;
	color: #226bb7;
	text-align: center;
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 19px;
}
.documented-worktime-dashboard-wr table,
.documented-worktime-dashboard-wr tr,
.documented-worktime-dashboard-wr td,
.documented-worktime-dashboard-wr th{
	border: none;
}
.documented-worktime-dashboard-wr tr{
	border-bottom: 1px solid #EDF3F8;
}
.documented-worktime-dashboard-wr td{
	border-right: 1px solid #EDF3F8;
}
.documented-worktime-dashboard-wr td.no-border{
	border: none;
}
.documented-worktime-dashboard-wr table{
	border-collapse: collapse;
}
.documented-worktime-dashboard-wr td,
.documented-worktime-dashboard-wr th{
	padding: 1px 5px;
	vertical-align: top;
}
.documented-worktime-dashboard-wr thead .td-highlight{
	color: #8292AD;
}
.documented-worktime-dashboard-wr .td-highlight{
	background: rgba(54, 130, 250, .1);
}
.documented-worktime-dashboard-wr thead td{
	font-weight: normal;
	color: #96A4BF;
	background: #F9FBFC;
	padding: 5px 5px;
	vertical-align: middle;
}
.documented-worktime-dashboard-wr tr:hover{
	background: #fff !important;
}
.documented-worktime-dashboard-wr tr:hover td{
	background: #fff !important;
}
.site_head .documented-worktime-dashboard-wr{
	background: #fff;
	padding-bottom: 10px;
}
.site_head .documented-worktime-dashboard-wr > div{
	max-width: 1120px;
	margin: 0 auto;
}
.site_head .documented-worktime-dashboard-wr table{
	margin: 0;
}
.site_head .documented-worktime-dashboard-header{
	font-size: 12.25px;
	margin-bottom: 5px;
}
@media (max-width: 800px) {
	.documented-worktime-dashboard-wr,
	.hr-for-documented-time{
		display: none !important;
	}
}