@charset "UTF-8";
/** this file contains generic styles to be used accross the app in order to keep things consistent
**/
/** this file contains all colours to be used accross the app in order to keep things consistent
    Hex codes for colours should not be used. instead - use the colours defined in this file.
**/
.text-grey {
  color: #636363;
}

.text-light-grey {
  color: #878787;
}

.text-blue {
  color: #125d8f;
}

.text-orange {
  color: #dca91b;
}

.text-red {
  color: #b62116;
}

.text-green {
  color: #16b68b;
}

.text-package-hr-success {
  color: #299AE5;
}

.text-package-hr-essentials {
  color: #299AE5;
}

.text-package-leave {
  color: #125d8f;
}

.text-package-time {
  color: #f3836b;
}

/*
leave type icons
- deprecated icons: icon_04
*/
.comms-14 {
  background-image: url(/img/leave/type_icons/comms-14.png);
}

.duty-14 {
  background-image: url(/img/leave/type_icons/duty-14.png);
}

.health-14 {
  background-image: url(/img/leave/type_icons/health-14.png);
}

.training-14 {
  background-image: url(/img/leave/type_icons/training-14.png);
}

.travel-14 {
  background-image: url(/img/leave/type_icons/travel-14.png);
}

.wfh-14 {
  background-image: url(/img/leave/type_icons/wfh-14.png);
}

.comms-16 {
  background-image: url(/img/leave/type_icons/comms-16.png);
}

.duty-16 {
  background-image: url(/img/leave/type_icons/duty-16.png);
}

.health-16 {
  background-image: url(/img/leave/type_icons/health-16.png);
}

.training-16 {
  background-image: url(/img/leave/type_icons/training-16.png);
}

.travel-16 {
  background-image: url(/img/leave/type_icons/travel-16.png);
}

.wfh-16 {
  background-image: url(/img/leave/type_icons/wfh-16.png);
}

.comms-32 {
  background-image: url(/img/leave/type_icons/comms-32.png);
}

.duty-32 {
  background-image: url(/img/leave/type_icons/duty-32.png);
}

.health-32 {
  background-image: url(/img/leave/type_icons/health-32.png);
}

.training-32 {
  background-image: url(/img/leave/type_icons/training-32.png);
}

.travel-32 {
  background-image: url(/img/leave/type_icons/travel-32.png);
}

.wfh-32 {
  background-image: url(/img/leave/type_icons/wfh-32.png);
}

.covid19-14 {
  background-image: url(/img/leave/type_icons/covid19-14.png);
}

.covid19-16 {
  background-image: url(/img/leave/type_icons/covid19-16.png);
}

.covid19-32 {
  background-image: url(/img/leave/type_icons/covid19-32.png);
}

.icon_01-14 {
  background-image: url(/img/leave/type_icons/icon_01-14.png);
}

.icon_02-14 {
  background-image: url(/img/leave/type_icons/icon_02-14.png);
}

.icon_03-14 {
  background-image: url(/img/leave/type_icons/icon_03-14.png);
}

.icon_04-14 {
  background-image: url(/img/leave/type_icons/icon_04-14.png);
}

.icon_05-14 {
  background-image: url(/img/leave/type_icons/icon_05-14.png);
}

.icon_06-14 {
  background-image: url(/img/leave/type_icons/icon_06-14.png);
}

.icon_07-14 {
  background-image: url(/img/leave/type_icons/icon_07-14.png);
}

.icon_08-14 {
  background-image: url(/img/leave/type_icons/icon_08-14.png);
}

.icon_09-14 {
  background-image: url(/img/leave/type_icons/icon_09-14.png);
}

.icon_10-14 {
  background-image: url(/img/leave/type_icons/icon_10-14.png);
}

.icon_11-14 {
  background-image: url(/img/leave/type_icons/icon_11-14.png);
}

.icon_12-14 {
  background-image: url(/img/leave/type_icons/icon_12-14.png);
}

.icon_13-14 {
  background-image: url(/img/leave/type_icons/icon_13-14.png);
}

.icon_14-14 {
  background-image: url(/img/leave/type_icons/icon_14-14.png);
}

.icon_15-14 {
  background-image: url(/img/leave/type_icons/icon_15-14.png);
}

.icon_16-14 {
  background-image: url(/img/leave/type_icons/icon_16-14.png);
}

.icon_17-14 {
  background-image: url(/img/leave/type_icons/icon_17-14.png);
}

.icon_18-14 {
  background-image: url(/img/leave/type_icons/icon_18-14.png);
}

.icon_19-14 {
  background-image: url(/img/leave/type_icons/icon_19-14.png);
}

.icon_20-14 {
  background-image: url(/img/leave/type_icons/icon_20-14.png);
}

.icon_21-14 {
  background-image: url(/img/leave/type_icons/icon_21-14.png);
}

.icon_22-14 {
  background-image: url(/img/leave/type_icons/icon_22-14.png);
}

.icon_23-14 {
  background-image: url(/img/leave/type_icons/icon_23-14.png);
}

.icon_24-14 {
  background-image: url(/img/leave/type_icons/icon_24-14.png);
}

.icon_25-14 {
  background-image: url(/img/leave/type_icons/icon_25-14.png);
}

.icon_26-14 {
  background-image: url(/img/leave/type_icons/icon_26-14.png);
}

.icon_27-14 {
  background-image: url(/img/leave/type_icons/icon_27-14.png);
}

.icon_28-14 {
  background-image: url(/img/leave/type_icons/icon_28-14.png);
}

.icon_29-14 {
  background-image: url(/img/leave/type_icons/icon_29-14.png);
}

.icon_30-14 {
  background-image: url(/img/leave/type_icons/icon_30-14.png);
}

.icon_31-14 {
  background-image: url(/img/leave/type_icons/icon_31-14.png);
}

.icon_32-14 {
  background-image: url(/img/leave/type_icons/icon_32-14.png);
}

.icon_33-14 {
  background-image: url(/img/leave/type_icons/icon_33-14.png);
}

.icon_34-14 {
  background-image: url(/img/leave/type_icons/icon_34-14.png);
}

.icon_35-14 {
  background-image: url(/img/leave/type_icons/icon_35-14.png);
}

.icon_36-14 {
  background-image: url(/img/leave/type_icons/icon_36-14.png);
}

.icon_01-16 {
  background-image: url(/img/leave/type_icons/icon_01-16.png);
}

.icon_02-16 {
  background-image: url(/img/leave/type_icons/icon_02-16.png);
}

.icon_03-16 {
  background-image: url(/img/leave/type_icons/icon_03-16.png);
}

.icon_04-16 {
  background-image: url(/img/leave/type_icons/icon_04-16.png);
}

.icon_05-16 {
  background-image: url(/img/leave/type_icons/icon_05-16.png);
}

.icon_06-16 {
  background-image: url(/img/leave/type_icons/icon_06-16.png);
}

.icon_07-16 {
  background-image: url(/img/leave/type_icons/icon_07-16.png);
}

.icon_08-16 {
  background-image: url(/img/leave/type_icons/icon_08-16.png);
}

.icon_09-16 {
  background-image: url(/img/leave/type_icons/icon_09-16.png);
}

.icon_10-16 {
  background-image: url(/img/leave/type_icons/icon_10-16.png);
}

.icon_11-16 {
  background-image: url(/img/leave/type_icons/icon_11-16.png);
}

.icon_12-16 {
  background-image: url(/img/leave/type_icons/icon_12-16.png);
}

