/*@TimeManagementStatus: {
                            approved:#90ee90;//genehmigt
                            cancel:#ffc800;//stornieren
                            cancelRejected:#8b0000;//stornierenAbgelehnt
                            canceled:#fafa00;//storniert
                            enabled:#5ac8f0;//freigegeben
                            rejected:#cd5c5c;//abgelehnt
                            notCategorised:#f5f5f5;//ohne - keinStatus
}*/
/*each(@TimeManagementStatus, {
    .SetSpanColor(@value, @key);
    .SetGridRowColor(@value, @key);
});*/
span.approvedColor {
  color: #90ee90;
}
table[role="grid"] tr[role="row"].approvedColor,
table[role="treegrid"] tr[role="row"].approvedColor {
  background-color: #90ee90;
}
table[role="grid"] tr[role="row"].approvedColor:hover,
table[role="treegrid"] tr[role="row"].approvedColor:hover,
table[role="grid"] tr[role="row"].approvedColor.k-state-selected,
table[role="treegrid"] tr[role="row"].approvedColor.k-state-selected {
  color: Black!important;
  background-color: #64e764;
}
span.cancelColor {
  color: #ffc800;
}
table[role="grid"] tr[role="row"].cancelColor,
table[role="treegrid"] tr[role="row"].cancelColor {
  background-color: #ffc800;
}
table[role="grid"] tr[role="row"].cancelColor:hover,
table[role="treegrid"] tr[role="row"].cancelColor:hover,
table[role="grid"] tr[role="row"].cancelColor.k-state-selected,
table[role="treegrid"] tr[role="row"].cancelColor.k-state-selected {
  color: Black!important;
  background-color: #cca000;
}
span.cancelRejectedColor {
  color: #8b0000;
}
table[role="grid"] tr[role="row"].cancelRejectedColor,
table[role="treegrid"] tr[role="row"].cancelRejectedColor {
  background-color: #8b0000;
}
table[role="grid"] tr[role="row"].cancelRejectedColor:hover,
table[role="treegrid"] tr[role="row"].cancelRejectedColor:hover,
table[role="grid"] tr[role="row"].cancelRejectedColor.k-state-selected,
table[role="treegrid"] tr[role="row"].cancelRejectedColor.k-state-selected {
  color: Black!important;
  background-color: #580000;
}
span.canceledColor {
  color: #fafa00;
}
table[role="grid"] tr[role="row"].canceledColor,
table[role="treegrid"] tr[role="row"].canceledColor {
  background-color: #fafa00;
}
table[role="grid"] tr[role="row"].canceledColor:hover,
table[role="treegrid"] tr[role="row"].canceledColor:hover,
table[role="grid"] tr[role="row"].canceledColor.k-state-selected,
table[role="treegrid"] tr[role="row"].canceledColor.k-state-selected {
  color: Black!important;
  background-color: #c7c700;
}
span.enabledColor {
  color: #5ac8f0;
}
table[role="grid"] tr[role="row"].enabledColor,
table[role="treegrid"] tr[role="row"].enabledColor {
  background-color: #5ac8f0;
}
table[role="grid"] tr[role="row"].enabledColor:hover,
table[role="treegrid"] tr[role="row"].enabledColor:hover,
table[role="grid"] tr[role="row"].enabledColor.k-state-selected,
table[role="treegrid"] tr[role="row"].enabledColor.k-state-selected {
  color: Black!important;
  background-color: #2bb8ec;
}
span.rejectedColor {
  color: #cd5c5c;
}
table[role="grid"] tr[role="row"].rejectedColor,
table[role="treegrid"] tr[role="row"].rejectedColor {
  background-color: #cd5c5c;
}
table[role="grid"] tr[role="row"].rejectedColor:hover,
table[role="treegrid"] tr[role="row"].rejectedColor:hover,
table[role="grid"] tr[role="row"].rejectedColor.k-state-selected,
table[role="treegrid"] tr[role="row"].rejectedColor.k-state-selected {
  color: Black!important;
  background-color: #bc3a3a;
}
span.notCategorisedColor {
  color: #f5f5f5;
}
table[role="grid"] tr[role="row"].notCategorisedColor,
table[role="treegrid"] tr[role="row"].notCategorisedColor {
  background-color: #f5f5f5;
}
table[role="grid"] tr[role="row"].notCategorisedColor:hover,
table[role="treegrid"] tr[role="row"].notCategorisedColor:hover,
table[role="grid"] tr[role="row"].notCategorisedColor.k-state-selected,
table[role="treegrid"] tr[role="row"].notCategorisedColor.k-state-selected {
  color: Black!important;
  background-color: #dcdcdc;
}
.numberFormat {
  text-align: right;
}
.content-container {
  margin-top: 150px;
}
#MonthOverviewDataContainer,
#DutyActivitieContainer {
  margin-top: 110px;
}
#MonthOverviewDataGrid {
  width: 100%;
  overflow: auto;
}
#employeeGeneralInformationGrid {
  width: 100%;
  overflow: auto;
}
#timeManagementArrivalLeaveModelGrid {
  width: 100%;
  overflow: auto;
}
#supervisorEmployeeGrid {
  margin-top: 5rem;
  width: 100%;
  overflow: auto;
}
#monthOverviewGrid {
  width: 100%;
  overflow: auto;
}
#workingTimesGrid {
  width: 100%;
  overflow: auto;
}
#absencePeriodsGrid {
  width: 100%;
  overflow: auto;
}
#workingTimeListGrid {
  width: 100%;
  overflow: auto;
}
#employeeArrivalLeaveGrid {
  overflow: auto;
}
@media only screen and (min-width: 1800px) {
  #employeeArrivalLeaveGrid {
    /*margin-left: 714px;
            margin-right: 714px;*/
    margin-left: 72rem;
    margin-right: 72rem;
  }
}
/*//TimeManagementStatus.Approved
span.approvedColor{
    color: if((iscolor(@approvedColor)), @approvedColor, @defaultcolor);
}
table[role="grid"] tr[role="row"].approvedColor{
    .SetGridRowColor(@approvedColor);
}

//TimeManagementStatus.Cancel
span.cancelColor{
    color: if((iscolor(@cancelColor)), @cancelColor, @defaultcolor);
}
table[role="grid"] tr[role="row"].cancelColor{
    .SetGridRowColor(@cancelColor);
}

//TimeManagementStatus.CancelRejected
span.cancelRejectedColor{
    color: if((iscolor(@cancelRejectedColor)), @cancelRejectedColor, @defaultcolor);
}
table[role="grid"] tr[role="row"].cancelRejectedColor{
    .SetGridRowColor(@cancelRejectedColor);
}

//TimeManagementStatus.Canceled
span.canceledColor{
    color: if((iscolor(@canceledColor)), @canceledColor, @defaultcolor);
}
table[role="grid"] tr[role="row"].canceledColor{
    .SetGridRowColor(@canceledColor);
}

//TimeManagementStatus.Enabled
span.enabledColor{
    color: if((iscolor(@enabledColor)), @enabledColor, @defaultcolor);
}
table[role="grid"] tr[role="row"].enabledColor{
    .SetGridRowColor(@enabledColor);
}

//TimeManagementStatus.Rejected
span.rejectedColor{
    color: if((iscolor(@rejectedColor)), @rejectedColor, @defaultcolor);
}
table[role="grid"] tr[role="row"].rejectedColor{
    .SetGridRowColor(@rejectedColor);
}

//TimeManagementStatus.Without
span.notCategorisedColor{
    color: if((iscolor(@notCategorisedColor)), @notCategorisedColor, @defaultcolor);
}
table[role="grid"] tr[role="row"].notCategorisedColor{
    .SetGridRowColor(@notCategorisedColor);
}*/
table thead,
table tfoot {
  position: sticky;
}
table thead {
  inset-block-start: 0;
  /* "top" */
}
table tfoot {
  inset-block-end: 0;
  /* "bottom" */
}
.nav-tabs .nav-link:focus {
  background-color: #ffffff;
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link:hover {
  background-color: #ffffff;
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.active {
  background-color: #ffffff;
  border-color: #dee2e6 #dee2e6 #ffffff;
  color: #495057;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}
.tab-pane > .container-fluid {
  margin-top: 5px;
  padding: 0;
}
.btn-default {
  width: 65px;
  margin: 5px;
}
.btn-default#dataLoadButton {
  width: auto;
}
.col-center-content {
  display: flex;
  align-items: center;
  justify-content: center;
  /*display: table-cell;
  vertical-align: middle;*/
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check-inline {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  margin-right: 0.75rem;
  padding-left: 0;
}
.form-check-inline .form-check-input {
  margin-left: 0;
  margin-right: 0.3125rem;
  margin-top: 0;
  position: static;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
.form-check-label {
  margin-bottom: 0;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.modal-header .close {
  margin-top: -18px;
}
#WorkingTimesRejectTextBox,
#AbsencePeriodsRejectTextBox {
  width: 100%;
}
@media only screen and (max-height: 499px) {
  #MonthOverviewDataGrid {
    height: 300px;
  }
  #employeeGeneralInformationGrid {
    height: 300px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 300px;
  }
  #supervisorEmployeeGrid {
    height: 250px;
  }
  #monthOverviewGrid {
    height: 250px;
  }
  #workingTimesGrid {
    height: 210px;
  }
  #absencePeriodsGrid {
    height: 210px;
  }
  #workingTimeListGrid {
    height: 250px;
  }
  #employeeArrivalLeaveGrid {
    height: 100px;
  }
}
@media only screen and (min-height: 500px) and (max-height: 524px) {
  #MonthOverviewDataGrid {
    height: 360px;
  }
  #employeeGeneralInformationGrid {
    height: 360px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 360px;
  }
  #supervisorEmployeeGrid {
    height: 275px;
  }
  #monthOverviewGrid {
    height: 275px;
  }
  #workingTimesGrid {
    height: 235px;
  }
  #absencePeriodsGrid {
    height: 235px;
  }
  #workingTimeListGrid {
    height: 275px;
  }
  #employeeArrivalLeaveGrid {
    height: 125px;
  }
}
@media only screen and (min-height: 525px) and (max-height: 549px) {
  #MonthOverviewDataGrid {
    height: 360px;
  }
  #employeeGeneralInformationGrid {
    height: 360px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 360px;
  }
  #supervisorEmployeeGrid {
    height: 300px;
  }
  #monthOverviewGrid {
    height: 300px;
  }
  #workingTimesGrid {
    height: 260px;
  }
  #absencePeriodsGrid {
    height: 260px;
  }
  #workingTimeListGrid {
    height: 300px;
  }
  #employeeArrivalLeaveGrid {
    height: 150px;
  }
}
@media only screen and (min-height: 550px) and (max-height: 574px) {
  #MonthOverviewDataGrid {
    height: 360px;
  }
  #employeeGeneralInformationGrid {
    height: 360px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 360px;
  }
  #supervisorEmployeeGrid {
    height: 325px;
  }
  #monthOverviewGrid {
    height: 325px;
  }
  #workingTimesGrid {
    height: 285px;
  }
  #absencePeriodsGrid {
    height: 285px;
  }
  #workingTimeListGrid {
    height: 325px;
  }
  #employeeArrivalLeaveGrid {
    height: 175px;
  }
}
@media only screen and (min-height: 575px) and (max-height: 599px) {
  #MonthOverviewDataGrid {
    height: 425px;
  }
  #employeeGeneralInformationGrid {
    height: 425px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 425px;
  }
  #supervisorEmployeeGrid {
    height: 350px;
  }
  #monthOverviewGrid {
    height: 350px;
  }
  #workingTimesGrid {
    height: 310px;
  }
  #absencePeriodsGrid {
    height: 310px;
  }
  #workingTimeListGrid {
    height: 350px;
  }
  #employeeArrivalLeaveGrid {
    height: 200px;
  }
}
@media only screen and (min-height: 600px) and (max-height: 624px) {
  #MonthOverviewDataGrid {
    height: 450px;
  }
  #employeeGeneralInformationGrid {
    height: 450px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 450px;
  }
  #supervisorEmployeeGrid {
    height: 375px;
  }
  #monthOverviewGrid {
    height: 375px;
  }
  #workingTimesGrid {
    height: 335px;
  }
  #absencePeriodsGrid {
    height: 335px;
  }
  #workingTimeListGrid {
    height: 375px;
  }
  #employeeArrivalLeaveGrid {
    height: 225px;
  }
}
@media only screen and (min-height: 625px) and (max-height: 649px) {
  #MonthOverviewDataGrid {
    height: 475px;
  }
  #employeeGeneralInformationGrid {
    height: 475px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 475px;
  }
  #supervisorEmployeeGrid {
    height: 400px;
  }
  #monthOverviewGrid {
    height: 400px;
  }
  #workingTimesGrid {
    height: 360px;
  }
  #absencePeriodsGrid {
    height: 360px;
  }
  #workingTimeListGrid {
    height: 400px;
  }
  #employeeArrivalLeaveGrid {
    height: 250px;
  }
}
@media only screen and (min-height: 650px) and (max-height: 674px) {
  #MonthOverviewDataGrid {
    height: 500px;
  }
  #employeeGeneralInformationGrid {
    height: 500px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 500px;
  }
  #supervisorEmployeeGrid {
    height: 425px;
  }
  #monthOverviewGrid {
    height: 425px;
  }
  #workingTimesGrid {
    height: 385px;
  }
  #absencePeriodsGrid {
    height: 385px;
  }
  #workingTimeListGrid {
    height: 425px;
  }
  #employeeArrivalLeaveGrid {
    height: 275px;
  }
}
@media only screen and (min-height: 675px) and (max-height: 699px) {
  #MonthOverviewDataGrid {
    height: 525px;
  }
  #employeeGeneralInformationGrid {
    height: 525px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 525px;
  }
  #supervisorEmployeeGrid {
    height: 450px;
  }
  #monthOverviewGrid {
    height: 450px;
  }
  #workingTimesGrid {
    height: 410px;
  }
  #absencePeriodsGrid {
    height: 410px;
  }
  #workingTimeListGrid {
    height: 450px;
  }
  #employeeArrivalLeaveGrid {
    height: 300px;
  }
}
@media only screen and (min-height: 700px) and (max-height: 724px) {
  #MonthOverviewDataGrid {
    height: 550px;
  }
  #employeeGeneralInformationGrid {
    height: 550px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 550px;
  }
  #supervisorEmployeeGrid {
    height: 475px;
  }
  #monthOverviewGrid {
    height: 475px;
  }
  #workingTimesGrid {
    height: 435px;
  }
  #absencePeriodsGrid {
    height: 435px;
  }
  #workingTimeListGrid {
    height: 475px;
  }
  #employeeArrivalLeaveGrid {
    height: 325px;
  }
}
@media only screen and (min-height: 725px) and (max-height: 749px) {
  #MonthOverviewDataGrid {
    height: 575px;
  }
  #employeeGeneralInformationGrid {
    height: 575px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 575px;
  }
  #supervisorEmployeeGrid {
    height: 500px;
  }
  #monthOverviewGrid {
    height: 500px;
  }
  #workingTimesGrid {
    height: 460px;
  }
  #absencePeriodsGrid {
    height: 460px;
  }
  #workingTimeListGrid {
    height: 500px;
  }
  #employeeArrivalLeaveGrid {
    height: 350px;
  }
}
@media only screen and (min-height: 750px) and (max-height: 774px) {
  #MonthOverviewDataGrid {
    height: 600px;
  }
  #employeeGeneralInformationGrid {
    height: 600px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 600px;
  }
  #supervisorEmployeeGrid {
    height: 525px;
  }
  #monthOverviewGrid {
    height: 525px;
  }
  #workingTimesGrid {
    height: 485px;
  }
  #absencePeriodsGrid {
    height: 485px;
  }
  #workingTimeListGrid {
    height: 525px;
  }
  #employeeArrivalLeaveGrid {
    height: 375px;
  }
}
@media only screen and (min-height: 775px) and (max-height: 799px) {
  #MonthOverviewDataGrid {
    height: 625px;
  }
  #employeeGeneralInformationGrid {
    height: 625px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 625px;
  }
  #supervisorEmployeeGrid {
    height: 550px;
  }
  #monthOverviewGrid {
    height: 550px;
  }
  #workingTimesGrid {
    height: 510px;
  }
  #absencePeriodsGrid {
    height: 510px;
  }
  #workingTimeListGrid {
    height: 550px;
  }
  #employeeArrivalLeaveGrid {
    height: 400px;
  }
}
@media only screen and (min-height: 800px) and (max-height: 824px) {
  #MonthOverviewDataGrid {
    height: 650px;
  }
  #employeeGeneralInformationGrid {
    height: 650px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 650px;
  }
  #supervisorEmployeeGrid {
    height: 575px;
  }
  #monthOverviewGrid {
    height: 575px;
  }
  #workingTimesGrid {
    height: 535px;
  }
  #absencePeriodsGrid {
    height: 535px;
  }
  #workingTimeListGrid {
    height: 575px;
  }
  #employeeArrivalLeaveGrid {
    height: 425px;
  }
}
@media only screen and (min-height: 825px) and (max-height: 849px) {
  #MonthOverviewDataGrid {
    height: 675px;
  }
  #employeeGeneralInformationGrid {
    height: 675px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 675px;
  }
  #supervisorEmployeeGrid {
    height: 600px;
  }
  #monthOverviewGrid {
    height: 600px;
  }
  #workingTimesGrid {
    height: 560px;
  }
  #absencePeriodsGrid {
    height: 560px;
  }
  #workingTimeListGrid {
    height: 600px;
  }
  #employeeArrivalLeaveGrid {
    height: 450px;
  }
}
@media only screen and (min-height: 850px) and (max-height: 874px) {
  #MonthOverviewDataGrid {
    height: 700px;
  }
  #employeeGeneralInformationGrid {
    height: 700px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 700px;
  }
  #supervisorEmployeeGrid {
    height: 625px;
  }
  #monthOverviewGrid {
    height: 625px;
  }
  #workingTimesGrid {
    height: 585px;
  }
  #absencePeriodsGrid {
    height: 585px;
  }
  #workingTimeListGrid {
    height: 625px;
  }
  #employeeArrivalLeaveGrid {
    height: 475px;
  }
}
@media only screen and (min-height: 875px) and (max-height: 899px) {
  #MonthOverviewDataGrid {
    height: 725px;
  }
  #employeeGeneralInformationGrid {
    height: 725px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 725px;
  }
  #supervisorEmployeeGrid {
    height: 650px;
  }
  #monthOverviewGrid {
    height: 650px;
  }
  #workingTimesGrid {
    height: 610px;
  }
  #absencePeriodsGrid {
    height: 610px;
  }
  #workingTimeListGrid {
    height: 650px;
  }
  #employeeArrivalLeaveGrid {
    height: 500px;
  }
}
@media only screen and (min-height: 900px) and (max-height: 924px) {
  #MonthOverviewDataGrid {
    height: 750px;
  }
  #employeeGeneralInformationGrid {
    height: 750px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 750px;
  }
  #supervisorEmployeeGrid {
    height: 675px;
  }
  #monthOverviewGrid {
    height: 675px;
  }
  #workingTimesGrid {
    height: 635px;
  }
  #absencePeriodsGrid {
    height: 635px;
  }
  #workingTimeListGrid {
    height: 675px;
  }
  #employeeArrivalLeaveGrid {
    height: 525px;
  }
}
@media only screen and (min-height: 925px) and (max-height: 949px) {
  #MonthOverviewDataGrid {
    height: 775px;
  }
  #employeeGeneralInformationGrid {
    height: 775px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 775px;
  }
  #supervisorEmployeeGrid {
    height: 700px;
  }
  #monthOverviewGrid {
    height: 700px;
  }
  #workingTimesGrid {
    height: 660px;
  }
  #absencePeriodsGrid {
    height: 660px;
  }
  #workingTimeListGrid {
    height: 700px;
  }
  #employeeArrivalLeaveGrid {
    height: 550px;
  }
}
@media only screen and (min-height: 950px) and (max-height: 974px) {
  #MonthOverviewDataGrid {
    height: 800px;
  }
  #employeeGeneralInformationGrid {
    height: 800px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 800px;
  }
  #supervisorEmployeeGrid {
    height: 725px;
  }
  #monthOverviewGrid {
    height: 725px;
  }
  #workingTimesGrid {
    height: 685px;
  }
  #absencePeriodsGrid {
    height: 685px;
  }
  #workingTimeListGrid {
    height: 725px;
  }
  #employeeArrivalLeaveGrid {
    height: 575px;
  }
}
@media only screen and (min-height: 975px) and (max-height: 999px) {
  #MonthOverviewDataGrid {
    height: 825px;
  }
  #employeeGeneralInformationGrid {
    height: 825px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 825px;
  }
  #supervisorEmployeeGrid {
    height: 750px;
  }
  #monthOverviewGrid {
    height: 750px;
  }
  #workingTimesGrid {
    height: 710px;
  }
  #absencePeriodsGrid {
    height: 710px;
  }
  #workingTimeListGrid {
    height: 750px;
  }
  #employeeArrivalLeaveGrid {
    height: 600px;
  }
}
@media only screen and (min-height: 1000px) and (max-height: 1024px) {
  #MonthOverviewDataGrid {
    height: 850px;
  }
  #employeeGeneralInformationGrid {
    height: 850px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 850px;
  }
  #supervisorEmployeeGrid {
    height: 775px;
  }
  #monthOverviewGrid {
    height: 775px;
  }
  #workingTimesGrid {
    height: 735px;
  }
  #absencePeriodsGrid {
    height: 735px;
  }
  #workingTimeListGrid {
    height: 775px;
  }
  #employeeArrivalLeaveGrid {
    height: 625px;
  }
}
@media only screen and (min-height: 1025px) and (max-height: 1049px) {
  #MonthOverviewDataGrid {
    height: 875px;
  }
  #employeeGeneralInformationGrid {
    height: 875px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 875px;
  }
  #supervisorEmployeeGrid {
    height: 800px;
  }
  #monthOverviewGrid {
    height: 800px;
  }
  #workingTimesGrid {
    height: 760px;
  }
  #absencePeriodsGrid {
    height: 760px;
  }
  #workingTimeListGrid {
    height: 800px;
  }
  #employeeArrivalLeaveGrid {
    height: 650px;
  }
}
@media only screen and (min-height: 1050px) and (max-height: 1074px) {
  #MonthOverviewDataGrid {
    height: 900px;
  }
  #employeeGeneralInformationGrid {
    height: 900px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 900px;
  }
  #supervisorEmployeeGrid {
    height: 825px;
  }
  #monthOverviewGrid {
    height: 825px;
  }
  #workingTimesGrid {
    height: 785px;
  }
  #absencePeriodsGrid {
    height: 785px;
  }
  #workingTimeListGrid {
    height: 825px;
  }
  #employeeArrivalLeaveGrid {
    height: 675px;
  }
}
@media only screen and (min-height: 1075px) and (max-height: 1099px) {
  #MonthOverviewDataGrid {
    height: 925px;
  }
  #employeeGeneralInformationGrid {
    height: 925px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 925px;
  }
  #supervisorEmployeeGrid {
    height: 850px;
  }
  #monthOverviewGrid {
    height: 850px;
  }
  #workingTimesGrid {
    height: 810px;
  }
  #absencePeriodsGrid {
    height: 810px;
  }
  #workingTimeListGrid {
    height: 850px;
  }
  #employeeArrivalLeaveGrid {
    height: 700px;
  }
}
@media only screen and (min-height: 1100px) and (max-height: 1124px) {
  #MonthOverviewDataGrid {
    height: 950px;
  }
  #employeeGeneralInformationGrid {
    height: 950px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 950px;
  }
  #supervisorEmployeeGrid {
    height: 875px;
  }
  #monthOverviewGrid {
    height: 875px;
  }
  #workingTimesGrid {
    height: 835px;
  }
  #absencePeriodsGrid {
    height: 835px;
  }
  #workingTimeListGrid {
    height: 875px;
  }
  #employeeArrivalLeaveGrid {
    height: 725px;
  }
}
@media only screen and (min-height: 1125px) and (max-height: 1149px) {
  #MonthOverviewDataGrid {
    height: 975px;
  }
  #employeeGeneralInformationGrid {
    height: 975px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 975px;
  }
  #supervisorEmployeeGrid {
    height: 900px;
  }
  #monthOverviewGrid {
    height: 900px;
  }
  #workingTimesGrid {
    height: 860px;
  }
  #absencePeriodsGrid {
    height: 860px;
  }
  #workingTimeListGrid {
    height: 900px;
  }
  #employeeArrivalLeaveGrid {
    height: 750px;
  }
}
@media only screen and (min-height: 1150px) and (max-height: 1174px) {
  #MonthOverviewDataGrid {
    height: 1000px;
  }
  #employeeGeneralInformationGrid {
    height: 1000px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 1000px;
  }
  #supervisorEmployeeGrid {
    height: 925px;
  }
  #monthOverviewGrid {
    height: 925px;
  }
  #workingTimesGrid {
    height: 885px;
  }
  #absencePeriodsGrid {
    height: 885px;
  }
  #workingTimeListGrid {
    height: 925px;
  }
  #employeeArrivalLeaveGrid {
    height: 775px;
  }
}
@media only screen and (min-height: 1175px) and (max-height: 1199px) {
  #MonthOverviewDataGrid {
    height: 1025px;
  }
  #employeeGeneralInformationGrid {
    height: 1025px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 1025px;
  }
  #supervisorEmployeeGrid {
    height: 950px;
  }
  #monthOverviewGrid {
    height: 950px;
  }
  #workingTimesGrid {
    height: 910px;
  }
  #absencePeriodsGrid {
    height: 910px;
  }
  #workingTimeListGrid {
    height: 950px;
  }
  #employeeArrivalLeaveGrid {
    height: 800px;
  }
}
@media only screen and (min-height: 1200px) and (max-height: 1224px) {
  #MonthOverviewDataGrid {
    height: 1050px;
  }
  #employeeGeneralInformationGrid {
    height: 1050px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 1050px;
  }
  #supervisorEmployeeGrid {
    height: 975px;
  }
  #monthOverviewGrid {
    height: 975px;
  }
  #workingTimesGrid {
    height: 935px;
  }
  #absencePeriodsGrid {
    height: 935px;
  }
  #workingTimeListGrid {
    height: 975px;
  }
  #employeeArrivalLeaveGrid {
    height: 825px;
  }
}
@media only screen and (min-height: 1225px) and (max-height: 1249px) {
  #MonthOverviewDataGrid {
    height: 1075px;
  }
  #employeeGeneralInformationGrid {
    height: 1075px;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 1075px;
  }
  #supervisorEmployeeGrid {
    height: 1000px;
  }
  #monthOverviewGrid {
    height: 1000px;
  }
  #workingTimesGrid {
    height: 960px;
  }
  #absencePeriodsGrid {
    height: 960px;
  }
  #workingTimeListGrid {
    height: 1000px;
  }
  #employeeArrivalLeaveGrid {
    height: 850px;
  }
}
@media only screen and (min-height: 1250px) and (max-height: 1274px) {
  #MonthOverviewDataGrid {
    height: 100%;
  }
  #employeeGeneralInformationGrid {
    height: 100%;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 1100px;
  }
  #supervisorEmployeeGrid {
    height: 100%;
  }
  #monthOverviewGrid {
    height: 1025px;
  }
  #workingTimesGrid {
    height: 985px;
  }
  #absencePeriodsGrid {
    height: 985px;
  }
  #workingTimeListGrid {
    height: 1025px;
  }
  #employeeArrivalLeaveGrid {
    height: 875px;
  }
}
@media only screen and (min-height: 1275px) and (max-height: 1299px) {
  #MonthOverviewDataGrid {
    height: 100%;
  }
  #employeeGeneralInformationGrid {
    height: 100%;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 1125px;
  }
  #supervisorEmployeeGrid {
    height: 100%;
  }
  #monthOverviewGrid {
    height: 1050px;
  }
  #workingTimesGrid {
    height: 1010px;
  }
  #absencePeriodsGrid {
    height: 1010px;
  }
  #workingTimeListGrid {
    height: 1050px;
  }
  #employeeArrivalLeaveGrid {
    height: 900px;
  }
}
@media only screen and (min-height: 1300px) and (max-height: 1324px) {
  #MonthOverviewDataGrid {
    height: 100%;
  }
  #employeeGeneralInformationGrid {
    height: 100%;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 1150px;
  }
  #supervisorEmployeeGrid {
    height: 100%;
  }
  #monthOverviewGrid {
    height: 1075px;
  }
  #workingTimesGrid {
    height: 1035px;
  }
  #absencePeriodsGrid {
    height: 1035px;
  }
  #workingTimeListGrid {
    height: 1075px;
  }
  #employeeArrivalLeaveGrid {
    height: 925px;
  }
}
@media only screen and (min-height: 1325px) and (max-height: 1349px) {
  #MonthOverviewDataGrid {
    height: 100%;
  }
  #employeeGeneralInformationGrid {
    height: 100%;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 1175px;
  }
  #supervisorEmployeeGrid {
    height: 100%;
  }
  #monthOverviewGrid {
    height: 1100px;
  }
  #workingTimesGrid {
    height: 1060px;
  }
  #absencePeriodsGrid {
    height: 1060px;
  }
  #workingTimeListGrid {
    height: 1100px;
  }
  #employeeArrivalLeaveGrid {
    height: 950px;
  }
}
@media only screen and (min-height: 1350px) and (max-height: 1374px) {
  #MonthOverviewDataGrid {
    height: 100%;
  }
  #employeeGeneralInformationGrid {
    height: 100%;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 1200px;
  }
  #supervisorEmployeeGrid {
    height: 100%;
  }
  #monthOverviewGrid {
    height: 1125px;
  }
  #workingTimesGrid {
    height: 1085px;
  }
  #absencePeriodsGrid {
    height: 1085px;
  }
  #workingTimeListGrid {
    height: 1125px;
  }
  #employeeArrivalLeaveGrid {
    height: 975px;
  }
}
@media only screen and (min-height: 1375px) and (max-height: 1399px) {
  #MonthOverviewDataGrid {
    height: 100%;
  }
  #employeeGeneralInformationGrid {
    height: 100%;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 1225px;
  }
  #supervisorEmployeeGrid {
    height: 100%;
  }
  #monthOverviewGrid {
    height: 1150px;
  }
  #workingTimesGrid {
    height: 1110px;
  }
  #absencePeriodsGrid {
    height: 1110px;
  }
  #workingTimeListGrid {
    height: 1150px;
  }
  #employeeArrivalLeaveGrid {
    height: 1000px;
  }
}
@media only screen and (min-height: 1400px) {
  #MonthOverviewDataGrid {
    height: 100%;
  }
  #employeeGeneralInformationGrid {
    height: 100%;
  }
  #timeManagementArrivalLeaveModelGrid {
    height: 100%;
  }
  #supervisorEmployeeGrid {
    height: 100%;
  }
  #monthOverviewGrid {
    height: 100%;
  }
  #workingTimesGrid {
    height: 100%;
  }
  #absencePeriodsGrid {
    height: 100%;
  }
  #workingTimeListGrid {
    height: 100%;
  }
  #employeeArrivalLeaveGrid {
    height: 100%;
  }
}