@import "TimeManagementApprovalVariables.less";
@import "TimeManagementApprovalMixins.less";

//Ausführung der Schleife
.loop-generateStyleElementsWithColor(length(@statusNamesList));

.numberFormat{
    text-align: right;
    //inline-size: max-content;
}

.content-container{
    margin-top: 150px;
}
#MonthOverviewDataContainer, #DutyActivitieContainer{
    margin-top: 110px;
}

//DataGrid Tables
#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{

    //width: 100%;
    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);
}*/

//Fixierter Tabellen Header/Footer
    table thead,
    table tfoot {
        position: sticky;
    }
    table thead {
        inset-block-start: 0; /* "top" */
    }
    table tfoot {
        inset-block-end: 0; /* "bottom" */
    }

//Karteireiter
.nav-tabs {
	.nav-link {
		&:focus {
			background-color: @bootstrapBackgroundColor;
			border-color: @bootstrapTabBorderColor @bootstrapTabBorderColor @bootstrapTabBottomBorderColor;
		}
		&:hover {
			background-color: @bootstrapBackgroundColor;
			border-color: @bootstrapTabBorderColor @bootstrapTabBorderColor @bootstrapTabBottomBorderColor;
		}
	}
	.nav-link.active {
		background-color: @bootstrapBackgroundColor;
		border-color: @bootstrapTabBottomBorderColor @bootstrapTabBottomBorderColor @bootstrapBackgroundColor;
		color: #495057;
	}
    .nav-link.disabled{
        color: @bootstrapNavLinkDisabledColor; 
        background-color: transparent; 
        border-color: transparent;
    }
}
.nav-link.disabled {
     color: @bootstrapNavLinkDisabledColor; 
     pointer-events: none; 
     cursor: default; 
}
.tab-pane>.container-fluid {
	margin-top: 5px;
	padding: 0;
}

//Buttons
.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;*/
}


//Inline Input
.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: .75rem;
	padding-left: 0;
	.form-check-input {
		margin-left: 0;
		margin-right: .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: .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%;
    }
}