.icon_13-16 {
  background-image: url(/img/leave/type_icons/icon_13-16.png);
}

.icon_14-16 {
  background-image: url(/img/leave/type_icons/icon_14-16.png);
}

.icon_15-16 {
  background-image: url(/img/leave/type_icons/icon_15-16.png);
}

.icon_16-16 {
  background-image: url(/img/leave/type_icons/icon_16-16.png);
}

.icon_17-16 {
  background-image: url(/img/leave/type_icons/icon_17-16.png);
}

.icon_18-16 {
  background-image: url(/img/leave/type_icons/icon_18-16.png);
}

.icon_19-16 {
  background-image: url(/img/leave/type_icons/icon_19-16.png);
}

.icon_20-16 {
  background-image: url(/img/leave/type_icons/icon_20-16.png);
}

.icon_21-16 {
  background-image: url(/img/leave/type_icons/icon_21-16.png);
}

.icon_22-16 {
  background-image: url(/img/leave/type_icons/icon_22-16.png);
}

.icon_23-16 {
  background-image: url(/img/leave/type_icons/icon_23-16.png);
}

.icon_24-16 {
  background-image: url(/img/leave/type_icons/icon_24-16.png);
}

.icon_25-16 {
  background-image: url(/img/leave/type_icons/icon_25-16.png);
}

.icon_26-16 {
  background-image: url(/img/leave/type_icons/icon_26-16.png);
}

.icon_27-16 {
  background-image: url(/img/leave/type_icons/icon_27-16.png);
}

.icon_28-16 {
  background-image: url(/img/leave/type_icons/icon_28-16.png);
}

.icon_29-16 {
  background-image: url(/img/leave/type_icons/icon_29-16.png);
}

.icon_30-16 {
  background-image: url(/img/leave/type_icons/icon_30-16.png);
}

.icon_31-16 {
  background-image: url(/img/leave/type_icons/icon_31-16.png);
}

.icon_32-16 {
  background-image: url(/img/leave/type_icons/icon_32-16.png);
}

.icon_33-16 {
  background-image: url(/img/leave/type_icons/icon_33-16.png);
}

.icon_34-16 {
  background-image: url(/img/leave/type_icons/icon_34-16.png);
}

.icon_35-16 {
  background-image: url(/img/leave/type_icons/icon_35-16.png);
}

.icon_36-16 {
  background-image: url(/img/leave/type_icons/icon_36-16.png);
}

.icon_01-32 {
  background-image: url(/img/leave/type_icons/icon_01-32.png);
}

.icon_02-32 {
  background-image: url(/img/leave/type_icons/icon_02-32.png);
}

.icon_03-32 {
  background-image: url(/img/leave/type_icons/icon_03-32.png);
}

.icon_04-32 {
  background-image: url(/img/leave/type_icons/icon_04-32.png);
}

.icon_05-32 {
  background-image: url(/img/leave/type_icons/icon_05-32.png);
}

.icon_06-32 {
  background-image: url(/img/leave/type_icons/icon_06-32.png);
}

.icon_07-32 {
  background-image: url(/img/leave/type_icons/icon_07-32.png);
}

.icon_08-32 {
  background-image: url(/img/leave/type_icons/icon_08-32.png);
}

.icon_09-32 {
  background-image: url(/img/leave/type_icons/icon_09-32.png);
}

.icon_10-32 {
  background-image: url(/img/leave/type_icons/icon_10-32.png);
}

.icon_11-32 {
  background-image: url(/img/leave/type_icons/icon_11-32.png);
}

.icon_12-32 {
  background-image: url(/img/leave/type_icons/icon_12-32.png);
}

.icon_13-32 {
  background-image: url(/img/leave/type_icons/icon_13-32.png);
}

.icon_14-32 {
  background-image: url(/img/leave/type_icons/icon_14-32.png);
}

.icon_15-32 {
  background-image: url(/img/leave/type_icons/icon_15-32.png);
}

.icon_16-32 {
  background-image: url(/img/leave/type_icons/icon_16-32.png);
}

.icon_17-32 {
  background-image: url(/img/leave/type_icons/icon_17-32.png);
}

.icon_18-32 {
  background-image: url(/img/leave/type_icons/icon_18-32.png);
}

.icon_19-32 {
  background-image: url(/img/leave/type_icons/icon_19-32.png);
}

.icon_20-32 {
  background-image: url(/img/leave/type_icons/icon_20-32.png);
}

.icon_21-32 {
  background-image: url(/img/leave/type_icons/icon_21-32.png);
}

.icon_22-32 {
  background-image: url(/img/leave/type_icons/icon_22-32.png);
}

.icon_23-32 {
  background-image: url(/img/leave/type_icons/icon_23-32.png);
}

.icon_24-32 {
  background-image: url(/img/leave/type_icons/icon_24-32.png);
}

.icon_25-32 {
  background-image: url(/img/leave/type_icons/icon_25-32.png);
}

.icon_26-32 {
  background-image: url(/img/leave/type_icons/icon_26-32.png);
}

.icon_27-32 {
  background-image: url(/img/leave/type_icons/icon_27-32.png);
}

.icon_28-32 {
  background-image: url(/img/leave/type_icons/icon_28-32.png);
}

.icon_29-32 {
  background-image: url(/img/leave/type_icons/icon_29-32.png);
}

.icon_30-32 {
  background-image: url(/img/leave/type_icons/icon_30-32.png);
}

.icon_31-32 {
  background-image: url(/img/leave/type_icons/icon_31-32.png);
}

.icon_32-32 {
  background-image: url(/img/leave/type_icons/icon_32-32.png);
}

.icon_33-32 {
  background-image: url(/img/leave/type_icons/icon_33-32.png);
}

.icon_34-32 {
  background-image: url(/img/leave/type_icons/icon_34-32.png);
}

.icon_35-32 {
  background-image: url(/img/leave/type_icons/icon_35-32.png);
}

.icon_36-32 {
  background-image: url(/img/leave/type_icons/icon_36-32.png);
}

/* flag icons */
.flag-orange {
  background: url(/img/flags/orange.png) no-repeat center center;
}

.flag-green {
  background: url(/img/flags/green.png) no-repeat center center;
}

.flag-red {
  background: url(/img/flags/red.png) no-repeat center center;
}

.flag-black {
  background: url(/img/flags/black.png) no-repeat center center;
}

.flag-blue {
  background: url(/img/flags/blue.png) no-repeat center center;
}

.flag-yellow {
  background: url(/img/flags/yellow.png) no-repeat center center;
}

.flag-left {
  background-position: left center;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .flag-left {
    margin-bottom: 10px;
  }
}
/*
leave type icons
- deprecated icons: icon_04
*/
.comms-14 {
  background-image: url(/img/leave/type_icons/comms-14.png);
}

.duty-14 {
  background-image: url(/img/leave/type_icons/duty-14.png);
}

.health-14 {
  background-image: url(/img/leave/type_icons/health-14.png);
}

.training-14 {
  background-image: url(/img/leave/type_icons/training-14.png);
}

.travel-14 {
  background-image: url(/img/leave/type_icons/travel-14.png);
}

.wfh-14 {
  background-image: url(/img/leave/type_icons/wfh-14.png);
}

.comms-16 {
  background-image: url(/img/leave/type_icons/comms-16.png);
}

.duty-16 {
  background-image: url(/img/leave/type_icons/duty-16.png);
}

.health-16 {
  background-image: url(/img/leave/type_icons/health-16.png);
}

