@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-salmon {
  color: #f3836b; }

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

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

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

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

/** 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-salmon {
  color: #f3836b; }

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

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

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

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

/* these colours look awful in alerts so commenting it out now
$cintra-alert-info-bg: $cintra-blue-100;
$cintra-alert-info-border: $cintra-blue-200;
$cintra-alert-info-color: $cintra-blue-400;
$cintra-alert-info-icon-color: $cintra-blue-400;

// alert success
$cintra-alert-success-bg: $cintra-green-100;
$cintra-alert-success-border: $cintra-green-200;
$cintra-alert-success-color: $cintra-green-400;
$cintra-alert-success-icon-color: $cintra-green-400;

// alert warning
$cintra-alert-warning-bg: $cintra-yellow-100;
$cintra-alert-warning-border: $cintra-yellow-200;
$cintra-alert-warning-color: $cintra-yellow-400;
$cintra-alert-warning-icon-color: $cintra-yellow-400;

// alert danger
$cintra-alert-danger-bg: $cintra-red-100;
$cintra-alert-danger-border: $cintra-red-200;
$cintra-alert-danger-color: $cintra-red-400;
$cintra-alert-danger-icon-color: $cintra-red-400;
*/
/**
new cintra breakpoints are:
 - mobile: 0px - 800px
 - tablet: 801px - 1024px
 - desktop: 1025px - 1599px

this does not fit into the previous model, where xs is now obsolete
therefore, we are setting xs-max to the same as sm-max
 */
/*
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: -.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; } }
/** 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-salmon {
  color: #f3836b; }

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

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

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

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

.advanced-options-accordion {
  border: 1px solid #C3C3C3;
  border-radius: 8px;
  margin: 12px 0 6px;
  overflow: hidden;
  padding: 12px 24px; }
  .advanced-options-accordion .advanced-options-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: #fff; }
  .advanced-options-accordion .advanced-options-body {
    margin-top: 6px; }
    .advanced-options-accordion .advanced-options-body > div:first-child {
      font-size: 12px;
      color: #636363; }

.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;
    width: calc(100% / 7);
    height: 29px;
    border-left: 1px solid #D4E6F1;
    border-top: 1px solid #D4E6F1;
    text-align: center;
    color: #636363;
    box-sizing: border-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 100%;
    background-size: 50%;
    cursor: pointer; }
  .request-calendar .afternoon {
    background: #FCF3CF url("/img/px_fff.jpg") repeat-y 0;
    background-size: 50%;
    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: auto;
  border-radius: 20px;
  text-align: center;
  position: relative;
  font-size: 16px;
  background-color: #e8ebf780;
  color: #42387E;
  border: 1px dashed #afafaf;
  padding: 24px; }
  .drop-zone .upload-link {
    color: #42387E;
    font-weight: bold; }
  .drop-zone div:has(.ph-cloud-arrow-up) {
    margin-bottom: 8px; }
  .drop-zone .ph-cloud-arrow-up {
    font-size: 40px; }

.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-bottom: 10px; }
.dlg-new-request .page-1 {
  padding: 12px 48px 48px 48px; }
  .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-1 h4.leading {
    font-size: 18px;
    margin: 0 24px 24px; }
  .dlg-new-request .page-1 .ctiles {
    display: flex;
    flex-direction: column;
    gap: 16px; }
    .dlg-new-request .page-1 .ctiles .ctile {
      padding: 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: 16px;
      border: 1px solid #E3E3E8;
      background: #F9F9FA;
      font-size: 16px;
      font-weight: bold; }
      .dlg-new-request .page-1 .ctiles .ctile.disabled {
        opacity: 0.5;
        cursor: not-allowed; }
      .dlg-new-request .page-1 .ctiles .ctile span:nth-child(2) {
        padding: 12px;
        font-size: 22px;
        border-radius: 8px;
        background: linear-gradient(135deg, #fff 0%, #ececee 100%);
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.07);
        width: 48px;
        height: 48px;
        color: #333; }
.dlg-new-request .request-dates-container .form-container {
  margin-bottom: 0; }
.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 .header-summary {
  margin-bottom: 24px; }
  .dlg-new-request .page-reason .header-summary p:first-child {
    font-weight: bold; }
.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-summary h4 {
  font-weight: bold;
  margin-bottom: 12px;
  text-align: center; }
.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; }
.dlg-new-request .dialog-buttons {
  display: flex;
  gap: 24px; }
  .dlg-new-request .dialog-buttons a, .dlg-new-request .dialog-buttons button {
    flex: 1; }
@media (max-width: 800px) {
  .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 .page-1 {
    padding: 12px; }
    .dlg-new-request .page-1 h4.leading {
      margin: 0 0 12px 0; }
  .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;
    width: calc(100% / 7);
    height: 29px;
    border-left: 1px solid #D4E6F1;
    border-top: 1px solid #D4E6F1;
    text-align: center;
    color: #636363;
    box-sizing: border-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 100%;
    background-size: 50%;
    cursor: pointer; }
  .request-calendar .afternoon {
    background: #FCF3CF url("/img/px_fff.jpg") repeat-y 0;
    background-size: 50%;
    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: auto;
  border-radius: 20px;
  text-align: center;
  position: relative;
  font-size: 16px;
  background-color: #e8ebf780;
  color: #42387E;
  border: 1px dashed #afafaf;
  padding: 24px; }
  .drop-zone .upload-link {
    color: #42387E;
    font-weight: bold; }
  .drop-zone div:has(.ph-cloud-arrow-up) {
    margin-bottom: 8px; }
  .drop-zone .ph-cloud-arrow-up {
    font-size: 40px; }

.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 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 {
  display: flex;
  justify-content: space-between; }
  .dlg-request .recurring .days {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px; }
    .dlg-request .recurring .days .day {
      display: flex;
      align-items: center; }
      .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; }

.dlg-request-return-to-work section {
  margin: 20px 0; }
  .dlg-request-return-to-work section > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px; }
    .dlg-request-return-to-work section > header h4 {
      margin: 0;
      font-weight: bold; }
.dlg-request-return-to-work .section-date-time .date-fields-container .form-container {
  margin-bottom: 10px; }
.dlg-request-return-to-work .section-date-time .day-details-container {
  margin-top: 0;
  margin-bottom: 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-salmon {
  color: #f3836b; }

.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;
  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; }

.ical-calendars img {
  height: 24px;
  margin-right: 2px; }
.ical-calendars .copy-button {
  font-size: 21px; }

/* 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 */