﻿/*Custom datagrid - breadcrumb*/

/*
.custom-data-grid .datatable-header{
	display: none;
}

.custom-data-grid .datatable-scroll .dataTables_scroll .dataTables_scrollHead{
	display: none;
}

.custom-data-grid .datatable-scroll{
	overflow: visible !important;
	margin-bottom: 10px;
}

.custom-data-grid .dataTables_scrollBody{
	height: auto !important;
	overflow: visible !important;
}

.custom-data-grid .dataTables_scrollBody > div:nth-last-of-type(2){
	display: none;
}

.custom-data-grid .dataTables_scrollBody thead{
	display: none !important;
}

.custom-data-grid .dataTables_scrollBody table{
	position: relative !important;
	display: block !important;
	overflow: visible !important;
}

.custom-data-grid .dataTables_scrollBody tr{
	display: inline-block !important;
	background-color: transparent !important;
	margin: 0 3px 3px 0 !important;
	padding: 0 !important;
}

.custom-data-grid .dataTables_scrollBody tr > .dataTables_empty{
	visibility: hidden;
	font-size: 0.01px;
}

.custom-data-grid .dataTables_scrollBody tr > .dataTables_empty::before{
	content: ""; //Nadřazená kategorie neexistuje
	font-size: 13px;
	display: inline !important;
	visibility: visible;
}

.custom-data-grid .dataTables_scrollBody td{
	border: 0 !important;
	background-color: transparent !important;
	padding: 0 !important;
	cursor: pointer;
}

.custom-data-grid .dataTables_scrollBody td:hover span{
	color: #00BCD4 !important;
}

.custom-data-grid .dataTables_scrollBody td::before{
	content: ">";
	color: #00BCD4;
}

.custom-data-grid .dataTables_scrollBody tr:first-of-type td::before{
	display: none;
}

.custom-data-grid .dataTables_scrollBody td span{
	border-radius: .125rem !important;
	padding: .3125rem .75rem !important;
	display: inline-block !important;
	color: white;
	transition: color 0.15s;
}

.no-header > .js-dataGrid > div > .datatable-header{
	display: none;
}

.customTextBoxControl > .input-group > input{
	position: static;
	display: inline;
	background-color: inherit;
	border: 0;
	color: inherit;
	font-weight: inherit;
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	line-height: 1em;
	font-size: 1em;
	text-transform: inherit;
}*/

/*/Custom datagrid - breadcrumb*/
table > tbody > tr{
	cursor: pointer;
}

table > tbody > tr > td{
	white-space: normal !important;
}

/* dataTable oprava overflow */


.select2-search--dropdown .select2-search__field {
	background-color: #fff;
}

/* Styly pro Pohledy AttendanceAllTransformTableView && AttendanceDepartmentTransformTableView && AttendanceAllPlanTransformTableView */

body[data-pageident="AttendanceAllTransformTableView"] #transformTable td .js-transformTableItem,
body[data-pageident="AttendanceAllPlanTransformTableView"] #transformTable td .js-transformTableItem,
body[data-pageident="AttendanceDepartmentTransformTableView"] #transformTable td .js-transformTableItem{
	color: white;
	margin: -0.5rem !important;
	border: none;
}

body[data-pageident="AttendanceAllTransformTableView"] #transformTable tr:nth-child(1),
body[data-pageident="AttendanceAllTransformTableView"] #transformTable tr:nth-child(2),
body[data-pageident="AttendanceAllPlanTransformTableView"] #transformTable tr:nth-child(1),
body[data-pageident="AttendanceAllPlanTransformTableView"] #transformTable tr:nth-child(2),
body[data-pageident="AttendanceDepartmentTransformTableView"] #transformTable tr:nth-child(1),
body[data-pageident="AttendanceDepartmentTransformTableView"] #transformTable tr:nth-child(2),
body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllView"] #transformTable tr:nth-child(1),
body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllView"] #transformTable tr:nth-child(2),
body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllDateOnlyView"] #transformTable tr:nth-child(1),
body[data-pageident="DepartmentShiftBudgetTransformAllView"] #transformTable tr:nth-child(1){
	position: sticky;
	top: 0;
	z-index: 1;
}

body[data-pageident="AttendanceAllTransformTableView"] #transformTable tr td:nth-child(1),
body[data-pageident="AttendanceAllPlanTransformTableView"] #transformTable tr td:nth-child(1),
body[data-pageident="AttendanceDepartmentTransformTableView"] #transformTable tr td:nth-child(1),
body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllView"] #transformTable tr td:nth-child(1),
body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllDateOnlyView"] #transformTable tr td:nth-child(1),
body[data-pageident="DepartmentShiftBudgetTransformAllView"] #transformTable tr td:nth-child(1){
	position: sticky;
	left: 0;
}


body[data-pageident="AttendanceAllTransformTableView"] #transformTableBox,
body[data-pageident="AttendanceAllPlanTransformTableView"] #transformTableBox,
body[data-pageident="AttendanceDepartmentTransformTableView"] #transformTableBox,
body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllView"] #transformTableBox,
body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllDateOnlyView"] #transformTableBox,
body[data-pageident="DepartmentShiftBudgetTransformAllView"] #transformTableBox{
	max-height: 80vh;
}

body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllView"] #transformTable td,
body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllDateOnlyView"] #transformTable td,
body[data-pageident="DepartmentShiftBudgetTransformAllView"] #transformTable td {
	padding: .30rem 0.75rem;
}
body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllView"] #transformTable td .js-transformTableItem,
body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllDateOnlyView"] #transformTable td .js-transformTableItem,
body[data-pageident="DepartmentShiftBudgetTransformAllView"] #transformTable td .js-transformTableItem{
	color: white !important;
	margin: 0.1rem !important;
	border: none;
}

[data-formident="Attendance"] #RejectReasonList .communication-filter {
		display: none;
}

body[data-pageident="DepartmentShiftBudgetTransformAllView"] #transformTable > div:first-of-type{
	display: none;
}

@media screen and (max-width: 1200px) {
	.fullcalendar-agenda .fc-daygrid-event,
	.fullcalendar-agenda .fc-timegrid-event{
		margin: 0 1px 1px 1px !important;
		padding: 1px !important;
	}
}

@media screen and (max-width: 520px) {
	.fullcalendar-agenda .fc-daygrid-event,
	.fullcalendar-agenda .fc-timegrid-event{
		font-size: 0.6rem;
	}
}


@media screen and (max-width: 520px) {
	body[data-pageident="AttendanceAllTransformTableView"] #transformTableBox td,
	body[data-pageident="AttendanceAllPlanTransformTableView"] #transformTableBox td,
	body[data-pageident="AttendanceDepartmentTransformTableView"] #transformTableBox td,
	body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllView"] #transformTableBox td,
	body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllDateOnlyView"] #transformTableBox td {
		padding: 1px;
		font-size: 0.7rem;
	}

	body[data-pageident="AttendanceAllTransformTableView"] #transformTableBox td .js-transformTableItem,
	body[data-pageident="AttendanceAllPlanTransformTableView"] #transformTableBox td .js-transformTableItem,
	body[data-pageident="AttendanceDepartmentTransformTableView"] #transformTableBox td .js-transformTableItem,
	body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllView"] #transformTableBox td .js-transformTableItem,
	body[data-pageident="AttendanceDepartmentShiftBudgetTransformAllDateOnlyView"] #transformTableBox td .js-transformTableItem{
		margin: 0 0 0 1px !important;
		padding: 1px !important;
	}
}