.training-16 {
  background-image: url(/img/leave/type_icons/training-16.png);
}

.travel-16 {
  background-image: url(/img/leave/type_icons/travel-16.png);
}

.wfh-16 {
  background-image: url(/img/leave/type_icons/wfh-16.png);
}

.comms-32 {
  background-image: url(/img/leave/type_icons/comms-32.png);
}

.duty-32 {
  background-image: url(/img/leave/type_icons/duty-32.png);
}

.health-32 {
  background-image: url(/img/leave/type_icons/health-32.png);
}

.training-32 {
  background-image: url(/img/leave/type_icons/training-32.png);
}

.travel-32 {
  background-image: url(/img/leave/type_icons/travel-32.png);
}

.wfh-32 {
  background-image: url(/img/leave/type_icons/wfh-32.png);
}

.covid19-14 {
  background-image: url(/img/leave/type_icons/covid19-14.png);
}

.covid19-16 {
  background-image: url(/img/leave/type_icons/covid19-16.png);
}

.covid19-32 {
  background-image: url(/img/leave/type_icons/covid19-32.png);
}

.icon_01-14 {
  background-image: url(/img/leave/type_icons/icon_01-14.png);
}

.icon_02-14 {
  background-image: url(/img/leave/type_icons/icon_02-14.png);
}

.icon_03-14 {
  background-image: url(/img/leave/type_icons/icon_03-14.png);
}

.icon_04-14 {
  background-image: url(/img/leave/type_icons/icon_04-14.png);
}

.icon_05-14 {
  background-image: url(/img/leave/type_icons/icon_05-14.png);
}

.icon_06-14 {
  background-image: url(/img/leave/type_icons/icon_06-14.png);
}

.icon_07-14 {
  background-image: url(/img/leave/type_icons/icon_07-14.png);
}

.icon_08-14 {
  background-image: url(/img/leave/type_icons/icon_08-14.png);
}

.icon_09-14 {
  background-image: url(/img/leave/type_icons/icon_09-14.png);
}

.icon_10-14 {
  background-image: url(/img/leave/type_icons/icon_10-14.png);
}

.icon_11-14 {
  background-image: url(/img/leave/type_icons/icon_11-14.png);
}

.icon_12-14 {
  background-image: url(/img/leave/type_icons/icon_12-14.png);
}

.icon_13-14 {
  background-image: url(/img/leave/type_icons/icon_13-14.png);
}

.icon_14-14 {
  background-image: url(/img/leave/type_icons/icon_14-14.png);
}

.icon_15-14 {
  background-image: url(/img/leave/type_icons/icon_15-14.png);
}

.icon_16-14 {
  background-image: url(/img/leave/type_icons/icon_16-14.png);
}

.icon_17-14 {
  background-image: url(/img/leave/type_icons/icon_17-14.png);
}

.icon_18-14 {
  background-image: url(/img/leave/type_icons/icon_18-14.png);
}

.icon_19-14 {
  background-image: url(/img/leave/type_icons/icon_19-14.png);
}

.icon_20-14 {
  background-image: url(/img/leave/type_icons/icon_20-14.png);
}

.icon_21-14 {
  background-image: url(/img/leave/type_icons/icon_21-14.png);
}

.icon_22-14 {
  background-image: url(/img/leave/type_icons/icon_22-14.png);
}

.icon_23-14 {
  background-image: url(/img/leave/type_icons/icon_23-14.png);
}

.icon_24-14 {
  background-image: url(/img/leave/type_icons/icon_24-14.png);
}

.icon_25-14 {
  background-image: url(/img/leave/type_icons/icon_25-14.png);
}

.icon_26-14 {
  background-image: url(/img/leave/type_icons/icon_26-14.png);
}

.icon_27-14 {
  background-image: url(/img/leave/type_icons/icon_27-14.png);
}

.icon_28-14 {
  background-image: url(/img/leave/type_icons/icon_28-14.png);
}

.icon_29-14 {
  background-image: url(/img/leave/type_icons/icon_29-14.png);
}

.icon_30-14 {
  background-image: url(/img/leave/type_icons/icon_30-14.png);
}

.icon_31-14 {
  background-image: url(/img/leave/type_icons/icon_31-14.png);
}

.icon_32-14 {
  background-image: url(/img/leave/type_icons/icon_32-14.png);
}

.icon_33-14 {
  background-image: url(/img/leave/type_icons/icon_33-14.png);
}

.icon_34-14 {
  background-image: url(/img/leave/type_icons/icon_34-14.png);
}

.icon_35-14 {
  background-image: url(/img/leave/type_icons/icon_35-14.png);
}

.icon_36-14 {
  background-image: url(/img/leave/type_icons/icon_36-14.png);
}

.icon_01-16 {
  background-image: url(/img/leave/type_icons/icon_01-16.png);
}

.icon_02-16 {
  background-image: url(/img/leave/type_icons/icon_02-16.png);
}

.icon_03-16 {
  background-image: url(/img/leave/type_icons/icon_03-16.png);
}

.icon_04-16 {
  background-image: url(/img/leave/type_icons/icon_04-16.png);
}

.icon_05-16 {
  background-image: url(/img/leave/type_icons/icon_05-16.png);
}

.icon_06-16 {
  background-image: url(/img/leave/type_icons/icon_06-16.png);
}

.icon_07-16 {
  background-image: url(/img/leave/type_icons/icon_07-16.png);
}

.icon_08-16 {
  background-image: url(/img/leave/type_icons/icon_08-16.png);
}

.icon_09-16 {
  background-image: url(/img/leave/type_icons/icon_09-16.png);
}

.icon_10-16 {
  background-image: url(/img/leave/type_icons/icon_10-16.png);
}

.icon_11-16 {
  background-image: url(/img/leave/type_icons/icon_11-16.png);
}

.icon_12-16 {
  background-image: url(/img/leave/type_icons/icon_12-16.png);
}

.icon_13-16 {
  background-image: url(/img/leave/type_icons/icon_13-16.png);
}

.icon_14-16 {
  background-image: url(/img/leave/type_icons/icon_14-16.png);
}

.icon_15-16 {
  background-image: url(/img/leave/type_icons/icon_15-16.png);
}

.icon_16-16 {
  background-image: url(/img/leave/type_icons/icon_16-16.png);
}

.icon_17-16 {
  background-image: url(/img/leave/type_icons/icon_17-16.png);
}

.icon_18-16 {
  background-image: url(/img/leave/type_icons/icon_18-16.png);
}

.icon_19-16 {
  background-image: url(/img/leave/type_icons/icon_19-16.png);
}

.icon_20-16 {
  background-image: url(/img/leave/type_icons/icon_20-16.png);
}

.icon_21-16 {
  background-image: url(/img/leave/type_icons/icon_21-16.png);
}

.icon_22-16 {
  background-image: url(/img/leave/type_icons/icon_22-16.png);
}

.icon_23-16 {
  background-image: url(/img/leave/type_icons/icon_23-16.png);
}

.icon_24-16 {
  background-image: url(/img/leave/type_icons/icon_24-16.png);
}

.icon_25-16 {
  background-image: url(/img/leave/type_icons/icon_25-16.png);
}

.icon_26-16 {
  background-image: url(/img/leave/type_icons/icon_26-16.png);
}

.icon_27-16 {
  background-image: url(/img/leave/type_icons/icon_27-16.png);
}

