- needed to position the dropdown content *//* Links inside the dropdown */.dropdown-menu{min-width: 0px !important;}.marginLeftDropDown{margin-left: 10px;}.marginRightDropDown{margin-left: 0% !important;}.dropdown-menu li{font-size: 20px; color: black; padding: 5px; padding-left: 10%; width: 100%; height: 34px; text-decoration: none; display: block; opacity: 0.9;}.typeOfDaySelect:hover, .typeOfDaySelect:focus, .typeOfDaySelect:active,.hourMinuteSelect:hover, .hourMinuteSelect:focus, .hourMinuteSelect:active,.hourMinuteSelectLarger:hover, .hourMinuteSelectLarger:focus, .hourMinuteSelectLarger:active{background: #cccccc;}.pre-scrollable{height: 250px; width: 185px; overflow-x: hidden;}.pre-scrollable-calendarGenerator{height: 120px; width: 130px; overflow-x: hidden;}.pre-scrollableHourMinute{height: 200px; width: 70px; padding: 0px; margin: 0px; text-align: center; overflow-x: hidden;}.pre-scrollableDate, .pre-scrollableUnpaidBreaks, .pre-scrollableWeekStart{height: 180px; width: 100%; padding: 0px; margin: 0px; color: red; text-align: center; overflow-x: hidden;}.pre-scrollableUnpaidBreaks{height: 145px; width: 100px;}.pre-scrollableShiftLength{height: 170px; width: 80px; padding: 0px; margin: 0px; text-align: center; overflow-x: hidden;}.pre-scrollableWeekStart{height: 110px; text-align: center;}.pre-scrollable::-webkit-scrollbar, .pre-scrollableHourMinute::-webkit-scrollbar,.pre-scrollableDate::-webkit-scrollbar, .pre-scrollable-MainCalendar::-webkit-scrollbar,.pre-scrollable-termsModal::-webkit-scrollbar, .pre-scrollableShiftLength::-webkit-scrollbar{-webkit-appearance: none; width: 4px;}.pre-scrollable::-webkit-scrollbar-thumb, .pre-scrollableHourMinute::-webkit-scrollbar-thumb,.pre-scrollableDate::-webkit-scrollbar-thumb, .pre-scrollable-MainCalendar::-webkit-scrollbar-thumb,.pre-scrollable-termsModal::-webkit-scrollbar-thumb, .pre-scrollableShiftLength::-webkit-scrollbar-thumb{border-radius: 3px; background-color: lightgray; -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.75);}/* Change color of dropdown links on hover */.dropdown-menu li:hover{opacity: 1.0; width: 102%; margin-left: -1%; z-index: 5; font-size: 20px; cursor: pointer;}.dayInColorHover:hover{background: #ffff80;}.dayOffColorHover:hover{background: #c3c3a2;}.holidayColorHover:hover{background: #d5ff80;}.unpaidHolColorHover:hover{background: #e6ffe6;}.halfInHalfOffColorHover:hover{background: #e6ffb3;}.dayInSickColorHover:hover{background: #ffcccc;}.sicknessColorHover:hover{background: #ff9999;}.absenceColorHover:hover{background: #ccebff;}.familyLeaveColorHover:hover{background: #ffcc99;}.bereavementColorHover:hover{background: #4d4d4d; color: white;}.compassionateColorHover:hover{background: #ffe6cc;}.strikeColorHover:hover{background: #ff8080;}.furloughColorHover:hover{background: #c2efef;}@media (max-width: 767px){.tableContainer{width: 100%;}.marginRightDropDown{margin-left: -55% !important;}}@media (max-width: 400px){.noteDiv{visibility: visible;}.marginRightDropDown{margin-left: -45% !important;}}.lastUpdate{margin-top: 3px; /*position: absolute top: -14px; left: 1%;*/ color: #999966; font-weight: 600; width: 70%; font-size: 16px; height: 14px;}#lastUpdatePayments, #lastUpdateDeductions{width: 80%;}.hOf{overflow: hidden;}#tableCaptionTaxNr{height: 29px;}.payDayMainTable{color: green; font-size: 12px; position: absolute; left: 0px; bottom: 0px; padding-left: 1%; padding-bottom: 0%; font-weight: 600; z-index: 100;}.button{float: right; font-size: 18px; font-weight: 400;}.responseDiv, .rDiv{float: left; color: #009900; font-weight: 450; font-size: 22px; padding-top: 1%;}.text-align-center{text-align: center;}.errorStyle{color: #ff6666;}.g-recaptcha{float: left;}.fixedBottom{position: fixed; background: white; left: 2%; bottom: 0px; width: 96%; background: #f2f2f2; -webkit-box-shadow: 0px -1px 1px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px -1px 1px rgba(50, 50, 50, 0.2); box-shadow: 0px -1px 1px rgba(50, 50, 50, 0.2);}.padB15{padding-bottom: 15px;}@media (min-width: 992px){.fixedBottom{width: 46%; left: 27%;}}.removeFixedPos{position: static;}/*additional bootsrtap for controls*/.col-xs-calD,.col-sm-calD,.col-md-calD,.col-lg-calD{position: relative; min-height: 1px; text-align: center; /*padding-right: 15px; padding-left: 15px;border-right: 2px solid white;border-left: 2px solid white;*/}/*calendar days width*/.col-xs-calD{width: 12%; float: left;}@media (min-width: 768px){.col-sm-calD{width: 12%; float: left;}}@media (min-width: 992px){.col-md-calD{width: 12%; float: left;}}@media (min-width: 1200px){.col-lg-calD{width: 12%; float: left;}}/*bootstrap End*/.col-xs-calDN,.col-sm-calDN,.col-md-calDN,.col-lg-calDN{position: relative; min-height: 1px; text-align: center; background-color: red; /*padding-right: 15px; padding-left: 15px;border-right: 2px solid white;border-left: 2px solid white;*/}/*calendar days width*/.col-xs-calDN{width: 16%; float: left;}@media (min-width: 768px){.col-sm-calDN{width: 16%; float: left;}}@media (min-width: 992px){.col-md-calDN{width: 16%; float: left;}}@media (min-width: 1200px){.col-lg-calDN{width: 16%; float: left;}}.boxT, .boxTCalendar, .boxTNoBottomBorder{background-color: #f2f2f2; color: #4d4d33; font-weight: 400; text-align: center; font-size: 25px; height: 40px; border: 1px solid #cccccc;}.boxTCalendar{font-size: 25px; padding-bottom: 5px !important;}.boxTNoBottomBorder{border-bottom: 0px; font-size: 24px;}.titlePad{text-indent: -17%; text-align: center;}#calendarCaption{font-size: 25px;}.currentWeekFilter{top: 0px; left: 0px; position: absolute; opacity: 0.6; height: 100%; width: 100%; z-index: 2; -webkit-box-shadow: 0px 0px 0px 1px #009933 inset; box-shadow: 0px 0px 0px 1px #009933 inset;}.dayDiv{position: relative; color: #3d3d29; font-size: 20px; display: inline-block; text-align: center; height: 100%; width: 12%; -webkit-box-shadow: inset 1px 0px 0px 0px #d9d9d9; box-shadow: inset 1px 0px 0px 0px #d9d9d9;}.netPayDiv{position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; text-align: center; font-weight: 400; -webkit-box-shadow: inset 1px 0px 0px 0px #d9d9d9; box-shadow: inset 1px 0px 0px 0px #d9d9d9;}.netPayDivDay{position: absolute; top: 0px; left: 0px; height: 42%; width: 100%; font-size: 15px; color: grey;}.netPayDivAmount{position: absolute; bottom: 0px; left: 0px; height: 58%; width: 100%; font-size: 17px;}.netPayDivPaid{background: #c1ff80;}.netPayDivDayPaid{color: #333333;}.netPayDivAmountPaid{color: #206020;}.netPayDivThis{background: #ceff99;}.netPayDivDayThis{color: #333333;}.netPayDivAmountThis{color: #206020;}.netPayDivNotPaid{background: #daffb3;}.netPayDivDayNotPaid{color: #737373;}.netPayDivAmountNotPaid{color: #737373;}.netPayDivToday{-webkit-box-shadow: 0px 0px 0px 2px green inset; box-shadow: 0px 0px 0px 2px green inset;}.netPayDivToday2{height: 52%; width: 92%; margin-left: 4%; top: 4%;}.netPayDivToday3{height: 48%; width: 92%; margin-left: 4%; bottom: 4%;}.dayDiv:hover, .monthDiv:hover, .netPayDiv:hover{background: #cccccc; opacity: 0.8;}.netPayDiv:hover{opacity: 1;}.startEndHourdivForCalendar{position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40%; font-size: 12px; font-weight: 500; color: grey; padding: 1%;}.yearForCalendar{position: absolute; bottom: 0px; left: 0px; width: 70%; height: 50%; font-size: 15px; font-weight: 500; color: grey; padding: 1%; padding-left: 10%;}.taxWeekForCalendar{position: absolute; bottom: 0px; right: 0px; width: 30%; height: 50%; font-size: 15px; font-weight: 500; color: grey; padding: 1%;}.monthNameForCalendar{position: absolute; top: 0px; left: 0px; width: 80%; height: 50%; color: #3d3d29; font-size: 20px;}.monthDiv, .monthDivCurrent{background: #f2f2f2; width: 16%; height: 100%; position: relative; display: inline-block; -webkit-box-shadow: inset 1px 0px 0px 0px #d9d9d9; box-shadow: inset 1px 0px 0px 0px #d9d9d9;}.monthDivCurrent{background: #70db70;}.taxYearGap{border-top: 2px solid #cc7a00;}.taxYearGapColor{color: #cc7a00; font-weight: bold; font-size: 20px;}.holidayColorInfo{color: green; font-weight: bold; font-size: 20px;}/*calendar and payments subheadings*/.calendarHeading, .paymentsHeading{background: #f2f2f2; color: #4d4d33; display: inline-block; text-align: center; height: 100%; padding-top: 1%;}.currentDay{-webkit-box-shadow: 0px 0px 0px 2px green inset; box-shadow: 0px 0px 0px 2px green inset; font-weight: 500; color: green;}.holBorderBottom{border-bottom: 2px solid green;}.holBorderTop{border-top: 2px solid green;}.holBorderLeftTop{border-left: 2px solid green; border-top: 2px solid green;}/*.calendarLoading{padding-top: $calendarRowHeight*2; text-align: center; font-size: 25px;}*/.bankHolidayText{color: red; font-weight: 500;}.taxStartText{color: #e68a00; font-weight: 500;}.marginTopCalendarButtons{margin-top: 5px;}.text-align-calendarButtons{text-align: right;}.pre-scrollable-MainCalendar{height: 280px; width: 100%; overflow-x: hidden;}.loadCalendar{height: 280px;}@media (max-width: 500px){.text-align-calendarButtons{text-align: center; color: red;}}.totalGrossPaymentsName, .totalGrossPaymentsAmount, .totalDeductionsName, .totalDeductions, .netPay{background: #e6e6e6; font-size: 20px; font-weight: 400; text-align: left; padding-top: 3px; height: 35px; border-top: 1px solid #cccccc;}.totalGrossPaymentsAmount{text-align: right;}.totalDeductions{background: #fff5e6;}.netPay{background: #ceff99; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}/*.netPay{background: #ceff99; border-left: $borderStyle; border-bottom: $borderStyle; padding-left: 5px;}*/#netPayAmount{font-weight: 400; background: #ceff99;}.border-left{border-left: 1px solid #cccccc; text-align: right; padding-right: 5px;}.border-right, .BR{border-right: 1px solid #cccccc; text-align: left; padding-left: 5px;}.border-right2, .BR{border-right: 1px solid #cccccc;}.border-left2{border-left: 1px solid #cccccc;}.topBorder{border-top: 1px solid #cccccc;}.align-right{text-align: right; padding-right: 2px;}.green{font-weight: 400; color: green;}.red{font-weight: 400; color: #ff9999;}.orange{font-weight: 400; color: #cc7a00;}.paddingLeft25{padding-left: 25%;}.greyBackground{background: #a6a6a6; background-color: #a6a6a6; color: #a6a6a6;}.height100{height: 100%;}.chartStyle, .chartStyleFullBorder{background: white; text-align: center; height: 250px; width: 100%; margin: 0px; padding: 5px;}.chartStyleFullBorder{border: 1px solid #cccccc;}.chartStyleNoTopBorder{border: 1px solid #cccccc; border-top: 0px;}.chartStyleNoBottomBorder{border: 1px solid #cccccc; border-bottom: 0px;}.chartStyleNoBorder{border: 0px; height: 246px; width: 98%;}.noPremium{font-size: 18px; background: #e6ffcc; text-align: center; color: #cca300; border-bottom: 1px solid #cccccc;}.noBottomBorder{border-bottom: 0px;}.noChartText{color: #ffbb99; font-weight: bold; font-size: 25px;}.eyePosition{position: absolute; top: 1%; left: 1%; z-index: 100;}.boxTitleNoLB{background-color: #f2f2f2; color: #4d4d33; font-weight: 400; text-align: center; font-size: 25px; height: 40px; border: 1px solid #cccccc; border-left: 0px;}.boxTitleNoRB{background-color: #f2f2f2; color: #4d4d33; font-weight: 400; text-align: center; font-size: 25px; height: 40px; border: 1px solid #cccccc; border-right: 0px;}.padTop3{padding-top: 3%;}.modal-header{background: #e6e6e6; color: #4d4d33; text-align: center; font-weight: bold;}.modal-title{color: #4d4d33; font-weight: 400; text-align: center; font-size: 25px;}.modal-body{font-size: 18px; font-weight: 300; text-align: left;}.modal-footer{background: #e6e6e6;}.clickable{cursor: pointer; color: #3bb300; font-size: 35px;}.clickable:hover{color: green;}.clickable:focus{color: green;}.clickable:active{color: green;}.login-modal-color{background: white; color: #33cc00;}.login-modal-title{font-size: 25px; font-weight: 999;}.error-modal-color{font-size: 25px; background: #ffe6e6; color: red; font-weight: 999;}.textIndent{text-indent: 10%; text-shadow: 0px !important;}.glyphicon-info-sign{margin-left: -3px;}.modalBackground{background: white;}.width50{width: 100%; font-weight: 400;}.clickable2{cursor: pointer;}.otherPagesTitleModal{background-color: #e6e6e6; font-weight: 400; font-size: 20px; color: #4d4d33; height: 45px; text-align: center; padding: 3px; border-bottom: 1px solid #d9d9d9;}.buttonOtherModal{font-size: 20px; background-color: #3bb300; color: white; font-weight: 400; padding: 3px;}.dayTypeModal{font-size: 20px; border: 1px solid #cccccc; padding: 3px;}.FW400{font-weight: 400;}@media (max-width: 576px){.g-recaptcha{margin-left: 1px; margin-bottom: -7px; -webkit-transform: scale(0.88); -ms-transform: scale(0.88); transform: scale(0.88); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}}.savingsCristm, .savingsSumm{font-size: 18px; background: #ffb3b3; padding-top: 2px; padding-bottom: 2px; color: #33331a; text-align: left; border: 1px solid #cccccc;}.savingsSumm{background: #ffeb99;}.footerBackground{background: #c2c2a3; padding-top: 10px; padding-bottom: 10px; font-size: 25px; text-align: center; -webkit-box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.75); box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.75);}.footerName{padding-top: 10px;}.footerItem{color: #737373; font-size: 15px; height: 100%; padding-top: 4px; cursor: pointer; text-align: center;}.footerUl{text-align: center; padding: 0px; margin: 0px;}.footerItem:hover{color: white;}.footerFixedBottom{position: fixed; bottom: 0px; left: 0px; width: 100%;}a{text-decoration: none; color: #4d4d33;}.marginTopOther{margin-top: 50px;}.marginTopError{margin-top: 90px;}.mb50px{margint-bottom: 50px;}.bordB, .BB{border-bottom: 1px solid #cccccc;}.bordT, .BT{border-top: 1px solid #cccccc;}.iconStyleText{color: #3bb300; font-size: 24px;}.loginText{font-size: 26px; font-weight: 400;}.width80{width: 80%; margin: 0px; margin: auto;}.containerOther{font-size: 20px; width: 100%;}.text-align-left{text-align: left;}.pos-relative, .rel{position: relative;}.hide-input{width: 100%; height: 100%; top: 0; left: 0; background: grey; position: absolute; opacity: 0.3;}.marginAuto{margin: auto;}.text-align-right{text-align: right;}.text-align-center{text-align: center;}#backPayIncludeCheckbox input{cursor: pointer;}.texH{font-size: 19px;}.linkColor{font-weight: bold; color: green; text-decoration: none;}.errorFixed{position: fixed; top: 58px; left: 0px; z-index: 5; opacity: 0.9;}.errorBorder{border: 2px solid red; padding: 5px;}.errorBorderRecaptcha{border: 2px solid red; padding: 2px;}.successBorder{opacity: 0.95; border: 2px solid green; padding: 5px; background: #33cc00; color: white;}.passwordInfo{opacity: 0.8; border: 1px solid green; padding: 1px; background: #33cc00; color: white; font-size: 14px;}#paymentSettingsEmailDivResponse{height: 65px;}.width50Border{width: 50%; border: 1px solid #cccccc;}#paymentSettingsToggleContent, #deductionsSettingsToggleContent, #missPaymentsSettingsToggleContent, #shiftGeneratorToggleContent,#loadByDateToggleContent, #displaySettingsToggleContent, #totalsCalculatorToggleContent, #backPayCalculatorToggleContent,#accountSettingsToggleContent, #loadByEmailToggleContent{display: none;}.otherToggleButton{cursor: pointer;}.otherToggleButton:hover{color: #cccccc;}.marginTop60{margin-top: 52px;}.BLR{border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}.boldFont{font-weight: 400;}.marginBottom10, .MB10{margin-bottom: 10px;}.marginTop20, .MT20{margin-top: 20px;}.justBorder{position: fixed; top: 26px; left: 0px; z-index: 1020;}.themeBG{background: #e6e6e6;}.secondJob{font-size: 16px; padding: 8px; background: #3bb300; border-radius: 15px; color: white;}.H150{height: 170px;}@media (max-width: 576px){.containerOther{width: 100%;}.marginTopOther{margin-top: 40px;}.table-bordered{margin-left: -10px;}}#userGuideHelp{position: fixed; bottom: 5px; left: 10px; background: #3bb300; font-size: 40px; color: green; cursor: pointer; padding: 5px; width: 60px; height: 60px; z-index: 1500; text-align: center;}.userGuideHelp{padding: 5px; width: 26px; height: 26px; color: green; font-size: 22px;}.arrowPositionRight{position: absolute; right: 5%; top: -25px; font-size: 70px; color: #33cc00; z-index: 44;}.borderLeft{border-left: 1px solid #cccccc;}.UGarrow{color: #239023; font-size: 35px;}.UGarrow:hover{color: green;}.UGarrow:focus{color: green;}.UGarrow:active{color: green;}#arrowRight{position: fixed; top: 60px; right: 20px; z-index: 4000; display: none; -webkit-animation-name: arrowRight; animation-name: arrowRight; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}.animateOpacity{-webkit-animation-name: animateOpacity; animation-name: animateOpacity; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}@-webkit-keyframes animateOpacity{50%{opacity: 0.6;}100%{opacity: 1;}}@keyframes animateOpacity{50%{opacity: 0.6;}100%{opacity: 1;}}@-webkit-keyframes arrowRight{50%{right: 10px;}100%{right: 20px;}}@keyframes arrowRight{50%{right: 10px;}100%{right: 20px;}}#arrowDown{position: absolute; left: 4%; z-index: 100; display: none;}.arrowDown0, .arrowDown1, .arrowDown2, .arrowDown3, .arrowDown4, .arrowDown5, .arrowDown6{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}.arrowDown0{top: 25px; -webkit-animation-name: arrowDown0; animation-name: arrowDown0;}@-webkit-keyframes arrowDown0{50%{top: 35px;}100%{top: 25px;}}@keyframes arrowDown0{50%{top: 35px;}100%{top: 25px;}}.arrowDown1{top: 65px; -webkit-animation-name: arrowDown1; animation-name: arrowDown1;}@-webkit-keyframes arrowDown1{50%{top: 75px;}100%{top: 65px;}}@keyframes arrowDown1{50%{top: 75px;}100%{top: 65px;}}.arrowDown2{top: 105px; -webkit-animation-name: arrowDown2; animation-name: arrowDown2;}@-webkit-keyframes arrowDown2{50%{top: 115px;}100%{top: 105px;}}@keyframes arrowDown2{50%{top: 115px;}100%{top: 105px;}}.arrowDown3{top: 145px; -webkit-animation-name: arrowDown3; animation-name: arrowDown3;}@-webkit-keyframes arrowDown3{50%{top: 155px;}100%{top: 145px;}}@keyframes arrowDown3{50%{top: 155px;}100%{top: 145px;}}.arrowDown4{top: 185px; -webkit-animation-name: arrowDown4; animation-name: arrowDown4;}@-webkit-keyframes arrowDown4{50%{top: 195px;}100%{top: 185px;}}@keyframes arrowDown4{50%{top: 195px;}100%{top: 185px;}}.arrowDown5{top: 225px; -webkit-animation-name: arrowDown5; animation-name: arrowDown5;}@-webkit-keyframes arrowDown5{50%{top: 235px;}100%{top: 225px;}}@keyframes arrowDown5{50%{top: 235px;}100%{top: 225px;}}.arrowDown6{top: 265px; -webkit-animation-name: arrowDown6; animation-name: arrowDown6;}@-webkit-keyframes arrowDown6{50%{top: 275px;}100%{top: 265px;}}@keyframes arrowDown6{50%{top: 275px;}100%{top: 265px;}}#arrowDown2{position: absolute; top: -35px; left: 30%; display: none; -webkit-animation-name: arrowDownGen; animation-name: arrowDownGen; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}@-webkit-keyframes arrowDownGen{50%{top: -45px;}100%{top: -35px;}}@keyframes arrowDownGen{50%{top: -45px;}100%{top: -35px;}}#arrowDown3{position: absolute; top: -70px; left: 48%; display: none; -webkit-animation-name: calendarArrow; animation-name: calendarArrow; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}@-webkit-keyframes calendarArrow{50%{top: -60px;}100%{top: -70px;}}@keyframes calendarArrow{50%{top: -60px;}100%{top: -70px;}}#arrowDown4{position: absolute; top: -40px; left: 2%; display: none; z-index: 666; -webkit-animation-name: example; animation-name: example; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}@-webkit-keyframes example{50%{top: -50px;}100%{top: -40px;}}@keyframes example{50%{top: -50px;}100%{top: -40px;}}#arrowUp{position: fixed; top: 53px; left: 45px; z-index: 4000; display: none; -webkit-animation-name: arrowUp; animation-name: arrowUp; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}@-webkit-keyframes arrowUp{50%{top: 43px;}100%{top: 53px;}}@keyframes arrowUp{50%{top: 43px;}100%{top: 53px;}}.markDayType{-webkit-box-shadow: inset 0 0 5px green; box-shadow: inset 0 0 5px green;}.orangeBackground{background-color: #ffc266 !important;}.orangeCalendarDay{background: #ffc266; color: #3d3d29;}.landingTextStyle{font-size: 30px; color: #33cc00; font-weight: bold;}.landingText{font-size: 26px;}.landingTextSmall{font-size: 18px;}.landingTextPayments{font-size: 18px;}.forgotPassword{font-size: 18px; padding-top: 5px; color: grey;}.sample{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 44;}.remeberMe{font-size: 18px; padding-top: 2px; text-align: left; color: grey;}#loginForm{padding: 6px; width: 22%; position: fixed; background: #f2f2f2; left: -500px; top: 87px; z-index: 6000;}/* Extra small devices (phones, 600px and down) */@media (max-width: 600px){#loginForm{width: 80%;}}/* Small devices (portrait tablets and large phones, 600px and up) */@media only screen and (min-width: 600px){#loginForm{width: 60%;}}/* Medium devices (landscape tablets, 768px and up) */@media only screen and (min-width: 768px){#loginForm{width: 40%;}}/* Large devices (laptops/desktops, 992px and up) */@media only screen and (min-width: 992px){#loginForm{width: 30%;}}/* Extra large devices (large laptops and desktops, 1200px and up) */@media only screen and (min-width: 1200px){#loginForm{width: 26%;}}@media only screen and (min-width: 1300px){#loginForm{width: 22%;}}.dropdown-toggle{background-color: #e6e6e6;}.clickable2:hover{color: grey;}.pre-scrollable-termsModal{height: 150px; width: 100%; overflow-x: hidden;}.width200{width: 200%; z-index: -1;}.z100{z-index: 100;}.chartScroll{display: inline-block; height: 100%;}.marginTB50{margin-top: 50px; margin-bottom: 50px;}.margT30{margin-top: 30px;}.lanDivColor{background: rgba(5, 5, 5, 0.01);}.btn-style{background: white; width: 100%;}.dropDownMarginLeft{margin-left: 20%;}.buttonHover, .hovCol li:hover{background: #cdcdb1;}.scrolling-wrapper{overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 0; padding: 0;}.textShadowLogo, .textShadowLogin{text-shadow: 1px 1px 1px #bfbfbf; font-size: 20px; font-weight: 550; height: 100%;}.textShadowLogin{font-weight: 400;}.menuItem, .menuItemEmpty, .menuItemBorderLeft, .menuItem2, .menuItemLogo{display: inline-block; font-weight: 400; font-size: 20px; height: 100%; padding: 13px; margin-left: -7px; border-right: 1px solid #cccccc; cursor: pointer;}.menuItemEmpty{padding: 5px; border: 0px;}.menuItem2{font-size: 17px; padding: 10px;}.triangle{margin: auto; position: absolute; bottom: 0px; left: calc(50% - 15px); width: 0; height: 0; border-style: solid; border-width: 0 15px 10px 15px; border-color: transparent transparent #e6e6e6 transparent;}.triangleGreen{margin: auto; position: absolute; bottom: 0px; left: calc(50% - 15px); width: 0; height: 0; border-style: solid; border-width: 0 15px 10px 15px; border-color: transparent transparent green transparent;}.menuItemBorderLeft{border-left: 1px solid #cccccc;}.markSelectedWeek{-webkit-box-shadow: 0px 0px 0px 1px green inset; box-shadow: 0px 0px 0px 1px green inset;}ul{list-style-type: none;}.menuItem:hover, .menuItem a:hover, .menuItemBorderLeft a:hover, .menuItemBorderLeft:hover, .menuItemHover, .menuItemLogo:hover{background: #cccccc; color: white;}.scrolling-wrapper{-webkit-overflow-scrolling: touch;}.menuItem a, .menuItemBorderLeft a{text-decoration: none;}.logo{padding: 0px; margin: 0px; padding-top: 9px; height: 100%; cursor: pointer;}.scrolling-wrapper::-webkit-scrollbar{-webkit-appearance: none;}.arrowPositionRight, .arrowPositionLeft{position: absolute; right: 0px; top: 0px; height: auto; width: 20px; opacity: 0.75; font-size: 35px; color: grey; padding: 0px; cursor: pointer;}.arrowPositionLeft{left: 0px;}.logo:hover, .logo:focus, .logo:active{background: #cccccc; color: white;}#changeJobID{width: 100%;}.slideMenuContent{position: absolute; top: 54px; left: 0px; margin-left: -100%; z-index: 1005; width: 100%;}#indexContent{width: 100%; margin-left: 0%;}.tooltip{z-index: 777 !important; opacity: 1; margin-top: 10px;}.tooltip.in{opacity: 1 !important;}.tooltip-inner{background-color: #00acd6 !important; color: #fff; padding: 5px; font-size: 14px;}.tooltip.top .tooltip-arrow{border-top-color: #00acd6;}.tooltip.right .tooltip-arrow{border-right-color: #00acd6;}.tooltip.bottom .tooltip-arrow{border-bottom-color: #00acd6;}.tooltip.left .tooltip-arrow{border-left-color: #00acd6;}.menuItem2, .menuItem3{display: inline-block; font-weight: 400; font-size: 17px; height: 100%; margin-left: -7px; padding: 11px; border-right: 1px solid #cccccc; cursor: pointer; border-bottom: 1px solid #cccccc; color: #595959;}.menuItem2:hover, .markMenuItem2{background: #66cc00; color: #e6e6e6;}.menuItem3:hover, .markMenuItem3{background: #ff9999; color: #e6e6e6;}.menuItem2 a{text-decoration: none;}.triangle2, .triangle3{margin: auto; position: absolute; bottom: 0px; left: calc(50% - 15px); width: 0; height: 0; border-style: solid; border-width: 0 15px 10px 15px; border-color: transparent transparent #d5ff80 transparent;}.triangle3{border-color: transparent transparent #ffcccc transparent;}.enHolPrediction{position: absolute; text-align: right !important; bottom: 9%; left: 1%; width: 72%; height: 40%; font-size: 14px; font-weight: 500; color: grey; padding: 1%;}#enhHolRateMainDiv, #sicknessMainDiv, #parentalMainDiv, #bereavementMainDiv, #compassionateMainDiv, #employmentMainDiv, #basicPayMainDiv,#overtimeMainDiv, #unsocMainDiv, #holidayMainDiv, #bankHolidayMainDiv, #otherPayMainDiv, #weekendPayMainDiv, #addPayMainDiv,#taxFreePayMainDiv, #taxMainDiv, #NIMainDiv, #pensionMainDiv, #savingsMainDiv, #studentMainDiv, #addDedMainDiv, #taxFreeDedMainDiv,#missPayMainDiv, #furloughMainDiv{display: none; height: 0px;}#employmentMainDiv, #basicPayMainDiv, #overtimeMainDiv, #unsocMainDiv, #holidayMainDiv, #bankHolidayMainDiv, #otherPayMainDiv, #weekendPayMainDiv,#addPayMainDiv, #taxFreePayMainDiv, #taxMainDiv, #NIMainDiv, #pensionMainDiv, #savingsMainDiv, #studentMainDiv, #addDedMainDiv,#taxFreeDedMainDiv, #missPayMainDiv{background: #ffffe6;}.noTopBorder{border-top: 0px;}.pad0, .P0{padding: 0px;}.padTB1, .PTB1{padding-bottom: 1%; padding-top: 1%;}.padRL1, .PRL1{padding-left: 1%; padding-right: 1%;}.PRL2{padding-left: 2%; padding-right: 2%;}.padRL0, .PRL0{padding-left: 0%; padding-right: 0%;}.padB25{padding-bottom: 25px;}.padT15{padding-top: 15px;}.padB1, .PB1{padding-bottom: 1%;}.padR2, .PR2{padding-right: 2%;}.padT1px{padding-top: 1px;}.padT2px{padding-top: 2px;}.padT3px{padding-top: 3px;}.padB1px{padding-bottom: 1px;}.padB2px{padding-bottom: 2px;}.PTB3P{padding-top: 3px; padding-bottom: 3px;}.PTB10P{padding-top: 10px; padding-bottom: 10px;}.PB3P{padding-bottom: 3px;}.padTB1px{padding-top: 1px; padding-bottom: 1px;}.padTB2px{padding-top: 2px; padding-bottom: 2px;}.padT3px{padding-top: 3px;}.PT3P{padding-top: 3px; padding-bottom: 3px;}.PT6P{padding-top: 6px;}.padT30B45px{padding-top: 30px; padding-bottom: 45px;}.padTB30{padding-top: 30px; padding-bottom: 30px;}.PL5P{padding-left: 5px;}.PR5P{padding-right: 5px;}.padT1{padding-top: 1%;}.padT10px{padding-top: 10px;}#nonTaxablePaymentsTable, #taxFreeDeductionsTable, #paymentsTable, #payStructureTable, #YTDPaymentsTable, #backPayTable, #YTDTableTotals, #YTDPaymentsTableTotals, #hoursTableTotals, #daysTableTotals{height: 25px;}#deductionsTable, #hoursTable{height: 50px;}#dailyAveragesTable, #daysTable{height: 51px;}#weeklyAveragesTable, #hourlyAveragesTable{height: 77px;}#holidayStatisticsTable{height: 203px;}#YTDTable, #estimatesTable, #last3MonthsTable{height: 127px;}#backPayCalculationTable{height: 150px;}#savingsTable{height: 0px;}#privacyContent, #cookieContent, #termsContent, #aboutContent{height: 750px;}#loadCalendarLanding{height: 280px;}/*#aboutContent, #contactContent{height: 600px;}*/.T18{font-size: 18px;}.TAR{text-align: right;}.TAC{text-align: center;}.TAL{text-align: left;}