﻿/* */
#errorDialog, 
#infoDialog,
#confirmDialog,
.hidden,
#wsmsSettingsContainer,
#wsmsStatusBar,
#jsWorker,
.dataTables_filter{
	display: none;
}
/**************/
/*** ALERTS ***/
/**************/
.alerts {
  position: fixed;
  right: calc(50% - 325px);
  top: 104px;
  z-index: 9999;
  background: none;
}

.navbar-vertical-collapsed .alerts {
  right: calc(50% - 225px);
}

.alerts #alertsContainer {
  min-width: 350px;
  max-height: 450px;
  overflow-y: auto;
  padding: 0 8px 0 0;
  background: none;
}

.alert {
  margin-bottom: 8px;
  border-radius: 0;
}

.alert p {
  padding-right: 40px;
}

.alert .btn-close {
  position: absolute;
  top: 28px;
  right: 32px;
}

.close:hover {
  cursor:pointer;
}

.table > thead > tr > th {
  padding-top: 20px;
  padding-bottom: 20px;
}

.fade {
  transition: opacity .2s ease-in-out !important;
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out !important;
}

.page-link {
  padding: 0.825rem 1.2rem !important;
  font-size: 1rem !important;	
}
table thead th {
  font-weight: 500;
}
table tbody tr:last-child td {
  border-bottom: none !important; 	
}
h1, h2, h3, h4, h5, h6, h7 {
  font-weight: 200;
}
.form-check-label, label,.form-control, .dropdown-profile .nav .nav-link, .page-link,
.nav-underline .nav-link.active, .nav-underline .show > .nav-link,
.nav-underline .nav-link {
  font-weight: 200;
  font-size: 1rem;
} 
.btn:not(.btn-link), .pagination .page-link {
  height: 50px;
  min-height: 50px; 
}

.gantt_tooltip_div > p {
    margin: 10px 0;         /* weniger Außenabstand */
    line-height: 1.2;      /* kompaktere Zeilenhöhe */
    color: var(--phoenix-info);
    font-size: 0.9rem;
}

.gantt_tooltip_div > b {
    margin: 10px 0;         /* weniger Außenabstand */
    line-height: 1.2;      /* kompaktere Zeilenhöhe */
    color: var(--phoenix-info);
    font-size: 0.9rem;
}


.rollup_hide{
	display: none;
}

 .choices__inner{
	height: 42px !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.is-invalid{
	border-color: red !important;
}

.is-valid{
	border-color: #90d67f !important;
}

.invalid-feedback{
	color: red !important;
}

.valid-feedback{
	color: #90d67f !important;
}

.tts-zero-row{
	padding-top: 1rem !important;
  	padding-bottom: 1rem !important;
}

.warning-feedback{
	color: orange !important;
	width: 100%;
	margin-top: 0.25rem;
	font-size: 75%;
}

.fixed-scrollbar {
  position: fixed;
  bottom: 0;
  left: 253px;
  width: 100%;
  height: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  background: #f9f9f9;
  border-top: 1px solid #ccc;
  z-index: 999;
}

/* Inneres Scroll-Element wird so breit wie der echte Gantt-Inhalt */
.fixed-scrollbar .scrollbar-inner {
  height: 1px; /* fast unsichtbar */
  background: transparent;
  width: 3000px; /* <-- später dynamisch anpassen! */
}


.plannedTaskTimesGrid_cell .gantt_grid_scale,
.plannedTaskTimesTimeline_cell .gantt_task_scale
{
	display: none;
}

.workHoursGrid_cell .gantt_grid_scale,
.workHoursTimeline_cell .gantt_task_scale
{
	display: none;
}

.absenceGrid_cell .gantt_grid_scale,
.absenceTimeline_cell .gantt_task_scale
{
	display: none;
}

.notification-badge {
  position: absolute;
  bottom: 0;
  right: 0 !important ;
  transform: translate(-10%, -70%);
  background-color: red;
  color: white;
  border-radius: 50%;
  padding: 2px 5px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  min-width: 16px;
  text-align: center;
}

.plannedTimesGrid_cell .gantt_grid_scale,
.plannedTimesTimeline_cell .gantt_task_scale
{
	display: none;
}

.plannedTaskTimeDeviationsGrid_cell .gantt_grid_scale,
.plannedTaskTimeDeviationsTimeline_cell .gantt_task_scale
{
	display: none;
}

.choices__inner {
  min-height: 44px;     /* Grundhöhe */
  height: auto !important;
}

.availabilityDeviationsGrid_cell .gantt_grid_scale,
.availabilityDeviationsTimeline_cell .gantt_task_scale
{
	display: none;
}

.scheduledWorkHoursGrid_cell .gantt_grid_scale,
.scheduledWorkHoursTimeline_cell .gantt_task_scale 
{
	display: none;
}

.actualTimeDeviationGrid_cell .gantt_grid_scale,
.actualTimeDeviationTimeline_cell .gantt_task_scale 
{
	display: none;
}

.gantt_grid_scale .gantt_grid_head_cell,
.gantt_task .gantt_task_scale .gantt_scale_cell {
	font-weight: 300;
	--dhx-gantt-font-size: 14px;
	--dhx-gantt-scale-color: rgba(0, 0, 0, 0.7);
}


.gantt_resource_marker {
	width: 70px !important;
	height: 33px !important;
	color: #FFF;
	text-align: center;
	padding-top: 16px;
	line-height: 0px !important;
	transform: translate(30px, 7px);
}


.gantt_resource_marker.gantt_workday_ok {
	background: var(--dhx-gantt-base-colors-success);
}

.gantt_resource_marker.gantt_workday_over {
	background: var(--dhx-gantt-base-colors-error);
}

.float-right {
	float: right;	
}