.icon_28-16 {
  background-image: url(/img/leave/type_icons/icon_28-16.png);
}

.icon_29-16 {
  background-image: url(/img/leave/type_icons/icon_29-16.png);
}

.icon_30-16 {
  background-image: url(/img/leave/type_icons/icon_30-16.png);
}

.icon_31-16 {
  background-image: url(/img/leave/type_icons/icon_31-16.png);
}

.icon_32-16 {
  background-image: url(/img/leave/type_icons/icon_32-16.png);
}

.icon_33-16 {
  background-image: url(/img/leave/type_icons/icon_33-16.png);
}

.icon_34-16 {
  background-image: url(/img/leave/type_icons/icon_34-16.png);
}

.icon_35-16 {
  background-image: url(/img/leave/type_icons/icon_35-16.png);
}

.icon_36-16 {
  background-image: url(/img/leave/type_icons/icon_36-16.png);
}

.icon_01-32 {
  background-image: url(/img/leave/type_icons/icon_01-32.png);
}

.icon_02-32 {
  background-image: url(/img/leave/type_icons/icon_02-32.png);
}

.icon_03-32 {
  background-image: url(/img/leave/type_icons/icon_03-32.png);
}

.icon_04-32 {
  background-image: url(/img/leave/type_icons/icon_04-32.png);
}

.icon_05-32 {
  background-image: url(/img/leave/type_icons/icon_05-32.png);
}

.icon_06-32 {
  background-image: url(/img/leave/type_icons/icon_06-32.png);
}

.icon_07-32 {
  background-image: url(/img/leave/type_icons/icon_07-32.png);
}

.icon_08-32 {
  background-image: url(/img/leave/type_icons/icon_08-32.png);
}

.icon_09-32 {
  background-image: url(/img/leave/type_icons/icon_09-32.png);
}

.icon_10-32 {
  background-image: url(/img/leave/type_icons/icon_10-32.png);
}

.icon_11-32 {
  background-image: url(/img/leave/type_icons/icon_11-32.png);
}

.icon_12-32 {
  background-image: url(/img/leave/type_icons/icon_12-32.png);
}

.icon_13-32 {
  background-image: url(/img/leave/type_icons/icon_13-32.png);
}

.icon_14-32 {
  background-image: url(/img/leave/type_icons/icon_14-32.png);
}

.icon_15-32 {
  background-image: url(/img/leave/type_icons/icon_15-32.png);
}

.icon_16-32 {
  background-image: url(/img/leave/type_icons/icon_16-32.png);
}

.icon_17-32 {
  background-image: url(/img/leave/type_icons/icon_17-32.png);
}

.icon_18-32 {
  background-image: url(/img/leave/type_icons/icon_18-32.png);
}

.icon_19-32 {
  background-image: url(/img/leave/type_icons/icon_19-32.png);
}

.icon_20-32 {
  background-image: url(/img/leave/type_icons/icon_20-32.png);
}

.icon_21-32 {
  background-image: url(/img/leave/type_icons/icon_21-32.png);
}

.icon_22-32 {
  background-image: url(/img/leave/type_icons/icon_22-32.png);
}

.icon_23-32 {
  background-image: url(/img/leave/type_icons/icon_23-32.png);
}

.icon_24-32 {
  background-image: url(/img/leave/type_icons/icon_24-32.png);
}

.icon_25-32 {
  background-image: url(/img/leave/type_icons/icon_25-32.png);
}

.icon_26-32 {
  background-image: url(/img/leave/type_icons/icon_26-32.png);
}

.icon_27-32 {
  background-image: url(/img/leave/type_icons/icon_27-32.png);
}

.icon_28-32 {
  background-image: url(/img/leave/type_icons/icon_28-32.png);
}

.icon_29-32 {
  background-image: url(/img/leave/type_icons/icon_29-32.png);
}

.icon_30-32 {
  background-image: url(/img/leave/type_icons/icon_30-32.png);
}

.icon_31-32 {
  background-image: url(/img/leave/type_icons/icon_31-32.png);
}

.icon_32-32 {
  background-image: url(/img/leave/type_icons/icon_32-32.png);
}

.icon_33-32 {
  background-image: url(/img/leave/type_icons/icon_33-32.png);
}

.icon_34-32 {
  background-image: url(/img/leave/type_icons/icon_34-32.png);
}

.icon_35-32 {
  background-image: url(/img/leave/type_icons/icon_35-32.png);
}

.icon_36-32 {
  background-image: url(/img/leave/type_icons/icon_36-32.png);
}

.yaag {
  font-size: 7pt;
}
.yaag .yaag-row:first-child div {
  border-color: #fff;
}
.yaag .yaag-row:first-child div:last-child {
  border-right-color: #fff;
}
.yaag .yaag-row:last-child div {
  border-bottom: 1px solid #d7dee2;
}
.yaag .clear {
  clear: left;
}
.yaag .yaag-row {
  clear: left;
}
.yaag .yaag-row div:first-child {
  width: 50px;
  border-color: #fff;
  text-align: right;
  padding-right: 10px;
}
.yaag .yaag-row div:last-child {
  border-right: 1px solid #d7dee2;
}
.yaag .yaag-row div {
  border-top: 1px solid #d7dee2;
  border-left: 1px solid #d7dee2;
  float: left;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  line-height: 18px;
}
.yaag .yaag-row .m {
  border-right: 0px;
}
.yaag .yaag-row .a {
  border-left: 0px;
}
.yaag .yaag-row .off {
  background-color: #f1f3f5;
}
.yaag .yaag-row .invalid {
  background-color: #d7dee2;
  cursor: not-allowed;
}
.yaag .yaag-row div.today {
  border: 1px solid #1674b4;
}
.yaag .yaag-row .m.today {
  border-right: 0px;
}
.yaag .yaag-row .a.today {
  border-left: 0px;
}
.yaag .yaag-row .bookable {
  cursor: pointer;
}
.yaag .yaag-row .pending {
  cursor: pointer;
  background-color: #dca91b;
}
.yaag .yaag-row .approved {
  cursor: pointer;
  background-color: #16b68b;
}
.yaag .yaag-row .cancellation_pending {
  cursor: pointer;
  background-color: #b62116;
}
.yaag .yaag-row .sick {
  cursor: pointer;
  background-color: #b62116;
}
.yaag .yaag-row .blocked {
  background-color: #333;
}
.yaag .yaag-row .non_deducted {
  cursor: pointer;
  background-color: #9EF3DC;
}
.yaag .yaag-row .change_pending_approval {
  cursor: pointer;
  background-color: #e5b329;
}
.yaag .yaag-row .bookable:hover {
  background-color: #ffffaa;
}
.yaag .yaag-row .pending.selected {
  background-color: #e5b329;
}
.yaag .yaag-row .approved.selected {
  background-color: #19c99a;
}
.yaag .yaag-row .cancellation_pending.selected {
  cursor: pointer;
  background-color: #C92519;
}
.yaag .yaag-row .sick.selected {
  background-color: #C92519;
}
.yaag .yaag-row .non_deducted.selected {
  cursor: pointer;
  background-color: #19c99a;
}
.yaag .yaag-row .change_pending_approval.selected {
  cursor: pointer;
  background-color: #e5b329;
}
.yaag .yaag-row .public {
  background-image: url(/img/leave/yaag-public.png);
}
.yaag .yaag-row .m.public {
  background-image: url(/img/leave/yaag-morning-public.png);
}
.yaag .yaag-row .a.public {
  background-image: url(/img/leave/yaag-afternoon-public.png);
}
.yaag .yaag-row .compulsory-work-day {
  font-family: "Glyphicons Halflings";
  color: #aaa;
  padding-top: 1px;
}
.yaag .yaag-row .compulsory-work-day:after {
  content: "\e014";
}

.yaag.phc .public {
  cursor: pointer;
}
.yaag.phc .public:hover {
  background-color: #ffffaa;
}

/* responsive classes */
/*
@media (max-width: 767px) {
  .yaag {
    font-size: 8pt;
    width: 720px;

    .yaag-row {
      div {
        min-width: 21px;
        min-height: 20px;
        height: 20px;
      }
      div:first-child {
        width: 50px;
      }

      .m { min-width: 11px; }
      .a { min-width: 10px; }

    }
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .yaag {
    font-size: 8pt;
    width: 720px;

    .yaag-row {
      div {
        min-width: 21px;
        min-height: 20px;
        height: 20px;
      }
      div:first-child {
        width: 50px;
      }

      .m { min-width: 11px; }
      .a { min-width: 10px; }

    }
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .yaag {
    font-size: 8pt;

    .yaag-row {
      div {
        min-width: 18px;
        min-height: 18px;
        height: 18px;
      }
      div:first-child {
        width: 58px;
      }

      .m { min-width: 9px; }
      .a { min-width: 9px; }

    }
  }
}

@media (min-width: 1200px) {
  .yaag.lg {
    width: 1030px;
    font-size: 8pt;

    .yaag-row {
      div {
        min-width: 30px;
        min-height: 30px;
        height: 30px;
      }
      div:first-child {
        width: 30px;
      }

      .m { min-width: 15px; }
      .a { min-width: 15px; }
    }
  }

	.yaag {
    font-size: 8pt;

    .yaag-row {
      div {
        min-width: 22px;
        min-height: 20px;
        height: 20px;
      }
      div:first-child {
        width: 67px;
      }

      .m { min-width: 11px; }
      .a { min-width: 11px; }
    }
  }
}
*/
.yaag {
  font-size: 8pt;
  width: 100%;
}
.yaag .yaag-row div:first-child {
  width: 35px;
}
.yaag .yaag-row div {
  min-width: calc((100% - 35px) / 32);
  height: 20px;
}
.yaag .yaag-row .m {
  min-width: calc((100% - 34px) / 64);
}
.yaag .yaag-row .a {
  min-width: calc((100% - 35px) / 64);
}

ul.legend {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.legend li {
  padding-left: 1em;
  text-indent: -0.7em;
}
ul.legend li.pending::before {
  content: "• ";
  color: #dca91b;
}
ul.legend li.approved::before {
  content: "• ";
  color: #16b68b;
}
ul.legend li.cancellation::before {
  content: "• ";
  color: #b62116;
}
ul.legend li.sick::before {
  content: "• ";
  color: #b62116;
}
ul.legend li.public-holiday::before {
  content: "• ";
  color: #e2e445;
}

.bullets .bullet {
  margin-bottom: 10px;
}
.bullets .bullet div:first-child {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-right: 10px;
}
.bullets .bullet div:nth-child(2) {
  display: inline-block;
}
.bullets .approved {
  background: #16b68b;
}
.bullets .pending {
  background: #dca91b;
}
.bullets .cancellation {
  background: #b62116;
}
.bullets .sickness {
  background: #b62116;
}
.bullets .public-holiday {
  background: #e2e445;
}

table.yaag-legend {
  padding-left: 5px;
  margin-left: 10px;
}
table.yaag-legend td {
  padding-top: 10px;
}
table.yaag-legend td.legend-icon {
  width: 40px;
  padding: 10px 10px 0px 30px;
}
table.yaag-legend .bullet {
  width: 30px;
  height: 10px;
  border-radius: 5px;
}
table.yaag-legend .bullet-approved {
  background-color: #16b68b;
}
table.yaag-legend .bullet-pending {
  background-color: #dca91b;
}
table.yaag-legend .bullet-sick {
  background-color: #b62116;
}
table.yaag-legend .bullet-non-deducted {
  background-color: #9EF3DC;
}
table.yaag-legend .bullet-public-holiday {
  background-repeat: no-repeat;
  background-image: url(/img/leave/yaag-public.png);
}

.allowance-bar-view header {
  margin-bottom: 5px;
}
.allowance-bar-view a.toggle-unit {
  padding-right: 0px;
  border: 0px;
  font-size: 0.9em;
  font-style: italic;
}
.allowance-bar-view .allowance-bar {
  background-color: #f7f9fa;
  border-color: #f1f1f1;
  margin-bottom: 10px;
}

.allowance-bar {
  border: 1px solid #ddd;
  height: 28px;
  display: flex;
}
.allowance-bar div {
  height: 26px;
  display: inline-block;
  border-right: 1px solid #ddd;
  vertical-align: super;
}
.allowance-bar .approved {
  background: #16b68b;
}
.allowance-bar .pending {
  background: #dca91b;
  border-right: 0;
}

.allowance-bar.sm {
  height: 22px;
}
.allowance-bar.sm div {
  height: 20px;
}

.allowance-bar.xs {
  height: 12px;
}
.allowance-bar.xs div {
  height: 10px;
}

.allowance-bar.exceeded .pending {
  background: #b62116;
}

@media (min-width: 768px) {
  .allowance-bar-details .left {
    float: left;
  }
  .allowance-bar-details .right {
    float: right;
  }
}
@media (max-width: 991px) {
  .allowance-bar.xs {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .allowance-bar.xs {
    margin: 3px 15px 0 0;
  }
}
.request-calendar {
  margin: 10px 0;
}
.request-calendar header div.day {
  background: #D4E6F1;
  font-weight: bold;
  color: #2a6182;
}
.request-calendar div.days {
  max-height: 117px;
  overflow: auto;
  clear: both;
}
.request-calendar div.days div.day:nth-last-child(-n+7) {
  border-bottom: 1px solid #D4E6F1;
}
.request-calendar div.day {
  padding: 5px;
  float: left;
  max-width: 68px;
  width: 12%;
  height: 18px;
  border-left: 1px solid #D4E6F1;
  border-top: 1px solid #D4E6F1;
  text-align: center;
  color: #636363;
  box-sizing: content-box;
}
.request-calendar div.day:nth-child(7n) {
  border-right: 1px solid #D4E6F1;
}
.request-calendar .non-working-day {
  background: #efefef;
}
.request-calendar .full-day {
  background: #FCF3CF;
  cursor: pointer;
}
.request-calendar .morning {
  background: #FCF3CF url("/img/px_fff.jpg") repeat-y 39px;
  background-size: 39px;
  cursor: pointer;
}
.request-calendar .afternoon {
  background: #FCF3CF url("/img/px_fff.jpg") repeat-y 0;
  background-size: 39px;
  cursor: pointer;
}
.request-calendar .public-holiday {
  background: #ffffff url("/img/leave/breakdown-public.png") no-repeat center center;
}
.request-calendar .public-holiday-morning {
  background: url(/img/leave/breakdown-public.png), url("/img/px_fff.jpg");
  background-repeat: no-repeat, repeat-y;
  background-size: 26px, 39px;
  background-position: 7px, 0;
  background-color: #F8E290;
}
.request-calendar .public-holiday-afternoon {
  background: url("/img/leave/breakdown-public.png),url(/img/px_fff.jpg");
  background-repeat: no-repeat, repeat-y;
  background-size: 26px, 39px;
  background-position: 47px, 39px;
  background-color: #F8E290;
}

.drop-zone {
  height: 80px;
  border-radius: 20px;
  text-align: center;
  position: relative;
  font-size: 16px;
  line-height: 80px;
  background-color: #D4E6F1;
  color: #636363;
}
.drop-zone .upload-link {
  color: #1674b4;
}

.drop-zone input {
  /*Important*/
  position: absolute;
  /*Important*/
  cursor: pointer;
  left: 0px;
  top: 0px;
  opacity: 0;
}

.drop-zone.mouse-over {
  border: 2px dashed rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
}

.upload-list {
  list-style-type: none;
}

#attachmentUploadingContainer {
  margin: auto;
  width: 75%;
}

.progress-bar.complete {
  background-color: #16b68b;
}

.dlg-new-request .buttons {
  margin-top: 20px;
}
.dlg-new-request .return-to-work {
  padding: 10px 0px;
}
.dlg-new-request .advanced-options {
  max-height: 400px;
  overflow: auto;
  margin-top: 20px;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #f9f9f9;
  border: 1px solid #d7dee2;
  border-radius: 3px;
}
.dlg-new-request .advanced-options .table-condensed > tbody > tr > td:first-child {
  padding-left: 0;
}
.dlg-new-request .page-1 {
  padding: 10px;
}
.dlg-new-request .page-1 p {
  margin-bottom: 20px;
}
.dlg-new-request .page-1 .tiles {
  display: flex;
  justify-content: center;
}
.dlg-new-request .page-1 .tiles .tile {
  height: 110px;
  padding: 65px 10px 0px;
  border-radius: 20px;
}
.dlg-new-request .page-employee .form-container {
  min-height: 50px;
}
.dlg-new-request .page-leave-1 {
  padding: 0 10px 10px;
}
.dlg-new-request .page-reason h4 {
  margin-bottom: 20px;
}
.dlg-new-request .page-reason .ooo {
  margin-bottom: 20px;
}
.dlg-new-request .page-reason textarea {
  height: 75px;
}
.dlg-new-request .page-working img {
  margin: 20px 0 30px;
}
.dlg-new-request .page-clash .buttons {
  margin: 20px 0 10px;
}
.dlg-new-request .page-complete p {
  padding: 5px 0 10px;
}
.dlg-new-request .page-ooo .form-container {
  margin-bottom: 40px;
}
.dlg-new-request .page-ooo .form-container .import-from-gmail img {
  display: none;
}
.dlg-new-request .page-ooo .form-container textarea {
  height: 100px;
}
.dlg-new-request .allowance-datails-container {
  margin-bottom: 20px;
}
.dlg-new-request .allowance-datails-container label.section-name {
  font-weight: bold;
}
.dlg-new-request .allowance-datails-container label.section-details {
  font-style: italic;
}
.dlg-new-request .warning-panel .alert-danger {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .dlg-new-request .btn-override {
    display: block;
  }
}

.dropdown-menu > li > label {
  margin-left: 10px;
  line-height: 18px;
  margin: 5px 10px;
}

@media (max-width: 540px) {
  .dlg-new-request .request-dates-container input.form-control {
    width: 100%;
    margin-bottom: 10px;
  }
  a.tile {
    margin-right: 0px;
  }
}
@media (min-width: 540px) {
  .dlg-new-request .allowance-datails-container label.section-details {
    display: inline-block;
    float: right;
  }
  .dlg-new-request .page-1 .tiles .tile {
    float: left;
  }
  .dlg-new-request .page-1 .tiles .tile:last-of-type {
    margin-right: 0px;
  }
}
.request-calendar {
  margin: 10px 0;
}
.request-calendar header div.day {
  background: #D4E6F1;
  font-weight: bold;
  color: #2a6182;
}
.request-calendar div.days {
  max-height: 117px;
  overflow: auto;
  clear: both;
}
.request-calendar div.days div.day:nth-last-child(-n+7) {
  border-bottom: 1px solid #D4E6F1;
}
.request-calendar div.day {
  padding: 5px;
  float: left;
  max-width: 68px;
  width: 12%;
  height: 18px;
  border-left: 1px solid #D4E6F1;
  border-top: 1px solid #D4E6F1;
  text-align: center;
  color: #636363;
  box-sizing: content-box;
}
.request-calendar div.day:nth-child(7n) {
  border-right: 1px solid #D4E6F1;
}
.request-calendar .non-working-day {
  background: #efefef;
}
.request-calendar .full-day {
  background: #FCF3CF;
  cursor: pointer;
}
.request-calendar .morning {
  background: #FCF3CF url("/img/px_fff.jpg") repeat-y 39px;
  background-size: 39px;
  cursor: pointer;
}
.request-calendar .afternoon {
  background: #FCF3CF url("/img/px_fff.jpg") repeat-y 0;
  background-size: 39px;
  cursor: pointer;
}
.request-calendar .public-holiday {
  background: #ffffff url("/img/leave/breakdown-public.png") no-repeat center center;
}
.request-calendar .public-holiday-morning {
  background: url(/img/leave/breakdown-public.png), url("/img/px_fff.jpg");
  background-repeat: no-repeat, repeat-y;
  background-size: 26px, 39px;
  background-position: 7px, 0;
  background-color: #F8E290;
}
.request-calendar .public-holiday-afternoon {
  background: url("/img/leave/breakdown-public.png),url(/img/px_fff.jpg");
  background-repeat: no-repeat, repeat-y;
  background-size: 26px, 39px;
  background-position: 47px, 39px;
  background-color: #F8E290;
}

.drop-zone {
  height: 80px;
  border-radius: 20px;
  text-align: center;
  position: relative;
  font-size: 16px;
  line-height: 80px;
  background-color: #D4E6F1;
  color: #636363;
}
.drop-zone .upload-link {
  color: #1674b4;
}

.drop-zone input {
  /*Important*/
  position: absolute;
  /*Important*/
  cursor: pointer;
  left: 0px;
  top: 0px;
  opacity: 0;
}

.drop-zone.mouse-over {
  border: 2px dashed rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
}

.upload-list {
  list-style-type: none;
}

#attachmentUploadingContainer {
  margin: auto;
  width: 75%;
}

.progress-bar.complete {
  background-color: #16b68b;
}

.dlg-request h4.title {
  color: #125d8f;
  margin-bottom: 20px;
}
.dlg-request .alert {
  border-width: 1px 0;
}
.dlg-request .alert h5 {
  margin-top: 0;
}
.dlg-request .alert .buttons {
  display: flex;
  justify-content: space-between;
}
.dlg-request .alert .buttons button {
  width: 49%;
  margin: 0px;
}
.dlg-request .alert .buttons .dropdown {
  width: 49%;
}
.dlg-request .alert .buttons .dropdown button {
  width: 100%;
}
.dlg-request .alert .buttons i {
  margin-right: 5px;
}
.dlg-request .alert p {
  margin-bottom: 10px;
}
.dlg-request .form-group.read {
  margin-bottom: 5px;
}
.dlg-request .icon {
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position: 0 center;
}
.dlg-request .first-column-fix-wrapper {
  position: relative;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.dlg-request .first-column-fix-wrapper .inner-wrapper {
  width: 100%;
  overflow: auto;
}
.dlg-request .first-column-fix-wrapper .inner-wrapper table.table-first-column-fix {
  width: 100%;
}
.dlg-request .first-column-fix-wrapper .inner-wrapper table.table-first-column-fix th, .dlg-request .first-column-fix-wrapper .inner-wrapper table.table-first-column-fix td {
  white-space: nowrap;
  vertical-align: top;
}
.dlg-request .first-column-fix-wrapper .inner-wrapper table.table-first-column-fix .fix-column {
  border-radius: 0px;
}
.dlg-request .first-column-fix-wrapper .clone-table {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.dlg-request .first-column-fix-wrapper .clone-table th, .dlg-request .first-column-fix-wrapper .clone-table td {
  visibility: hidden;
}
.dlg-request .first-column-fix-wrapper .clone-table tbody th {
  visibility: visible;
}
.dlg-request .first-column-fix-wrapper .clone-table .fix-column {
  visibility: visible;
  background: #fff;
}
.dlg-request .first-column-fix-wrapper .clone-table thead {
  background: transparent;
}
.dlg-request .clash-container td {
  border-left: 1px solid white;
}
.dlg-request .clash-container td.pending {
  background-color: #dca91b;
}
.dlg-request .clash-container td.approved {
  background-color: #16b68b;
}
.dlg-request .clash-container td.cancellation_pending {
  background-color: #b62116;
}
.dlg-request .clash-container .table-container th.days {
  min-width: 60px;
  max-width: 60px;
}
.dlg-request .clash-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 7px;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset -1px -1px 0 rgba(0, 0, 0, 0.07);
}
.dlg-request .clash-container::-webkit-scrollbar {
  height: 8px;
  overflow: visible;
  width: 16px;
}
.dlg-request .clash-container::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
.dlg-request .clash-container::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 7px;
}
.dlg-request .clash-container::-webkit-scrollbar-corner {
  background: transparent;
}
.dlg-request .history-container {
  max-height: 200px;
  overflow: auto;
}
.dlg-request .ooo-container .form-group.read label {
  font-weight: bold;
}
.dlg-request .ooo-container .import-from-gmail img {
  display: none;
}
.dlg-request .recurring .days {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 0px 0px 0px;
}
.dlg-request .recurring .days .occurrences {
  margin-right: 5px;
}
.dlg-request .recurring .days .day {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.dlg-request .recurring .days .day .status, .dlg-request .recurring .days .day .change-status {
  display: block;
  width: 10px;
  height: 10px;
  margin-right: 2px;
  border-radius: 50%;
}
.dlg-request .recurring .days .day .status.pending {
  background-color: #dca91b;
}
.dlg-request .recurring .days .day .status.approved {
  background-color: #16b68b;
}
.dlg-request .recurring .days .day .status.rejected {
  background-color: #b62116;
}
.dlg-request .recurring .days .day .status.cancelled {
  background-color: #b62116;
}
.dlg-request .recurring .days .day .status.cancellation_pending {
  background-color: #16b68b;
}
.dlg-request .recurring .days .day .change-status.requested {
  background-color: #dca91b;
}
.dlg-request .recurring .days .day .date.cancelled, .dlg-request .recurring .days .day .date.cancellation_pending {
  text-decoration: line-through;
}
.dlg-request .recurring .days .day .date {
  border-bottom: 1px solid;
}
.dlg-request .recurring .days a.day .date {
  border-bottom: none;
}

.dialog .subtab_container .subtab_header {
  background: #f7f9fa;
  border-top: 1px solid #ddd;
}
.dialog .subtab_container .subtab_header .subtab.selected {
  border-bottom-width: 2px;
  padding: 10px 15px;
}
.dialog .subtab_container .tab_panel {
  padding: 10px 0;
}

.edit-request .alert {
  margin: 5px 0 20px 0;
}

/** this file contains all colours to be used accross the app in order to keep things consistent
    Hex codes for colours should not be used. instead - use the colours defined in this file.
**/
.text-grey {
  color: #636363;
}

.text-light-grey {
  color: #878787;
}

.text-blue {
  color: #125d8f;
}

.text-orange {
  color: #dca91b;
}

.text-red {
  color: #b62116;
}

.text-green {
  color: #16b68b;
}

.text-package-hr-success {
  color: #299AE5;
}

.text-package-hr-essentials {
  color: #299AE5;
}

.text-package-leave {
  color: #125d8f;
}

.text-package-time {
  color: #f3836b;
}

.requests-view .table-requests tbody td:nth-child(7) {
  text-align: right;
}
.requests-view .table-requests tbody td:nth-child(8) {
  text-align: right;
}
.requests-view .table-requests tbody td:nth-child(9) {
  text-align: right;
}
.requests-view .table-requests tbody td:nth-child(10) {
  text-align: right;
}
.requests-view .table-requests tbody td:nth-child(11) {
  text-align: right;
}
.requests-view .table-requests tbody td:nth-child(12) {
  text-align: right;
}
.requests-view .table-requests tfoot td {
  text-align: right;
}
.requests-view .table-requests .sepr {
  border-right: 1px solid #bcbcbc;
}
.requests-view .table-requests .icon {
  background-repeat: no-repeat;
  background-position: left 5px center;
  padding-left: 24px;
}
.requests-view .table-requests tbody td.non-deducted {
  text-align: center;
}
.requests-view .table-requests .grey {
  color: #575b5d;
}
.requests-view .table-requests .approved {
  color: #19c99a;
}
.requests-view .table-requests .pending {
  color: #e5b329;
}
.requests-view .table-requests td.flag {
  background-repeat: no-repeat;
  background-position: center center;
}
.requests-view .table-requests tr.status-open td.flag {
  background-image: url(/img/flags/orange.png);
}
.requests-view .table-requests tr.status-pending td.flag {
  background-image: url(/img/flags/orange.png);
}
.requests-view .table-requests tr.status-approved td.flag {
  background-image: url(/img/flags/green.png);
}
.requests-view .table-requests tr.status-rejected td.flag {
  background-image: url(/img/flags/black.png);
}
.requests-view .table-requests tr.status-cancelled td.flag {
  background-image: url(/img/flags/red.png);
}
.requests-view .table-requests tr.status-cancellation_pending td.flag {
  background-image: url(/img/flags/green.png);
}
.requests-view .table-requests tr.status-cancelled {
  background-color: #e1e1e1;
}

.status-filter {
  margin: 10px 0px;
}
.status-filter span {
  margin-right: 10px;
}

@media (max-width: 991px) {
  .status-filter.pull-right {
    float: left !important;
  }
  .status-filter {
    padding-bottom: 10px;
  }
  .reason {
    max-width: 100px;
    white-space: normal;
    color: #636363;
    font-style: italic;
    font-size: 0.9em;
  }
}
@media (max-width: 767px) {
  .requests-view {
    padding-top: 10px;
  }
}
.approvals-view td {
  vertical-align: middle;
}
.approvals-view td.icon {
  background-repeat: no-repeat;
  background-position: right 5px center;
}
.approvals-view div.allowance-bar + div.text-danger {
  margin-top: 3px;
}
.approvals-view div.icon {
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 20px;
}
.approvals-view td.request-header {
  background: #efefef no-repeat 5px center;
  background-size: 24px;
  padding-left: 32px;
}
.approvals-view td.custom1-header,
.approvals-view td.custom2-header,
.approvals-view td.leave-header {
  background-image: url("/img/leave/new/leave.png");
}
.approvals-view td.sick-header {
  background-image: url("/img/leave/new/sick.png");
}
.approvals-view td.toil-header {
  background-image: url("/img/leave/new/toil.png");
}
.approvals-view td.custom1-cancellation-header,
.approvals-view td.custom2-cancellation-header,
.approvals-view td.leave-cancellation-header {
  background-image: url("/img/leave/new/leave-cancellation.png");
}
.approvals-view td.sick-cancellation-header {
  background-image: url("/img/leave/new/sick-cancellation.png");
}
.approvals-view td.toil-cancellation-header {
  background-image: url("/img/leave/new/toil-cancellation.png");
}
.approvals-view h4 {
  font-size: 1.2em;
  margin: 5px 0;
}
.approvals-view .buttons {
  text-align: center;
  margin: 10px;
}
.approvals-view .buttons .btn-link.text-danger {
  color: #a94442;
}
.approvals-view .buttons .btn-link.text-success {
  color: #3c763d;
}

.employee-allowance-view h4 {
  margin: 0 2px 10px;
}
.employee-allowance-view td {
  vertical-align: middle;
}
.employee-allowance-view th {
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}
.employee-allowance-view .num {
  text-align: right;
  padding-right: 26px;
  letter-spacing: 1px;
  font-weight: normal;
  height: 25px;
}
.employee-allowance-view .num-edit {
  text-align: right;
  padding-right: 20px;
}
.employee-allowance-view .note {
  margin-left: 16px;
  font-style: italic;
}
.employee-allowance-view tr.total td,
.employee-allowance-view tr.total th {
  background-color: #e9e9e9;
  font-weight: bold;
}
.employee-allowance-view tr.remaining td {
  font-weight: bold;
  border-bottom: 5px solid #c4c4c4;
}
.employee-allowance-view input[type=text] {
  letter-spacing: 1px;
  display: inline-block;
  padding: 6px;
  text-align: right;
}
.employee-allowance-view textarea {
  width: 543px;
  height: 50px;
}
.employee-allowance-view .red {
  color: #b62116;
  -webkit-text-stroke: 1px black;
}
.employee-allowance-view .green {
  color: #16b68b;
  -webkit-text-stroke: 0.4px black;
}
.employee-allowance-view .leaving-balance {
  background-color: #e5b329;
}
.employee-allowance-view .carry-over-expiry-msg {
  color: #8a6d3b;
  font-size: 12px;
  font-style: italic;
}

.return-to-work-config-container {
  flex-wrap: wrap;
  column-gap: 50px;
  row-gap: 40px;
  word-break: break-word;
}
.return-to-work-config-container .form-config-container {
  max-width: 700px;
  min-width: 600px;
}
.return-to-work-config-container .form-config-container .section-header {
  margin-bottom: 25px;
}
.return-to-work-config-container .form-config-container .chk-disclaimer {
  margin-top: 35px;
}
.return-to-work-config-container .form-config-container .txt-disclaimer {
  max-width: 585px;
  margin-left: 15px;
}
.return-to-work-config-container .form-config-container textarea {
  resize: none;
}

.r2w-form-container textarea, .r2w-form-preview-container textarea {
  resize: none;
}
.r2w-form-container .file-icon, .r2w-form-preview-container .file-icon {
  width: 16px;
}
.r2w-form-container .folder-item, .r2w-form-preview-container .folder-item {
  background-color: #D4E6F1;
  border-radius: 20px;
  color: #2a6182;
}
.r2w-form-container .form-header, .r2w-form-preview-container .form-header {
  margin-bottom: 20px;
}
.r2w-form-container .form-header .header-title, .r2w-form-preview-container .form-header .header-title {
  margin-bottom: 5px;
}
.r2w-form-container .form-header .employee-info, .r2w-form-preview-container .form-header .employee-info {
  margin: 5px;
}
.r2w-form-container .form-header .report-link, .r2w-form-preview-container .form-header .report-link {
  margin: 5px;
}

.r2w-form-container {
  max-width: 700px;
}
.r2w-form-container .employee-responses-summary {
  margin-bottom: 30px;
  text-align: center;
}
.r2w-form-container .field-container {
  margin-bottom: 45px;
}
.r2w-form-container .intro-text {
  padding: 10px 80px;
  font-size: 14px;
}
.r2w-form-container .file-icon {
  width: 16px;
}
.r2w-form-container .folder-item {
  margin-bottom: 30px;
  padding: 20px;
}
.r2w-form-container .header-table {
  margin-bottom: 45px;
}
.r2w-form-container .title {
  margin: 35px;
}

.r2w-form-preview-container {
  position: relative;
  margin: 10px;
  padding: 10px 60px;
  width: 450px;
  border: 1px solid lightgrey;
  border-radius: 20px;
  font-size: 0.8em;
  min-height: 300px;
}
.r2w-form-preview-container .r2w-form-preview {
  pointer-events: none;
  margin-bottom: 10px;
}
.r2w-form-preview-container .header-table {
  margin-bottom: 30px;
}
.r2w-form-preview-container .title {
  margin: 25px 0 15px 0;
}
.r2w-form-preview-container .form-container {
  margin: 5px 0 5px 0;
}
.r2w-form-preview-container .form-container .form-control {
  font-size: 11px;
}
.r2w-form-preview-container .form-container textarea {
  padding: 4px;
}
.r2w-form-preview-container .chk .checkmark {
  height: 14px;
  width: 14px;
}
.r2w-form-preview-container .btn.btn-sm {
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
}
.r2w-form-preview-container .folder-item {
  margin-bottom: 10px;
  padding: 5px;
}
.r2w-form-preview-container table.table-round tr th, .r2w-form-preview-container table.table-round tr td {
  padding: 5px 12px;
}
.r2w-form-preview-container .form-header .header-title {
  font-size: 17px;
}
.r2w-form-preview-container .form-header .employee-info {
  font-size: 12px;
}
.r2w-form-preview-container h2 {
  font-size: 16px;
}
.r2w-form-preview-container .intro-text {
  padding: 5px 15px;
  overflow-wrap: break-word;
}
.r2w-form-preview-container .overlay {
  top: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #636363;
  transition: opacitity 0.5s;
}
.r2w-form-preview-container .overlay .overlay-text {
  font-size: 40px;
  transform: rotate(-50deg);
  letter-spacing: 0.4em;
}

.r2w-form-preview-container:hover {
  opacity: 0.5;
}
.r2w-form-preview-container:hover .overlay:hover {
  opacity: 1;
}

/* Generic styles for Appogee Leave */
a.tile {
  background-color: #fff;
  border: #DCDFE3 solid 1px;
  border-color: #DCDFE3 #D0D4D8 #D0D4D8 #DCDFE3;
  color: #666;
  display: inline-block;
  width: 150px;
  padding: 60px 5px 0px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: 50% 10px;
  background-size: 48px;
  text-align: center;
  border-radius: 3px;
  text-decoration: none;
  opacity: 0.9;
  margin: 0px 10px 20px 0px;
  outline: none;
}

a.tile:hover {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  outline: none;
}

a.tile.disabled {
  background-color: #f1f3f5;
  cursor: not-allowed;
  opacity: 0.65;
}

a.tile.disabled:hover {
  box-shadow: 0px 0px 0px;
}

a.tile.leave {
  color: #43a244;
  background-image: url(/img/leave/new/leave.png);
}

a.tile.sick {
  color: #b62116;
  background-image: url(/img/leave/new/sick.png);
}

a.tile.toil {
  color: #2196f3;
  background-image: url(/img/leave/new/toil.png);
}

/*# sourceMappingURL=leave.css.map */