@charset "UTF-8";

/*
TimesheetCopyright
*/

@import"https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";/*Default theme - blue*/
:root {
  --bg900: #0D47A1;
  --bg800: #1565C0;
  --bg700: #1976D2;
  --bg600: #1D88E4;
  --bg500: #2196F3;
  --bg400: #42A6F5;
  --bg300: #64B6F7;
  --bg200: #90CBF9;
  --bg100: #BCE0FB;
  --bg50: #E4F2FE;
  --fg900: #FFF;
  --fg800: #FFF;
  --fg700: #FFF;
  --fg600: #FFF;
  --fg500: #FFF;
  --fg400: #FFF;
  --fg300: #222;
  --fg200: #222;
  --fg100: #222;
  --fg50: #222;
}[data-ux4-view=adminHome]{padding:0 !important}[data-ux4-view=adminHome] .cont_adminHome{position:relative;margin:0 auto 0 auto;max-width:850px}[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.5rem}[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=application],[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=attendance],[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=calendar],[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=timesheet]{border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=application] > .label,[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=attendance] > .label,[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=calendar] > .label,[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=timesheet] > .label{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=application] > .content > .element,[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=attendance] > .content > .element,[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=calendar] > .content > .element,[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=timesheet] > .content > .element{padding:1rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=application] > .content > .element [data-ux4-widget=UX4MenuItem],[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=attendance] > .content > .element [data-ux4-widget=UX4MenuItem],[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=calendar] > .content > .element [data-ux4-widget=UX4MenuItem],[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=timesheet] > .content > .element [data-ux4-widget=UX4MenuItem]{width:27.85rem;border-radius:5px}[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=application] > .content > .element [data-ux4-widget=UX4MenuItem] i,[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=attendance] > .content > .element [data-ux4-widget=UX4MenuItem] i,[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=calendar] > .content > .element [data-ux4-widget=UX4MenuItem] i,[data-ux4-view=adminHome] [data-ux4-widget-name=adminHomeForm] .ux4form-main-container [data-ux4-widget-name=timesheet] > .content > .element [data-ux4-widget=UX4MenuItem] i{color:var(--ux4app-header-nav-hover-bg) !important}[data-ux4-view=adminAppConfig]{padding:0 !important}[data-ux4-view=adminAppConfig] [data-ux4-widget-name=appConfigForm]{max-width:1200px;margin:0 auto}[data-ux4-view=adminAppConfig] [data-ux4-widget-name=appConfigForm] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}[data-ux4-view=adminAppConfig] [data-ux4-widget-name=appConfigForm] .ux4form-main-container > [data-ux4-widget=UX4Container]{border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[data-ux4-view=adminAppConfig] [data-ux4-widget-name=appConfigForm] .ux4form-main-container > [data-ux4-widget=UX4Container] > .label{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=adminAppConfig] [data-ux4-widget-name=appConfigForm] .ux4form-main-container > [data-ux4-widget=UX4Container] > .content > .element{padding:1rem}[data-ux4-view=adminAppGroup]{padding:0 !important}[data-ux4-view=adminAppGroup] .groupEl{position:relative;margin:0 auto 0 auto;max-width:850px}[data-ux4-view=adminAppGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.5rem}[data-ux4-view=adminAppGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=detailsCont],[data-ux4-view=adminAppGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=permissionsCont],[data-ux4-view=adminAppGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=usersCont]{border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[data-ux4-view=adminAppGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=detailsCont] > .content > .element,[data-ux4-view=adminAppGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=usersCont] > .content > .element{padding:1rem}[data-ux4-view=adminAppGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=detailsCont] > .label,[data-ux4-view=adminAppGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=permissionsCont] > .label,[data-ux4-view=adminAppGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=usersCont] > .label{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=adminAppGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=permissionsCont] > .content > .element [data-ux4-widget-name=permissions] [data-ux4-select-dropdown=permissions_dropdown]{border:none}[data-ux4-view=adminAppGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=usersCont] > .content > .element [data-ux4-widget-name=edit]{position:absolute;top:1rem;right:1rem}[data-ux4-view=adminAppGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=usersCont] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element{padding-right:5rem;width:100%;gap:.2rem;-ms-flex-wrap:wrap;flex-wrap:wrap}[data-ux4-view=adminAppGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=usersCont] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > h4{width:100%;text-align:center}[data-ux4-view=adminAppGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=usersCont] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element .avatar{margin:2px;display:-ms-inline-flexbox;display:inline-flex;border:1px solid var(--hol-accent)}[data-ux4-view=adminAppGroups] [data-ux4-widget-name=groupsDatagrid]{position:absolute;top:0;left:0;right:0;bottom:0}[data-ux4-view=adminAppLocation]{padding:0 !important}[data-ux4-view=adminAppLocation] .locationEl{position:relative;margin:0 auto 0 auto;max-width:800px}[data-ux4-view=adminAppLocation] [data-ux4-widget-name=locationForm] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.5rem}[data-ux4-view=adminAppLocation] [data-ux4-widget-name=locationForm] .ux4form-main-container [data-ux4-widget-name=details],[data-ux4-view=adminAppLocation] [data-ux4-widget-name=locationForm] .ux4form-main-container [data-ux4-widget-name=users]{border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[data-ux4-view=adminAppLocation] [data-ux4-widget-name=locationForm] .ux4form-main-container [data-ux4-widget-name=details] > .content > .element,[data-ux4-view=adminAppLocation] [data-ux4-widget-name=locationForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element{padding:1rem}[data-ux4-view=adminAppLocation] [data-ux4-widget-name=locationForm] .ux4form-main-container [data-ux4-widget-name=details] > .label,[data-ux4-view=adminAppLocation] [data-ux4-widget-name=locationForm] .ux4form-main-container [data-ux4-widget-name=users] > .label{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=adminAppLocation] [data-ux4-widget-name=locationForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=edit]{position:absolute;top:1rem;right:1rem}[data-ux4-view=adminAppLocation] [data-ux4-widget-name=locationForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element{padding-right:5rem;width:100%;gap:.2rem;-ms-flex-wrap:wrap;flex-wrap:wrap}[data-ux4-view=adminAppLocation] [data-ux4-widget-name=locationForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > .isNew{padding:.5rem 2rem;margin:0 auto;border-radius:5px;border:1px solid #e9be74;background-color:#fdf1dd;text-align:center}[data-ux4-view=adminAppLocation] [data-ux4-widget-name=locationForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > h4{width:100%;text-align:center}[data-ux4-view=adminAppLocation] [data-ux4-widget-name=locationForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element .avatar{margin:2px;display:-ms-inline-flexbox;display:inline-flex;border:1px solid var(--hol-accent)}[data-ux4-view=adminAppLocations] [data-ux4-widget-name=locationsDatagrid]{position:absolute;top:0;left:0;right:0;bottom:0}[data-ux4-view=adminAppTeam]{padding:0 !important}[data-ux4-view=adminAppTeam] .teamEl{position:relative;margin:0 auto 0 auto;max-width:850px}[data-ux4-view=adminAppTeam] [data-ux4-widget-name=teamForm] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.5rem}[data-ux4-view=adminAppTeam] [data-ux4-widget-name=teamForm] .ux4form-main-container [data-ux4-widget-name=detailsCont],[data-ux4-view=adminAppTeam] [data-ux4-widget-name=teamForm] .ux4form-main-container [data-ux4-widget-name=usersCont]{border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[data-ux4-view=adminAppTeam] [data-ux4-widget-name=teamForm] .ux4form-main-container [data-ux4-widget-name=detailsCont] > .content > .element,[data-ux4-view=adminAppTeam] [data-ux4-widget-name=teamForm] .ux4form-main-container [data-ux4-widget-name=usersCont] > .content > .element{padding:1rem}[data-ux4-view=adminAppTeam] [data-ux4-widget-name=teamForm] .ux4form-main-container [data-ux4-widget-name=detailsCont] > .label,[data-ux4-view=adminAppTeam] [data-ux4-widget-name=teamForm] .ux4form-main-container [data-ux4-widget-name=usersCont] > .label{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=adminAppTeam] [data-ux4-widget-name=teamForm] .ux4form-main-container [data-ux4-widget-name=usersCont] > .content > .element [data-ux4-widget-name=edit]{position:absolute;top:1rem;right:1rem}[data-ux4-view=adminAppTeam] [data-ux4-widget-name=teamForm] .ux4form-main-container [data-ux4-widget-name=usersCont] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element{padding-right:5rem;width:100%;gap:.2rem;-ms-flex-wrap:wrap;flex-wrap:wrap}[data-ux4-view=adminAppTeam] [data-ux4-widget-name=teamForm] .ux4form-main-container [data-ux4-widget-name=usersCont] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > h4{width:100%;text-align:center}[data-ux4-view=adminAppTeam] [data-ux4-widget-name=teamForm] .ux4form-main-container [data-ux4-widget-name=usersCont] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element .avatar{margin:2px;display:-ms-inline-flexbox;display:inline-flex;border:1px solid var(--hol-accent)}[data-ux4-view=adminAppTeams]{height:100%;width:100%}[data-ux4-view=adminAppTeams] #admin-teams{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}[data-ux4-view=adminAppTeams] #admin-teams #teamsForm{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}[data-ux4-view=adminAppTeams] #admin-teams #teamsForm [data-ux4-widget-name=teamManagementContainer]{min-height:175px}[data-ux4-view=adminAppTeams] #admin-teams #teamsForm [data-ux4-widget-name=teamManagementContainer] .content .label{width:100px}[data-ux4-view=adminAppTeams] #admin-teams #teamMembersDiv{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1}[data-ux4-view=adminAppTeams] #admin-teams #teamMembersDiv [data-ux4-widget-name=teamMemberManagementContainer]{min-height:175px}[data-ux4-view=adminAppTeams] #admin-teams #teamMembersDiv [data-ux4-widget-name=teamMemberManagementContainer] .content .label{width:110px}[data-ux4-view=adminAppTeams] #admin-teams #hiddenDiv{display:-ms-flexbox;display:flex;-ms-flex:3;flex:3}[data-ux4-view=adminAppTeams] [data-ux4-widget-name=teamsDataTableWidget]{height:40em;width:300px;margin-top:16px;border:1px solid var(--ux4-border-color)}[data-ux4-view=adminAppTeams] [data-ux4-widget-name=teamMembersDataTableWidget]{height:40em;width:400px;margin-top:16px;border:1px solid var(--ux4-border-color)}[data-ux4-view=adminAppUsers]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem;max-width:1200px;margin:0 auto;height:100%}[data-ux4-view=adminAppUsers] > .cont_usersList{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;width:25rem;border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[data-ux4-view=adminAppUsers] > .cont_usersList > .title{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=adminAppUsers] > .cont_usersList > .list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;list-style:none;padding:0;overflow-y:auto}[data-ux4-view=adminAppUsers] > .cont_usersList > .list > .noUsers{margin:auto;font-style:italic;font-size:1.25rem}[data-ux4-view=adminAppUsers] > .cont_usersList > .list > .user{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-ms-flex-align:center;align-items:center;padding:.5rem 1rem;border:1px solid transparent;box-sizing:border-box}[data-ux4-view=adminAppUsers] > .cont_usersList > .list > .user > .avatar{border:1px solid var(--hol-accent)}[data-ux4-view=adminAppUsers] > .cont_usersList > .list > .user > .name{-ms-flex-positive:1;flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:pre-wrap}[data-ux4-view=adminAppUsers] > .cont_usersList > .list > .user > [data-ux4-widget-name=removeUser] button{border-color:transparent;border-radius:.5rem;background:unset;opacity:.5;color:#ba000d}[data-ux4-view=adminAppUsers] > .cont_usersList > .list > .user > [data-ux4-widget-name=removeUser] button:focus{border-color:transparent}[data-ux4-view=adminAppUsers] > .cont_usersList > .list > .user > [data-ux4-widget-name=removeUser]:hover button{opacity:1;border-color:#ba000d;background:#ffe6e8}[data-ux4-view=adminAppUsers] > .cont_usersList > .list > .user:hover{cursor:pointer;background-color:var(--bg100);border-color:var(--bg100)}[data-ux4-view=adminAppUsers] > .cont_usersList > .list > .user.selected{border-color:var(--bg600);background-color:var(--bg400)}[data-ux4-view=adminAppUsers] > .cont_user{-ms-flex-positive:1;flex-grow:1;border-left:1px solid var(--ux4-border-color);padding:0 1rem}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container{padding:0 !important;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;overflow:hidden}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=info] .element{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.25rem;box-sizing:border-box;-ms-flex-align:center;align-items:center;text-align:center;padding:1rem 1rem 0 1rem}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=info] .element > .userHeaderTitle{font-size:3rem;color:var(--ux4-heading-fg)}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties]{overflow:auto}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;padding:0 !important}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=account],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=securityGroups],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem]{border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=account] > .label,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=account] > .wrapper > .label,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=securityGroups] > .label,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=securityGroups] > .wrapper > .label,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .label,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .wrapper > .label,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .label,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .wrapper > .label{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=account] > .content > .element,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:1rem}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=account] > .content > .element [data-ux4-widget-name=account1] .element,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=account] > .content > .element [data-ux4-widget-name=account2] .element,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=account1] .element,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=account2] .element,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .content > .element [data-ux4-widget-name=account1] .element,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .content > .element [data-ux4-widget-name=account2] .element{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=account] > .content > .element [data-ux4-widget-name=account1] .element [data-ux4-widget=UX4Select],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=account] > .content > .element [data-ux4-widget-name=account1] .element [data-ux4-widget=UX4NumericInput],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=account] > .content > .element [data-ux4-widget-name=account1] .element [data-ux4-widget=UX4CheckBox],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=account] > .content > .element [data-ux4-widget-name=account1] .element [data-ux4-widget=UX4Input],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=account] > .content > .element [data-ux4-widget-name=account2] .element [data-ux4-widget=UX4Select],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=account] > .content > .element [data-ux4-widget-name=account2] .element [data-ux4-widget=UX4NumericInput],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=account] > .content > .element [data-ux4-widget-name=account2] .element [data-ux4-widget=UX4CheckBox],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=account] > .content > .element [data-ux4-widget-name=account2] .element [data-ux4-widget=UX4Input],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=account1] .element [data-ux4-widget=UX4Select],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=account1] .element [data-ux4-widget=UX4NumericInput],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=account1] .element [data-ux4-widget=UX4CheckBox],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=account1] .element [data-ux4-widget=UX4Input],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=account2] .element [data-ux4-widget=UX4Select],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=account2] .element [data-ux4-widget=UX4NumericInput],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=account2] .element [data-ux4-widget=UX4CheckBox],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=account2] .element [data-ux4-widget=UX4Input],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .content > .element [data-ux4-widget-name=account1] .element [data-ux4-widget=UX4Select],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .content > .element [data-ux4-widget-name=account1] .element [data-ux4-widget=UX4NumericInput],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .content > .element [data-ux4-widget-name=account1] .element [data-ux4-widget=UX4CheckBox],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .content > .element [data-ux4-widget-name=account1] .element [data-ux4-widget=UX4Input],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .content > .element [data-ux4-widget-name=account2] .element [data-ux4-widget=UX4Select],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .content > .element [data-ux4-widget-name=account2] .element [data-ux4-widget=UX4NumericInput],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .content > .element [data-ux4-widget-name=account2] .element [data-ux4-widget=UX4CheckBox],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .content > .element [data-ux4-widget-name=account2] .element [data-ux4-widget=UX4Input]{-ms-flex-positive:1;flex-grow:1;min-width:16rem;-ms-flex-preferred-size:49.5%;flex-basis:49.5%}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=securityGroups] > .wrapper > .content > .inner > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;padding:1rem}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=securityGroups] > .wrapper > .content > .inner > .element > [data-ux4-widget-name=editSecGroups]{width:5rem}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=securityGroups] > .wrapper > .content > .inner > .element > .groupsList{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;gap:.5rem;margin:0;padding:0}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=securityGroups] > .wrapper > .content > .inner > .element > .groupsList > .noSecurityGroups{margin:auto;font-style:italic;font-size:1.25rem}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=securityGroups] > .wrapper > .content > .inner > .element > .groupsList > .cont_group{border:1px solid var(--bg300);padding:.5rem 1rem;border-radius:50px;background-color:var(--bg100)}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .label::before,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .label::before{right:1rem}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem]:not(.collapsed) > .content > .element,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem]:not(.collapsed) > .content > .element{display:-ms-flexbox !important;display:flex !important}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=calendarSystem1] > .content > .element,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=calendarSystem2] > .content > .element,[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=dailyHours] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=calendarSystem1] [data-ux4-widget-name=peopleHrID]{width:49.5%}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=calendarSystem2] .content > .element [data-ux4-widget=UX4Select],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=calendarSystem2] .content > .element [data-ux4-widget=UX4NumericInput],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=calendarSystem2] .content > .element [data-ux4-widget=UX4CheckBox],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=calendarSystem2] .content > .element [data-ux4-widget=UX4Input],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=dailyHours] .content > .element [data-ux4-widget=UX4Select],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=dailyHours] .content > .element [data-ux4-widget=UX4NumericInput],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=dailyHours] .content > .element [data-ux4-widget=UX4CheckBox],[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=calendarSystem] > .content > .element [data-ux4-widget-name=dailyHours] .content > .element [data-ux4-widget=UX4Input]{-ms-flex-preferred-size:49.5%;flex-basis:49.5%}[data-ux4-view=adminAppUsers] > .cont_user .ux4form-main-container [data-ux4-widget-name=properties] > .content > .element [data-ux4-widget-name=timesheetSystem] > .content > .element [data-ux4-widget-name=weeklyHours]{width:49.5%}@media(max-width: 1000px){[data-ux4-view=adminAppUsers]{-ms-flex-direction:column;flex-direction:column}[data-ux4-view=adminAppUsers] > .cont_usersList{width:unset}[data-ux4-view=adminAppUsers] > .cont_usersList > .list{-ms-flex-direction:row;flex-direction:row}[data-ux4-view=adminAppUsers] > .cont_usersList > .list > .user{border-radius:.25rem}[data-ux4-view=adminAppUsers] > .cont_usersList > .list > .user > .name{display:none}[data-ux4-view=adminAppUsers] > .cont_usersList > .list > .user > [data-ux4-widget-name=removeUser]{display:none}[data-ux4-view=adminAppUsers] > .cont_user{border-color:transparent;overflow-y:auto;scrollbar-gutter:stable both-edges}}[data-ux4-view=adminAttendanceGroups] [data-ux4-widget-name=reportsDatagrid]{position:absolute;top:0;left:0;right:0;bottom:0}[data-ux4-view=adminAttendanceGroup]{padding:0 !important}[data-ux4-view=adminAttendanceGroup] .reportEl{position:relative;margin:0 auto 0 auto;max-width:800px}[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.5rem}[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=details],[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=authorisers],[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=users]{border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=details] > .content > .element,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=authorisers] > .content > .element,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element{padding:1rem}[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=details] > .label,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=authorisers] > .label,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=users] > .label{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=authorisers] > .content > .element [data-ux4-widget-name=editAuthorisers],[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=authorisers] > .content > .element [data-ux4-widget-name=editUsers],[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=editAuthorisers],[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=editUsers]{position:absolute;top:1rem;right:1rem}[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=authorisers] > .content > .element [data-ux4-widget-name=authorisersList] > .wrapper > .content > .inner > .element,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=authorisers] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=authorisersList] > .wrapper > .content > .inner > .element,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element{padding-right:5rem;width:100%;gap:.2rem;-ms-flex-wrap:wrap;flex-wrap:wrap}[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=authorisers] > .content > .element [data-ux4-widget-name=authorisersList] > .wrapper > .content > .inner > .element > .isNew,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=authorisers] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > .isNew,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=authorisersList] > .wrapper > .content > .inner > .element > .isNew,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > .isNew{padding:.5rem 2rem;margin:0 auto;border-radius:5px;border:1px solid #e9be74;background-color:#fdf1dd;text-align:center}[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=authorisers] > .content > .element [data-ux4-widget-name=authorisersList] > .wrapper > .content > .inner > .element > h4,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=authorisers] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > h4,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=authorisersList] > .wrapper > .content > .inner > .element > h4,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > h4{width:100%;text-align:center}[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=authorisers] > .content > .element [data-ux4-widget-name=authorisersList] > .wrapper > .content > .inner > .element .avatar,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=authorisers] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element .avatar,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=authorisersList] > .wrapper > .content > .inner > .element .avatar,[data-ux4-view=adminAttendanceGroup] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element .avatar{margin:2px;display:-ms-inline-flexbox;display:inline-flex;border:1px solid var(--hol-accent)}[data-ux4-view=addBankHolidays]{height:100%;width:100%}[data-ux4-view=addBankHolidays] .add-bank-holidays-wrapper{padding:1em}[data-ux4-view=addBankHolidays] .add-bank-holidays-wrapper [data-ux4-widget=UX4TextArea] .content #textarea1{height:19em}[data-ux4-view=adminCalendarBankHolidays]{height:100%;width:100%}[data-ux4-view=adminCalendarBankHolidays] .admin-holiday-entitlement{height:100%;width:100%}[data-ux4-view=adminCalendarBankHolidays] [data-ux4-widget-name=holUserID] .element{text-transform:uppercase !important}[data-ux4-view=adminCalendarBankHolidays] [data-ux4-widget-name=holidayEntitlementDataTable]{height:50em;width:600px;margin-top:16px;border:1px solid var(--ux4-border-color)}[data-ux4-view=adminCalendarGroups] [data-ux4-widget-name=groupsDatagrid]{position:absolute;top:0;left:0;right:0;bottom:0}[data-ux4-view=adminCalendarGroup]{padding:0 !important}[data-ux4-view=adminCalendarGroup] .groupEl{position:relative;margin:0 auto 0 auto;max-width:800px}[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.5rem}[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=details],[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers],[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users]{border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=details] > .content > .element,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers] > .content > .element,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element{padding:1rem}[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=details] > .label,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers] > .label,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users] > .label{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers] > .content > .element [data-ux4-widget-name=editApprovers],[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers] > .content > .element [data-ux4-widget-name=editUsers],[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=editApprovers],[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=editUsers]{position:absolute;top:1rem;right:1rem}[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers] > .content > .element [data-ux4-widget-name=approversList] > .wrapper > .content > .inner > .element,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=approversList] > .wrapper > .content > .inner > .element,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element{padding-right:5rem;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.25rem}[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers] > .content > .element [data-ux4-widget-name=approversList] > .wrapper > .content > .inner > .element > .isNew,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > .isNew,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=approversList] > .wrapper > .content > .inner > .element > .isNew,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > .isNew{padding:.5rem 2rem;margin:0 auto;border-radius:5px;border:1px solid #e9be74;background-color:#fdf1dd;text-align:center}[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers] > .content > .element [data-ux4-widget-name=approversList] > .wrapper > .content > .inner > .element > h4,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > h4,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=approversList] > .wrapper > .content > .inner > .element > h4,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > h4{width:100%;text-align:center}[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers] > .content > .element [data-ux4-widget-name=approversList] > .wrapper > .content > .inner > .element > .avatars,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > .avatars,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=approversList] > .wrapper > .content > .inner > .element > .avatars,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > .avatars{width:100%;gap:.2rem;-ms-flex-wrap:wrap;flex-wrap:wrap}[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers] > .content > .element [data-ux4-widget-name=approversList] > .wrapper > .content > .inner > .element > .avatars > .avatar,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=approvers] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > .avatars > .avatar,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=approversList] > .wrapper > .content > .inner > .element > .avatars > .avatar,[data-ux4-view=adminCalendarGroup] [data-ux4-widget-name=groupForm] .ux4form-main-container [data-ux4-widget-name=users] > .content > .element [data-ux4-widget-name=usersList] > .wrapper > .content > .inner > .element > .avatars > .avatar{margin:2px;display:-ms-inline-flexbox;display:inline-flex;border:1px solid var(--hol-accent)}[data-ux4-view=adminCalendarHolidayEntitlement]{padding:0 !important}[data-ux4-view=adminCalendarHolidayEntitlement] .holidayEntitlementEl{position:relative;margin:0 auto 0 auto;max-width:850px}[data-ux4-view=adminCalendarHolidayEntitlement] [data-ux4-widget-name=entitlementForm] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.5rem}[data-ux4-view=adminCalendarHolidayEntitlement] [data-ux4-widget-name=entitlementForm] .ux4form-main-container [data-ux4-widget-name=detailsCont]{border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[data-ux4-view=adminCalendarHolidayEntitlement] [data-ux4-widget-name=entitlementForm] .ux4form-main-container [data-ux4-widget-name=detailsCont] > .content > .element{padding:1rem}[data-ux4-view=adminCalendarHolidayEntitlement] [data-ux4-widget-name=entitlementForm] .ux4form-main-container [data-ux4-widget-name=detailsCont] > .content > .element [data-ux4-widget-name=cont_holidays] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem;-ms-flex-pack:center;justify-content:center}[data-ux4-view=adminCalendarHolidayEntitlement] [data-ux4-widget-name=entitlementForm] .ux4form-main-container [data-ux4-widget-name=detailsCont] > .content > .element [data-ux4-widget-name=cont_holidays] > .content > .element [data-ux4-widget-name=holidays]{-ms-flex-positive:1;flex-grow:1}[data-ux4-view=adminCalendarHolidayEntitlement] [data-ux4-widget-name=entitlementForm] .ux4form-main-container [data-ux4-widget-name=detailsCont] > .content > .element [data-ux4-widget-name=cont_holidays] > .content > .element [data-ux4-widget-name=sync]{margin-top:auto}[data-ux4-view=adminCalendarHolidayEntitlement] [data-ux4-widget-name=entitlementForm] .ux4form-main-container [data-ux4-widget-name=detailsCont] > .content > .element [data-ux4-widget-name=cont_holidays] > .content > .element [data-ux4-widget-name=sync] > button{padding:3px .5rem}[data-ux4-view=adminCalendarHolidayEntitlement] [data-ux4-widget-name=entitlementForm] .ux4form-main-container [data-ux4-widget-name=detailsCont] > .label{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=adminHolidayEntitlements]{padding:0 !important}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm]{position:relative;margin:0 auto 0 auto;max-width:1200px}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container > [data-ux4-widget-name=content] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupSelectorWapper],[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupUsers],[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears]{border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupSelectorWapper] > .label,[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupUsers] > .label,[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears] > .label{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupSelectorWapper] > .content > .element,[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears] > .content > .element{padding:1rem}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupUsers]{width:35%}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupUsers] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.25rem;padding:1rem 0;box-sizing:border-box;overflow:auto}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupUsers] > .content > .element > .noUsers{margin:auto;font-style:italic;font-size:1.25rem}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupUsers] > .content > .element > .cont_user{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-ms-flex-align:center;align-items:center;padding:.5rem 1rem;border:1px solid transparent;box-sizing:border-box}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupUsers] > .content > .element > .cont_user > .avatar{border:1px solid var(--hol-accent)}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupUsers] > .content > .element > .cont_user > .name{text-overflow:ellipsis;overflow:hidden;white-space:pre-wrap}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupUsers] > .content > .element > .cont_user:hover{cursor:pointer;background-color:var(--bg100);border-color:var(--bg100)}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupUsers] > .content > .element > .cont_user.selected{border-color:var(--bg600);background-color:var(--bg400)}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears]{width:65%}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears] > .content > .element [data-ux4-widget-name=addEntitlement]{width:6rem}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears] > .content > .element > .noEntitlement{margin:auto;font-style:italic;font-size:1.25rem}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears] > .content > .element > .cont_allEntitlements{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears] > .content > .element > .cont_allEntitlements > .cont_entitlement{width:8rem;height:3rem;display:-ms-flexbox;display:flex;border-radius:50px;border:1px solid var(--bg900);background-color:var(--bg700);color:var(--fg700);padding:.3rem 1rem;box-sizing:border-box;text-align:center;font-size:1.05rem;-ms-flex-align:center;align-items:center}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears] > .content > .element > .cont_allEntitlements > .cont_entitlement > span{margin:auto;text-decoration:underline}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears] > .content > .element > .cont_allEntitlements > .cont_entitlement > [data-ux4-widget-name=remove]{height:2rem}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears] > .content > .element > .cont_allEntitlements > .cont_entitlement > [data-ux4-widget-name=remove] > button{height:2rem;background:none;border:none;border-radius:50px;color:var(--ux4form-error-text);display:-ms-flexbox;display:flex}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears] > .content > .element > .cont_allEntitlements > .cont_entitlement > [data-ux4-widget-name=remove] > button > .icon{margin:auto}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears] > .content > .element > .cont_allEntitlements > .cont_entitlement:hover{cursor:pointer;border-color:var(--bg500);background-color:var(--bg100);color:var(--fg100)}[data-ux4-view=adminHolidayEntitlements] > .holiday-entitlements-wrapper.noGroups{display:-ms-flexbox;display:flex}[data-ux4-view=adminHolidayEntitlements] > .holiday-entitlements-wrapper.noGroups > .message{margin:5em auto auto auto;font-style:italic;font-size:1.25rem}@media(max-width: 800px){[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=content] > .content > .element{-ms-flex-direction:column;flex-direction:column}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupUsers]{width:unset}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupUsers] > .content > .element{-ms-flex-direction:row;flex-direction:row}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupUsers] > .content > .element > .cont_user{border-radius:.25rem}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=groupUsers] > .content > .element > .cont_user > .name{display:none}[data-ux4-view=adminHolidayEntitlements] > [data-ux4-widget-name=entitlementsForm] .ux4form-main-container [data-ux4-widget-name=userYears]{width:unset}}[data-ux4-view=product] .productEl{position:relative;margin:0 auto 0 auto;max-width:350px}[data-ux4-view=products] [data-ux4-widget-name=productsDatagrid]{position:absolute;top:0;left:0;right:0;bottom:0}[data-ux4-view=workType] .workTypeEl{position:relative;margin:0 auto 0 auto;max-width:350px}[data-ux4-view=workTypes] [data-ux4-widget-name=workTypesDatagrid]{position:absolute;top:0;left:0;right:0;bottom:0}#ux4-app-header{background:#0d47a1;background:linear-gradient(90deg, #0d47a1 35%, #2196f3 100%)}#ux4-app-header-menu{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#ux4-app-header-menu > *{display:block !important}.avatar{border-radius:50% 50%;border-width:0;background-position:center;background-size:cover;box-sizing:border-box;background-image:url("/resources/images/user.jpg")}.avatar.small{width:30px;height:30px;min-width:30px}.avatar.small-medium{height:35px;width:35px;min-width:35px}.avatar.medium{width:50px;height:50px;min-width:50px}.avatar.size75{width:75px;height:75px;min-width:75px}.avatar.size100{width:100px;height:100px;min-width:100px}.avatar.large{width:140px;height:140px;min-width:140px}[data-component=holidayTable] .ux4datagrid{border-radius:5px}[data-component=holidayTable] .ux4datagrid-headerpanel,[data-component=holidayTable] .header{font-weight:bold}[data-component=holidayTable] .ux4datagrid-col,[data-component=holidayTable] .cell{font-family:"Roboto Mono";font-size:.9em}.fg-red{color:red}.fg-green{color:green}.ux4dialog{border-radius:5px !important}.ux4dialog-titlebar{border-radius:5px 5px 0 0 !important}@keyframes flash-bg{0%{opacity:1}100%{opacity:.4}}[data-ux4-view=error] .cont_errorEl{padding:20px}[data-ux4-view=headermenu]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}[data-ux4-view=headermenu] > *{display:block !important}[data-ux4-view=headermenu] .avatar{margin-right:.5em}[data-ux4-view=login] .ux4login-container{background-color:var(--ux4login-card-bg) !important}[data-ux4-view=login] .ux4login-card{box-shadow:none !important}[data-ux4-view=login] .ux4login-card > .cont_wrapper{display:-ms-flexbox;display:flex;margin-bottom:1rem;gap:1rem;-ms-flex-align:center;align-items:center}[data-ux4-view=login] .ux4login-card > .cont_wrapper > .google{margin:0 0 0 auto}[data-ux4-view=login] .ux4login-card > .cont_wrapper > .title{margin:0 auto 0 0;color:#555;font:1.5rem arial,helvetica,sans-serif;text-shadow:0 1px 0 rgba(255,255,255,.9);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-ux4-view=login] .ux4login-card [data-ux4-widget-name=loading] .progress-element{border-radius:5px;height:.7rem !important;border:none !important}[data-ux4-view=login] .ux4login-card .login-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;opacity:0;width:0;height:0}[data-ux4-view=login] .ux4login-card .login-button .button{display:inline-block;*display:inline;zoom:1;padding:6px 20px;margin:0;cursor:pointer;border:1px solid #bbb;overflow:visible;font:bold 13px arial,helvetica,sans-serif;text-decoration:none;white-space:nowrap;color:#555;background-color:#ddd;background-image:linear-gradient(top, white, rgba(255, 255, 255, 0));transition:background-color .2s ease-out;background-clip:padding-box;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 2px -1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.3) inset;text-shadow:0 1px 0 rgba(255,255,255,.9);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-ux4-view=login] .ux4login-card .login-button .button:hover{background-color:#eee;color:#555}[data-ux4-view=login] .ux4login-card .login-button .button:active{background:#e9e9e9;position:relative;top:1px;text-shadow:none;box-shadow:0 1px 1px rgba(0,0,0,.3) inset}#ux4-app-sidebar-header{margin:0 0 2em 0 !important}#ux4-app-sidebar-header #ux4-app-sidebar-header-logo img{max-width:98% !important}[data-ux4-view=navigation][data-ux4-widget-name=navtree] .tree-node-contents > .tree-node > .attention-icon{display:inline-block;position:absolute;top:0;bottom:0;height:2em;width:2em;margin:auto;line-height:2rem;color:#f44336;animation:flash-bg .75s infinite alternate}#security-groups-select [data-ux4-widget-name=groupsDatagrid]{position:absolute;top:0;left:0;right:0;bottom:0}#security-groups-select [data-ux4-widget-name=groupsDatagrid] .ux4datagrid-headerpanel .ux4datagrid-headerrow{height:40px !important}#security-groups-select [data-ux4-widget-name=groupsDatagrid] .ux4datagrid-row{pointer-events:none}#security-groups-select [data-ux4-widget-name=groupsDatagrid] .col-row-select{pointer-events:all !important}#select-users [data-ux4-widget-name=usersDataTable]{position:absolute;top:0;left:0;right:0;bottom:0}#select-users [data-ux4-widget-name=usersDataTable] .header .column-header[data-column=name]{padding-left:1rem;padding-right:1rem}#select-users [data-ux4-widget-name=usersDataTable] .header .column-header[data-column=name] > .separator{display:none}#select-users [data-ux4-widget-name=usersDataTable] .header .column-header[data-column=name] > [data-ux4-widget=UX4QueryBuilder] .group[data-level="0"] > .rules > .rule > [data-ux4-widget-name=comparator]{display:none}#select-users [data-ux4-widget-name=usersDataTable] .ux4datatable-row{min-width:100%;border-bottom:1px solid #efefef}#select-users [data-ux4-widget-name=usersDataTable] .ux4datatable-row .cell{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem;box-sizing:border-box;padding:6px 1rem;height:100%;-ms-flex-align:center;align-items:center}#select-users [data-ux4-widget-name=usersDataTable] .pinned-headers,#select-users [data-ux4-widget-name=usersDataTable] .ux4datatable-pinned{border-right-width:0 !important}[data-ux4-view=unauthorised] .cont_error{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}[data-ux4-view=unauthorised] .cont_error > .title{margin:auto auto 0;box-sizing:border-box}[data-ux4-view=unauthorised] .cont_error > .title > h1{font-weight:500}[data-ux4-view=unauthorised] .cont_error > .message{margin:0 auto auto auto;padding:1.5em 2em;box-sizing:border-box;text-align:center;border-top:solid 1px var(--ux4-border-color)}[data-ux4-view=unauthorised] .cont_error > .return-home{margin:0 auto auto;box-sizing:border-box}[data-ux4-view=attendance] > .cont_attendance{max-width:1200px;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}[data-ux4-view=attendance] > .cont_attendance > .status{display:-ms-flexbox;display:flex}[data-ux4-view=attendance] > .cont_attendance > .status > .cont_status{margin:0 auto;padding:.25rem 1rem;color:#fdfdfd;background-color:#d3382d;border-radius:.25rem;border:1px solid transparent;text-align:center}[data-ux4-view=attendance] > .cont_attendance > .status > .cont_status.all-good{background-color:#297f2d}[data-ux4-view=attendance] > .cont_attendance > .status > .cont_status.future-draft{background-color:#fdf1dd;border-color:#e9be74;color:#222}[data-ux4-view=attendance] > .cont_attendance > .status > .cont_status.read-only{background-color:#fdf1dd;border-color:#e9be74;color:#222}[data-ux4-view=attendance] > .cont_attendance > .status > .cont_status .fa-lock{padding-right:.5em}[data-ux4-view=attendance] > .cont_attendance > .attendance{border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;padding:1rem}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_dates{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5em;-ms-flex-align:center;align-items:center;color:var(--ux4-heading-fg)}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_dates > i,[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_dates > [data-ux4-widget-name=datePicker] input{font-size:3em}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_dates > [data-ux4-widget-name=datePicker]{-ms-flex:1 0;flex:1 0}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_dates > [data-ux4-widget-name=datePicker] input{-ms-flex-positive:1;flex-grow:1;height:unset;color:var(--ux4-heading-fg);text-align:center;border:0;caret-color:transparent;cursor:pointer}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_dates > [data-ux4-widget-name=datePicker] input:focus{outline-width:1px;outline-offset:-1px;outline-style:solid;outline-color:var(--ux4-focus-outline)}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_dates > i{cursor:pointer;-ms-flex-positive:0;flex-grow:0}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_header{display:-ms-grid;display:grid;-ms-grid-columns:13rem auto auto;grid-template-columns:13rem auto auto;background-color:var(--hol-accent);color:var(--fg900);border-radius:8px;column-gap:1rem}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_header > .header{padding:8px;text-align:center}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_body{display:-ms-grid;display:grid;-ms-grid-columns:13rem auto auto;grid-template-columns:13rem auto auto;row-gap:1rem;column-gap:1rem}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_body > .cell{padding:8px;text-align:center}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_body > .cell.day{background-color:#f0f0f0;border-radius:8px}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_body > [data-ux4-widget=UX4Select] .label{display:none}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_body > [data-ux4-widget=UX4Select] input{height:unset !important;border-radius:8px;padding-top:8px;padding-bottom:8px;padding-left:8px;background-color:var(--bg50)}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_body > [data-ux4-widget=UX4Select] .dropdown-arrow{top:5px}[data-ux4-view=attendance] > .cont_attendance > .attendance > .content > .cont_body > [data-ux4-widget=UX4Select].disabled input{background-color:var(--ux4form-disabled-textbox-bg)}[data-ux4-view=attendance] > .cont_attendance > .attendance > [data-ux4-widget-name=additionalComments]{padding:0 1rem 1rem 1rem}[data-ux4-view=attendance] > .cont_attendance > .attendance > [data-ux4-widget-name=additionalComments] textarea{height:5.25rem;border-radius:.25rem}[data-ux4-view=attendance] > .cont_attendance > .attendance.read-only > .content > .cont_header{background-color:var(--ux4-toolbar-bg) !important;color:var(--ux4-toolbar-fg) !important}@media(max-width: 800px){#ux4-app-main-region:has(> [data-ux4-view=attendance]) #ux4-app-view-toolbar > .ux4-action-hub-menu{overflow-x:auto}#ux4-app-main-region:has(> [data-ux4-view=attendance]) #ux4-app-view-toolbar .ux4-action-hub-action{-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}#ux4-app-main-region:has(> [data-ux4-view=attendance]) #ux4-app-view-toolbar .ux4-action-hub-action > .ux4-action-hub-action-text{margin-left:0;font-size:.8rem}.cont_attendance > .attendance > .content > .cont_dates{font-size:.7rem}.cont_attendance > .attendance > .content > .cont_header{display:none !important}.cont_attendance > .attendance > .content > .cont_body{-ms-grid-columns:unset !important;grid-template-columns:unset !important}.cont_attendance > .attendance > .content > .cont_body > .cell.day{border:2px solid var(--ux4-border-color) !important;font-weight:bold !important}.cont_attendance > .attendance > .content > .cont_body > [data-ux4-widget=UX4Select] .wrapper{-ms-flex-direction:row !important;flex-direction:row !important;gap:1rem}.cont_attendance > .attendance > .content > .cont_body > [data-ux4-widget=UX4Select] .wrapper > .label{display:inline-block !important;line-height:2rem}}@media(min-width: 801px){#ux4-app-main-region:has(> [data-ux4-view=attendance]) #ux4-app-view-toolbar [action=forward]{-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:8px}#ux4-app-main-region:has(> [data-ux4-view=attendance]) #ux4-app-view-toolbar [action=forward] > .ux4-action-hub-action-text{margin-left:0}}[data-ux4-view=defaultAttendance] [data-ux4-widget-name=defaultAttendance] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}[data-ux4-view=defaultAttendance] [data-ux4-widget-name=defaultAttendance] .ux4form-main-container [data-ux4-widget=UX4Container]{border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[data-ux4-view=defaultAttendance] [data-ux4-widget-name=defaultAttendance] .ux4form-main-container [data-ux4-widget=UX4Container] > .label{background-color:var(--ux4-toolbar-bg);color:var(--ux4-toolbar-fg);border-bottom:1px solid var(--ux4-border-color);padding:.25rem .75rem;font-weight:normal}[data-ux4-view=defaultAttendance] [data-ux4-widget-name=defaultAttendance] .ux4form-main-container [data-ux4-widget=UX4Container] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:2rem;padding:1rem}[data-ux4-view=defaultAttendance] [data-ux4-widget-name=defaultAttendance] .ux4form-main-container [data-ux4-widget=UX4Container] > .content > .element > [data-ux4-widget=UX4Select]{-ms-flex-positive:1;flex-grow:1}[data-ux4-view=defaultAttendance] [data-ux4-widget-name=defaultAttendance] .ux4form-main-container [data-ux4-widget=UX4Container] > .content > .element > [data-ux4-widget=UX4Select] > .wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem}[data-ux4-view=defaultAttendance] [data-ux4-widget-name=defaultAttendance] .ux4form-main-container [data-ux4-widget=UX4Container] > .content > .element > [data-ux4-widget=UX4Select] > .wrapper > .label{width:3rem;background-color:#f0f0f0;border-radius:8px;padding:8px;text-align:center}[data-ux4-view=defaultAttendance] [data-ux4-widget-name=defaultAttendance] .ux4form-main-container [data-ux4-widget=UX4Container] > .content > .element > [data-ux4-widget=UX4Select] > .wrapper input{height:unset !important;border-radius:8px;padding-top:8px;padding-bottom:8px;padding-left:8px;background-color:var(--bg50)}[data-ux4-view=defaultAttendance] [data-ux4-widget-name=defaultAttendance] .ux4form-main-container [data-ux4-widget=UX4Container] > .content > .element > [data-ux4-widget=UX4Select] > .wrapper .dropdown-arrow{top:5px}#holiday-calendar-group-picker{max-width:40rem;min-width:20rem}[id=holidayBreakdown]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;padding:1rem;box-sizing:border-box}[id=holidayBreakdown] > .cont_user{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[id=holidayBreakdown] > .cont_user > span{font-size:1.4rem;color:var(--ux4-heading-fg);font-weight:600;white-space:break-spaces}[id=holidayBreakdown] > .cont_year{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-ms-flex-pack:center;justify-content:center;border-radius:50px 50px;background-color:var(--ux4-toolbar-bg);padding:.25rem 1.5rem;margin:0 auto;font-size:1.15rem}[id=holidayBreakdown] > .cont_year > .icon{font-size:1.1em;margin:auto 0}[id=holidayBreakdown] > .no-summary{margin:0 auto}[id=holidayBreakdown] > .entitlement{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[id=holidayBreakdown] > .entitlement > .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.5rem 1rem;color:var(--ux4-toolbar-fg);font-weight:normal}[id=holidayBreakdown] > .entitlement > .header > h4{margin:0}[id=holidayBreakdown] > .entitlement > .header > .icon{font-size:1.2rem;margin:auto 0;color:var(--bg900)}[id=holidayBreakdown] > .entitlement.cont_toil > .header > .icon{color:var(--bg500)}[id=holidayBreakdown] > .entitlement.cont_sick > .header > .icon{color:#f44336}[id=holidayBreakdown] > .entitlement > .entries{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.25rem;padding:1rem}[id=holidayBreakdown] > .entitlement > .entries > .entry{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem;-ms-flex-pack:justify;justify-content:space-between;padding:.25rem 1rem;margin:0 1rem;border-radius:.25rem;-ms-flex-align:center;align-items:center}[id=holidayBreakdown] > .entitlement > .entries > .entry.total-holiday-entitlement > .name,[id=holidayBreakdown] > .entitlement > .entries > .entry.total-used > .name,[id=holidayBreakdown] > .entitlement > .entries > .entry.available > .name,[id=holidayBreakdown] > .entitlement > .entries > .entry.entitlement > .name{font-weight:bold}[id=holidayBreakdown] > .entitlement > .entries > .entry.total-holiday-entitlement > .value,[id=holidayBreakdown] > .entitlement > .entries > .entry.total-used > .value,[id=holidayBreakdown] > .entitlement > .entries > .entry.available > .value,[id=holidayBreakdown] > .entitlement > .entries > .entry.entitlement > .value{color:var(--hol-accent)}[id=holidayBreakdown] > .entitlement > .entries > .entry:nth-child(even){background-color:var(--ux4-toolbar-bg)}[id=holidayBreakdown] > .entitlement > .entries > .entry > .value{font-weight:bold;white-space:nowrap}.holiday-calendar{border:1px solid var(--hol-accent);box-shadow:1px 1px 1px 1px var(--bg50);border-radius:.3125em;padding:1em;-ms-flex-positive:1;flex-grow:1;overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.4em}.holiday-calendar > .no-requests{display:-ms-flexbox;display:flex;height:100%;width:100%}.holiday-calendar > .no-requests > h4{margin:auto;font-style:italic}.holiday-calendar > .header{display:-ms-flexbox;display:flex;gap:.5em;-ms-flex-align:center;align-items:center;color:var(--ux4-heading-fg)}.holiday-calendar > .header > i,.holiday-calendar > .header > #holiday-calendar-date-picker{font-size:3em}.holiday-calendar > .header #holiday-calendar-date-picker{-ms-flex-positive:1;flex-grow:1;color:var(--ux4-heading-fg);text-align:center;border:0;caret-color:transparent;cursor:pointer}.holiday-calendar > .header > i{cursor:pointer;-ms-flex-positive:0;flex-grow:0}.holiday-calendar > .header > i.disabled{cursor:not-allowed;opacity:.7}.holiday-calendar > .header [data-ux4-widget-name=renderMode]{width:7.8em;min-width:7.8em}.holiday-calendar > .header [data-ux4-widget-name=renderMode] input{padding:.5em 2em;border-radius:50px 50px;height:unset !important;border-width:medium;border-color:var(--ux4-heading-fg)}.holiday-calendar > .header [data-ux4-widget-name=renderMode] .dropdown-arrow{margin:auto 0}.holiday-calendar > .header [data-ux4-widget-name=renderMode].has-focus input{border-color:var(--ux4-heading-fg)}.holiday-calendar > .period[data-render-mode=WEEK]{display:-ms-grid;display:grid;-ms-grid-columns:2fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;grid-gap:0}.holiday-calendar > .period[data-render-mode=WEEK] .c{outline:1px solid #dedede;height:6em}.holiday-calendar > .period[data-render-mode=WEEK] .c.can-add{cursor:pointer}.holiday-calendar > .period[data-render-mode=WEEK] .c.can-add:hover{outline:1px solid var(--hol-accent) !important}.holiday-calendar > .period[data-render-mode=WEEK] .c.wrong-year{background-color:#efefef;pointer-events:none}.holiday-calendar > .period[data-render-mode=WEEK] .c.current-day{background-color:var(--bg50)}.holiday-calendar > .period[data-render-mode=WEEK] .h{border:1px solid #dedede;border-top:0;text-align:center}.holiday-calendar > .period[data-render-mode=WEEK] .h:first-child{border-left:0}.holiday-calendar > .period[data-render-mode=WEEK] .h:nth-child(6){border-right:0}.holiday-calendar > .period[data-render-mode=WEEK] .h.current-day{box-shadow:inset 0 0 0 2px var(--hol-accent);border-radius:.3125em}.holiday-calendar > .period[data-render-mode=WEEK] .h.current-day > .date{color:var(--hol-accent)}.holiday-calendar > .period[data-render-mode=WEEK] .h .day-of-week{color:#888}.holiday-calendar > .period[data-render-mode=WEEK] .h .date{padding-left:.2em;font-size:1.5em;padding-left:.1em;font-weight:bold}.holiday-calendar > .period[data-render-mode=WEEK] .hol{height:3em;margin:0 .625em 1.5em .625em;z-index:2;position:relative;background-color:#fb8c00;opacity:.7;-ms-flex-item-align:end;-ms-grid-row-align:end;align-self:end;color:#623700;border-radius:.3125em;box-sizing:border-box}.holiday-calendar > .period[data-render-mode=WEEK] .hol.bank-hol{background-color:#a7c7e7;background-image:url("/resources/images/ukflag.png");background-repeat:no-repeat;background-size:2em;background-position:.5em center;cursor:default !important;z-index:3}.holiday-calendar > .period[data-render-mode=WEEK] .hol.bank-hol.d-1-1{background-image:url("/resources/images/fireworks.svg");background-size:2.5em}.holiday-calendar > .period[data-render-mode=WEEK] .hol.bank-hol.d-12-25,.holiday-calendar > .period[data-render-mode=WEEK] .hol.bank-hol.d-12-26{background-image:url("/resources/images/xmas.png");background-color:#ff746c;background-size:contain;background-position:.5em center}.holiday-calendar > .period[data-render-mode=WEEK] .hol.bank-hol.easter{background-image:url("/resources/images/easter.svg");background-position:.5em center;background-color:#ffee8c}.holiday-calendar > .period[data-render-mode=WEEK] .hol.approved{background-color:#7cb342;color:#2f4319}.holiday-calendar > .period[data-render-mode=WEEK] .hol.partial{border-radius:0;margin:0 0 1.5em 0}.holiday-calendar > .period[data-render-mode=WEEK] .hol.partial-start{border-radius:.3125em 0 0 .3125em;margin:0 0 1.5em .625em}.holiday-calendar > .period[data-render-mode=WEEK] .hol.partial-end{border-radius:0 .3125em .3125em 0;margin:0 .625em 1.5em 0}.holiday-calendar > .period[data-render-mode=WEEK] .hol.am{margin-right:50%}.holiday-calendar > .period[data-render-mode=WEEK] .hol.pm{margin-left:50%}.holiday-calendar > .period[data-render-mode=WEEK] .hol.sick.approved{background-color:#96893c}.holiday-calendar > .period[data-render-mode=WEEK] .hol.sick i{color:#fff;padding:.5em;font-size:1.5em}.holiday-calendar > .period[data-render-mode=WEEK] .hol.sick span{color:#fff}.holiday-calendar > .period[data-render-mode=WEEK] .hol.sick.approved.incomplete{background-color:red;color:#fff;animation:flash-bg .5s infinite alternate}.holiday-calendar > .period[data-render-mode=WEEK] .hol:hover{cursor:pointer;opacity:1}.holiday-calendar > .period[data-render-mode=WEEK] .hol span{white-space:nowrap;text-overflow:ellipsis;max-width:80%;display:inline-block;line-height:2.1875em;padding:.2em .2em .2em .5em;overflow:hidden;font-size:.75em}.holiday-calendar > .period[data-render-mode=WEEK] .user{padding-left:1em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:left;justify-content:left}.holiday-calendar > .period[data-render-mode=WEEK] .user .avatar{margin-right:.5em;display:inline-block;border:1px solid var(--ux4-border-color)}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar]{-ms-flex:1;flex:1}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar{box-shadow:none}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar .ux4calendar-header{display:none}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar .ux4calendar-month-view{padding:0}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar .ux4calendar-month-view .ux4calendar-week-headings{height:2em;-ms-flex-align:center;align-items:center;text-align:center;background-color:var(--hol-accent);color:var(--fg900);border-radius:.5em}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar .ux4calendar-month-view .ux4calendar-day{text-align:center}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar .ux4calendar-month-view .ux4calendar-day .ux4calendar-day-label{cursor:default}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar .ux4calendar-month-view .ux4calendar-day .ux4calendar-day-label:hover{background-color:var(--ux4calendar-tile-label-bg)}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar .ux4calendar-month-view .ux4calendar-day > .ux4calendar-day-overflow{border-radius:.25em}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar .ux4calendar-month-view .ux4calendar-day.prev-month,.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar .ux4calendar-month-view .ux4calendar-day.next-month{pointer-events:none}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar .ux4calendar-month-view .ux4calendar-day.selected .ux4calendar-day-label{background-color:var(--ux4calendar-tile-label-bg);color:unset}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar .ux4calendar-month-view .ux4calendar-day.today{box-shadow:inset 0 0 0 1px var(--hol-accent);background-color:var(--bg50)}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar .ux4calendar-month-view .ux4calendar-day.today > .ux4calendar-day-label{background-color:unset}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar .ux4calendar-month-view .ux4calendar-event{border-radius:.25em;opacity:.7}.holiday-calendar > .period[data-render-mode=MONTH][data-ux4-widget-name=leaveCalendar] > .ux4calendar .ux4calendar-month-view .ux4calendar-event.sickness-incomplete{background:red !important;color:#fff;animation:flash-bg .5s infinite alternate}.ux4dialog[data-ux4-widget-name=renderMode_picker_dialog]{width:7.8rem !important;min-width:7.8rem !important;overflow:hidden}@media(max-width: 600px){.holiday-calendar{font-size:.6rem}.holiday-calendar > .header > #holiday-calendar-date-picker{font-size:2em}.holiday-calendar .avatar.medium{width:30px;height:30px;min-width:30px}}[data-component=holidaySummary]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}[data-component=holidaySummary] > .title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem}[data-component=holidaySummary] > .title > h3{-ms-flex-positive:1;flex-grow:1;margin:auto 0}[data-component=holidaySummary] > .title [data-ux4-widget-name=viewMore] button{border-radius:.5rem;-ms-flex-flow:row-reverse;flex-flow:row-reverse;gap:.5rem}[data-component=holidaySummary] > .summary{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}[data-component=holidaySummary] > .summary > .one,[data-component=holidaySummary] > .summary > .two{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex:1;flex:1;gap:1rem}[data-component=holidaySummary] > .summary > .one > .breakdown,[data-component=holidaySummary] > .summary > .two > .breakdown{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:1em;-ms-flex-preferred-size:48%;flex-basis:48%;border:1px solid var(--hol-accent);overflow:hidden;box-shadow:1px 1px 1px 1px var(--bg50);padding:.75rem}[data-component=holidaySummary] > .summary > .one > .breakdown > header,[data-component=holidaySummary] > .summary > .two > .breakdown > header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-ms-flex-positive:1;flex-grow:1}[data-component=holidaySummary] > .summary > .one > .breakdown > header > span,[data-component=holidaySummary] > .summary > .two > .breakdown > header > span{color:var(--ux4-heading-fg);font-size:1.1rem;font-weight:bold;margin:0;-ms-flex-positive:1;flex-grow:1}[data-component=holidaySummary] > .summary > .one > .breakdown > header > .icon,[data-component=holidaySummary] > .summary > .two > .breakdown > header > .icon{margin:.15rem 0 0 0;font-size:1.2rem}[data-component=holidaySummary] > .summary > .one > .breakdown > .value,[data-component=holidaySummary] > .summary > .two > .breakdown > .value{font-size:1.75rem;font-weight:bold;margin-top:1rem;color:var(--hol-accent)}[data-component=holidaySummary] > .summary > .one > .breakdown > .unit,[data-component=holidaySummary] > .summary > .two > .breakdown > .unit{font-size:.9rem;color:#888}[data-component=holidaySummary] > .summary > .one > .breakdown.hol > header > .icon{color:var(--bg900)}[data-component=holidaySummary] > .summary > .one > .breakdown.toil > header > .icon{color:var(--bg500)}[data-component=holidaySummary] > .summary > .one > .breakdown.sick > header > .icon{color:#ba000d}[data-component=holidaySummary] > .summary > .two > .breakdown > header > .icon{color:var(--bg500)}[data-component=holidaySummary].has-toil > .summary > .one .breakdown,[data-component=holidaySummary].has-toil > .summary > .two .breakdown{-ms-flex-preferred-size:33%;flex-basis:33%}[data-component=holidayTable]{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}[data-component=holidayTable] > h3{margin:0 !important}[data-component=holidayTable] > .no-requests{display:-ms-flexbox;display:flex;height:100%;width:100%;padding:1.5rem 3rem;box-sizing:border-box}[data-component=holidayTable] > .no-requests > h4{margin:auto;font-style:italic}[data-component=holidayTable][data-render-mode=list] > .body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;height:100%;overflow-x:auto}[data-component=holidayTable][data-render-mode=list] > .body > .leave{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border:1px solid var(--hol-accent);box-shadow:1px 1px 1px 1px var(--bg50);border-radius:5px;padding:1rem;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .icon{width:2rem;margin:auto 0}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .icon.fg-red{color:#ba000d !important}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title > .type-tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title > .type-tags > .type{font-weight:600;color:var(--ux4-heading-fg);font-size:1.1rem;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;white-space:nowrap}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title > .type-tags > .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.25rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:end;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 auto 0}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title > .type-tags > .tags > .tag{color:var(--fg900);border-radius:8px;opacity:.7;padding:3px 7px;box-sizing:border-box;font-size:.8rem;-ms-flex-negative:0;flex-shrink:0;white-space:nowrap}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title > .type-tags > .tags > .tag[data-state=approved]{background-color:#087f23}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title > .type-tags > .tags > .tag[data-state=pending]{background-color:#fb8c00}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title > .type-tags > .tags > .tag[data-state=am],[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title > .type-tags > .tags > .tag[data-state=pm]{background-color:var(--hol-accent)}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title > .type-tags > .tags > .tag[data-state=return-to-work]{background-color:#ba000d;animation:flash-bg .5s infinite alternate}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title > .type-tags > .tags > .tag[data-state=delete]{background-color:#ba000d}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title > .period-toil{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title > .period-toil > .period{color:#888}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title > .period-toil > .toil{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:end}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .title > .period-toil > .toil > span{color:#888;font-weight:500}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .duration{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:6rem;gap:.25rem;-ms-flex-pack:end;justify-content:end}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .duration > .value{font-size:1.3rem;font-weight:600;-ms-flex-line-pack:end;align-content:end;color:var(--hol-accent)}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .header > .duration > .unit{margin-bottom:.25rem;font-size:.8rem;-ms-flex-line-pack:end;align-content:end;color:#888}[data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .description{width:100%;font-style:italic;color:var(--bg500)}[data-component=holidayTable][data-render-mode=list] > .body > .leave[data-status=true] > .icon{color:#087f23}[data-component=holidayTable][data-render-mode=list] > .body > .leave[data-status=false] > .icon{color:#fb8c00}[data-component=holidayTable][data-render-mode=list] > .body > .leave:hover{cursor:pointer;box-shadow:inset 0 0 0 2px var(--bg300)}[data-component=holidayTable][data-render-mode=list] > .body > .leave.active{background-color:var(--bg50);box-shadow:inset 0 0 0 1px var(--bg800)}[data-component=holidayTable][data-render-mode=table]{--col-icon: 30px;--col-date: 100px;--col-days: 105px;--col-desc: 200px}[data-component=holidayTable][data-render-mode=table] .fa-check{color:#087f23}[data-component=holidayTable][data-render-mode=table] .md-trash,[data-component=holidayTable][data-render-mode=table] .md-close{color:#ba000d}[data-component=holidayTable][data-render-mode=table] .fa-clipboard{animation:flash-bg .5s infinite alternate}[data-component=holidayTable][data-render-mode=table] > .table{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow-x:auto;border:1px solid var(--hol-accent);box-shadow:1px 1px 1px 1px var(--bg50);border-radius:5px;font-family:"Roboto Mono"}[data-component=holidayTable][data-render-mode=table] > .table > .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;position:sticky;top:0}[data-component=holidayTable][data-render-mode=table] > .table > .header > div{background-color:#f0f0f0;border-right:#dbdbdb;padding:5px;-ms-flex:0 0;flex:0 0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}[data-component=holidayTable][data-render-mode=table] > .table > .header > div:nth-child(1){-ms-flex-preferred-size:var(--col-icon);flex-basis:var(--col-icon)}[data-component=holidayTable][data-render-mode=table] > .table > .header > div:nth-child(2),[data-component=holidayTable][data-render-mode=table] > .table > .header > div:nth-child(3){-ms-flex-preferred-size:var(--col-date);flex-basis:var(--col-date)}[data-component=holidayTable][data-render-mode=table] > .table > .header > div:nth-child(4){-ms-flex-preferred-size:var(--col-days);flex-basis:var(--col-days)}[data-component=holidayTable][data-render-mode=table] > .table > .header > div:nth-child(5){-ms-flex-preferred-size:var(--col-icon);flex-basis:var(--col-icon)}[data-component=holidayTable][data-render-mode=table] > .table > .header > div:nth-child(6){-ms-flex-preferred-size:var(--col-icon);flex-basis:var(--col-icon)}[data-component=holidayTable][data-render-mode=table] > .table > .header > div:nth-child(7){-ms-flex-preferred-size:var(--col-desc);flex-basis:var(--col-desc);-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis}[data-component=holidayTable][data-render-mode=table] > .table > .body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}[data-component=holidayTable][data-render-mode=table] > .table > .body > .row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}[data-component=holidayTable][data-render-mode=table] > .table > .body > .row.active{background-color:var(--hol-accent);color:var(--ux4-toolbar-item-selected-fg) !important}[data-component=holidayTable][data-render-mode=table] > .table > .body > .row > div{padding:5px;cursor:pointer;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}[data-component=holidayTable][data-render-mode=table] > .table > .body > .row > div:nth-child(1){-ms-flex-preferred-size:var(--col-icon);flex-basis:var(--col-icon)}[data-component=holidayTable][data-render-mode=table] > .table > .body > .row > div:nth-child(2),[data-component=holidayTable][data-render-mode=table] > .table > .body > .row > div:nth-child(3){-ms-flex-preferred-size:var(--col-date);flex-basis:var(--col-date)}[data-component=holidayTable][data-render-mode=table] > .table > .body > .row > div:nth-child(4){-ms-flex-preferred-size:var(--col-days);flex-basis:var(--col-days)}[data-component=holidayTable][data-render-mode=table] > .table > .body > .row > div:nth-child(5){-ms-flex-preferred-size:var(--col-icon);flex-basis:var(--col-icon)}[data-component=holidayTable][data-render-mode=table] > .table > .body > .row > div:nth-child(6){-ms-flex-preferred-size:var(--col-icon);flex-basis:var(--col-icon);color:red}[data-component=holidayTable][data-render-mode=table] > .table > .body > .row > div:nth-child(6) > div:nth-child(7){-ms-flex-preferred-size:var(--col-desc);flex-basis:var(--col-desc);-ms-flex-positive:1;flex-grow:1}[data-component=holidayTable][data-render-mode=table] > .table > .body > .row .cellSelectionImage{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.ux4-action-hub-menu [action=approve] .fa-thumbs-up{color:#087f23}.ux4-action-hub-menu [action=delete] .fa-trash{color:#ba000d}html{font-family:"Open Sans","Segoe UI" !important;--hol-list-width: 455px !important;--hol-accent: #0375b4}[data-ux4-view=calendar] h1{padding-left:1rem}[data-ux4-view=calendar] #holiday-region{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem;padding:1rem;box-sizing:border-box;overflow-y:auto}[data-ux4-view=calendar] #holiday-region > .holiday-summary{-ms-flex-preferred-size:600px;flex-basis:600px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}[data-ux4-view=calendar] #holiday-region > .holiday-summary .hol-list{-ms-flex-positive:1;flex-grow:1}[data-ux4-view=calendar] #holiday-region > .calendar-section{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}@media(max-width: 600px){#ux4-app-main-region:has(> [data-ux4-view=calendar]) #ux4-app-view-toolbar > .ux4-action-hub-menu{overflow-x:auto}#ux4-app-main-region:has(> [data-ux4-view=calendar]) #ux4-app-view-toolbar .ux4-action-hub-action{-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}#ux4-app-main-region:has(> [data-ux4-view=calendar]) #ux4-app-view-toolbar .ux4-action-hub-action > .ux4-action-hub-action-text{margin-left:0;font-size:.8rem}}@media(min-width: 601px){#ux4-app-main-region:has(> [data-ux4-view=calendar]) #ux4-app-view-toolbar [action=nextYear]{-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:8px}#ux4-app-main-region:has(> [data-ux4-view=calendar]) #ux4-app-view-toolbar [action=nextYear] > .ux4-action-hub-action-text{margin-left:0}}@media(max-width: 1200px){[data-ux4-view=calendar] #holiday-region{-ms-flex-direction:column;flex-direction:column}[data-ux4-view=calendar] #holiday-region > .holiday-summary{-ms-flex-preferred-size:unset !important;flex-basis:unset !important}[data-ux4-view=calendar] #holiday-region > .holiday-summary > .summary > .summary{overflow-x:auto;-ms-flex-direction:row;flex-direction:row;scrollbar-gutter:stable;padding-bottom:.5rem}[data-ux4-view=calendar] #holiday-region > .holiday-summary > .summary > .summary > .one,[data-ux4-view=calendar] #holiday-region > .holiday-summary > .summary > .summary > .two{-ms-flex:unset;flex:unset}[data-ux4-view=calendar] #holiday-region > .holiday-summary > .summary > .summary > .one > .breakdown,[data-ux4-view=calendar] #holiday-region > .holiday-summary > .summary > .summary > .two > .breakdown{-ms-flex-preferred-size:unset;flex-basis:unset;min-width:8rem}[data-ux4-view=calendar] #holiday-region > .holiday-summary > [data-component=holidayTable][data-render-mode=list] > .body{-ms-flex-direction:row;flex-direction:row;scrollbar-gutter:stable;padding-bottom:.5rem}[data-ux4-view=calendar] #holiday-region > .holiday-summary > [data-component=holidayTable][data-render-mode=list] > .body > .leave{max-width:40rem}[data-ux4-view=calendar] #holiday-region > .holiday-summary > [data-component=holidayTable][data-render-mode=list] > .body > .leave > .content{overflow:hidden}[data-ux4-view=calendar] #holiday-region > .holiday-summary > [data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .description{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}[data-ux4-view=calendar] #holiday-region > .holiday-summary > [data-component=holidayTable][data-render-mode=list] > .body > .leave .tags{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[data-ux4-view=calendar] #holiday-region > .holiday-summary > [data-component=holidayTable][data-render-mode=table] > .table > .body{max-height:20rem}[data-ux4-view=calendar] #holiday-region > .calendar-section > .holiday-calendar:has([data-render-mode=MONTH]){height:40rem}[data-ux4-view=calendar] #holiday-region > .calendar-section > .holiday-calendar #holiday-calendar-date-picker{margin:0 !important}}@media(orientation: landscape)and (max-height: 1200px)and (max-width: 1200px){[data-ux4-view=calendar] [data-component=holidaySummary] > .summary .breakdown > .header > .icon{display:none}[data-ux4-view=calendar] [data-component=holidaySummary] > .summary .breakdown > .value{margin:0}}#ux4-app-main-region:has(> [data-ux4-view=calendarManageRequests]) #ux4-app-view-toolbar [action=approveRequest] .fa-thumbs-up{color:#087f23}#ux4-app-main-region:has(> [data-ux4-view=calendarManageRequests]) #ux4-app-view-toolbar [action=deleteRequest] .fa-trash{color:#ba000d}[data-ux4-view=calendarManageRequests] > #admin-holiday-region{height:100%;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem;padding:1rem;box-sizing:border-box;overflow:auto}[data-ux4-view=calendarManageRequests] > #admin-holiday-region > #admin-holiday-users{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;-ms-flex-align:center;align-items:center;overflow-x:hidden;width:5.5rem;min-width:5.5rem;border-right:1px solid var(--hol-accent);scrollbar-gutter:stable;box-sizing:border-box}[data-ux4-view=calendarManageRequests] > #admin-holiday-region > #admin-holiday-users .avatar{cursor:pointer;float:left;border:1px solid var(--ux4-border-color);-ms-flex-negative:0;flex-shrink:0}[data-ux4-view=calendarManageRequests] > #admin-holiday-region > #admin-holiday-users .avatar.active{border:4px solid var(--hol-accent)}[data-ux4-view=calendarManageRequests] > #admin-holiday-region > #admin-holiday-users .avatar.needs-attention::before{content:"";display:inline-block;width:.8125em;height:.8125em;border-radius:.4375em;background-color:#f44336;margin:2.7em;animation:flash-bg .75s infinite alternate}[data-ux4-view=calendarManageRequests] > #admin-holiday-region > #admin-holiday-users .avatar.active::before{margin:2.5em}[data-ux4-view=calendarManageRequests] > #admin-holiday-region > #admin-holiday-hol-list{-ms-flex-preferred-size:var(--hol-list-width);flex-basis:var(--hol-list-width);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}[data-ux4-view=calendarManageRequests] > #admin-holiday-region > #admin-holiday-hol-list .currentUserHeader{-ms-flex-preferred-size:2em;flex-basis:2em;-ms-flex-negative:0;flex-shrink:0;cursor:default;display:-ms-flexbox;display:flex;font-size:1.5em;color:var(--ux4-heading-fg)}[data-ux4-view=calendarManageRequests] > #admin-holiday-region > #admin-holiday-hol-list #adminTable{-ms-flex-positive:1;flex-grow:1;margin-top:1rem}[data-ux4-view=calendarManageRequests] > #admin-holiday-region > #admin-holiday-calendar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;-ms-flex:1 1 auto;flex:1 1 auto}@media(max-width: 600px){#ux4-app-main-region:has(> [data-ux4-view=calendarManageRequests]) #ux4-app-view-toolbar > .ux4-action-hub-menu{overflow-x:auto}#ux4-app-main-region:has(> [data-ux4-view=calendarManageRequests]) #ux4-app-view-toolbar .ux4-action-hub-action{-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}#ux4-app-main-region:has(> [data-ux4-view=calendarManageRequests]) #ux4-app-view-toolbar .ux4-action-hub-action > .ux4-action-hub-action-text{margin-left:0;font-size:.8rem}}@media(min-width: 601px){#ux4-app-main-region:has(> [data-ux4-view=calendarManageRequests]) #ux4-app-view-toolbar [action=adminNextYear]{-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:8px}#ux4-app-main-region:has(> [data-ux4-view=calendarManageRequests]) #ux4-app-view-toolbar [action=adminNextYear] > .ux4-action-hub-action-text{margin-left:0}}@media(max-width: 1200px){[data-ux4-view=calendarManageRequests] > #admin-holiday-region{-ms-flex-direction:column;flex-direction:column}[data-ux4-view=calendarManageRequests] > #admin-holiday-region #admin-holiday-users{-ms-flex-direction:row;flex-direction:row;overflow-x:auto;overflow-y:hidden;height:5.5rem;min-height:5.5rem;width:unset;min-width:unset;border-right:none;border-bottom:1px solid var(--hol-accent)}[data-ux4-view=calendarManageRequests] > #admin-holiday-region #admin-holiday-hol-list{-ms-flex-preferred-size:unset;flex-basis:unset}[data-ux4-view=calendarManageRequests] > #admin-holiday-region #admin-holiday-hol-list > [data-component=holidaySummary] > .summary{overflow-x:auto;-ms-flex-direction:row;flex-direction:row;scrollbar-gutter:stable;padding-bottom:.5rem}[data-ux4-view=calendarManageRequests] > #admin-holiday-region #admin-holiday-hol-list > [data-component=holidaySummary] > .summary > .one,[data-ux4-view=calendarManageRequests] > #admin-holiday-region #admin-holiday-hol-list > [data-component=holidaySummary] > .summary > .two{-ms-flex:unset;flex:unset}[data-ux4-view=calendarManageRequests] > #admin-holiday-region #admin-holiday-hol-list > [data-component=holidaySummary] > .summary > .one > .breakdown,[data-ux4-view=calendarManageRequests] > #admin-holiday-region #admin-holiday-hol-list > [data-component=holidaySummary] > .summary > .two > .breakdown{-ms-flex-preferred-size:unset;flex-basis:unset;min-width:8rem}[data-ux4-view=calendarManageRequests] > #admin-holiday-region #admin-holiday-hol-list > [data-component=holidayTable][data-render-mode=list] > .body{-ms-flex-direction:row;flex-direction:row;scrollbar-gutter:stable;padding-bottom:.5rem}[data-ux4-view=calendarManageRequests] > #admin-holiday-region #admin-holiday-hol-list > [data-component=holidayTable][data-render-mode=list] > .body > .leave{max-width:40rem}[data-ux4-view=calendarManageRequests] > #admin-holiday-region #admin-holiday-hol-list > [data-component=holidayTable][data-render-mode=list] > .body > .leave > .content{overflow:hidden}[data-ux4-view=calendarManageRequests] > #admin-holiday-region #admin-holiday-hol-list > [data-component=holidayTable][data-render-mode=list] > .body > .leave > .content > .description{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}[data-ux4-view=calendarManageRequests] > #admin-holiday-region #admin-holiday-hol-list > [data-component=holidayTable][data-render-mode=list] > .body > .leave .tags{-ms-flex-wrap:nowrap;flex-wrap:nowrap}[data-ux4-view=calendarManageRequests] > #admin-holiday-region #admin-holiday-hol-list[data-render-mode=table] > .table > .body{max-height:20rem}[data-ux4-view=calendarManageRequests] > #admin-holiday-region > #admin-holiday-calendar > #holiday-calendar-group-picker{margin:0 auto}[data-ux4-view=calendarManageRequests] > #admin-holiday-region > #admin-holiday-calendar > #holiday-calendar-group-picker:empty{display:none}[data-ux4-view=calendarManageRequests] > #admin-holiday-region > #admin-holiday-calendar > .holiday-calendar #holiday-calendar-date-picker{margin:0 !important}[data-ux4-view=calendarManageRequests] > #admin-holiday-region > #admin-holiday-calendar > .holiday-calendar .avatar{width:3.5em;height:3.5em}[data-ux4-view=calendarManageRequests] > #admin-holiday-region > #admin-holiday-calendar > .holiday-calendar:has([data-render-mode=MONTH]){height:40rem}}@media(orientation: landscape)and (max-height: 1200px)and (max-width: 1200px){[data-ux4-view=calendarManageRequests] [data-component=holidaySummary] > .summary .breakdown > .header > .icon{display:none}[data-ux4-view=calendarManageRequests] [data-component=holidaySummary] > .summary .breakdown > .value{margin:0}}[data-ux4-view=modifyRequest] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilStart] > .content > .element,[data-ux4-view=modifyRequest] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilEnd] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem;padding:.25rem 0}[data-ux4-view=modifyRequest] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilStart] > .content > .element [data-ux4-widget-name=toilStartHour] input,[data-ux4-view=modifyRequest] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilStart] > .content > .element [data-ux4-widget-name=toilStartMin] input,[data-ux4-view=modifyRequest] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilStart] > .content > .element [data-ux4-widget-name=toilEndHour] input,[data-ux4-view=modifyRequest] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilStart] > .content > .element [data-ux4-widget-name=toilEndMin] input,[data-ux4-view=modifyRequest] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilEnd] > .content > .element [data-ux4-widget-name=toilStartHour] input,[data-ux4-view=modifyRequest] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilEnd] > .content > .element [data-ux4-widget-name=toilStartMin] input,[data-ux4-view=modifyRequest] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilEnd] > .content > .element [data-ux4-widget-name=toilEndHour] input,[data-ux4-view=modifyRequest] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilEnd] > .content > .element [data-ux4-widget-name=toilEndMin] input{width:4rem}[data-ux4-view=modifyRequest] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilStart] > .content > .element [data-ux4-widget-name=toilStartHour] > .wrapper > .label,[data-ux4-view=modifyRequest] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilStart] > .content > .element [data-ux4-widget-name=toilEndHour] > .wrapper > .label,[data-ux4-view=modifyRequest] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilEnd] > .content > .element [data-ux4-widget-name=toilStartHour] > .wrapper > .label,[data-ux4-view=modifyRequest] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilEnd] > .content > .element [data-ux4-widget-name=toilEndHour] > .wrapper > .label{width:8rem}[data-ux4-view=modifyRequest] .leave-duration{margin-bottom:1rem;text-align:center}[data-ux4-view=modifyRequest] .leave-duration .duration{font-size:1.2rem;font-weight:bold}[data-ux4-view=calendarPreferences] [data-ux4-widget=UX4Select]{width:100% !important}[data-ux4-view=requestDialog] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilStart] > .content > .element,[data-ux4-view=requestDialog] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilEnd] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem;padding:.25rem 0}[data-ux4-view=requestDialog] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilStart] > .content > .element [data-ux4-widget-name=toilStartHour] input,[data-ux4-view=requestDialog] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilStart] > .content > .element [data-ux4-widget-name=toilStartMin] input,[data-ux4-view=requestDialog] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilStart] > .content > .element [data-ux4-widget-name=toilEndHour] input,[data-ux4-view=requestDialog] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilStart] > .content > .element [data-ux4-widget-name=toilEndMin] input,[data-ux4-view=requestDialog] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilEnd] > .content > .element [data-ux4-widget-name=toilStartHour] input,[data-ux4-view=requestDialog] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilEnd] > .content > .element [data-ux4-widget-name=toilStartMin] input,[data-ux4-view=requestDialog] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilEnd] > .content > .element [data-ux4-widget-name=toilEndHour] input,[data-ux4-view=requestDialog] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilEnd] > .content > .element [data-ux4-widget-name=toilEndMin] input{width:4rem}[data-ux4-view=requestDialog] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilStart] > .content > .element [data-ux4-widget-name=toilStartHour] > .wrapper > .label,[data-ux4-view=requestDialog] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilStart] > .content > .element [data-ux4-widget-name=toilEndHour] > .wrapper > .label,[data-ux4-view=requestDialog] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilEnd] > .content > .element [data-ux4-widget-name=toilStartHour] > .wrapper > .label,[data-ux4-view=requestDialog] [data-ux4-widget-name=leaveRequestForm] [data-ux4-widget-name=toilEnd] > .content > .element [data-ux4-widget-name=toilEndHour] > .wrapper > .label{width:8rem}[data-ux4-view=requestDialog] .leave-duration{margin-bottom:1rem;text-align:center}[data-ux4-view=requestDialog] .leave-duration .duration{font-size:1.2rem;font-weight:bold}[data-ux4-view=returnToWork]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;-ms-flex-align:center;align-items:center}[data-ux4-view=returnToWork] > .userHeader{display:-ms-flexbox;display:flex}[data-ux4-view=returnToWork] > .userHeader > .userHeaderTitle{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-left:.5em;font-weight:bold;font-size:2em;color:var(--ux4-heading-fg)}[data-ux4-view=returnToWork] > .userEl > .no-request{font-size:1.25rem;font-style:italic;padding:1rem;background-color:var(--ux4-toolbar-bg);border-radius:.5rem;border:1px solid var(--ux4-border-color)}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm]{width:800px}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] .ux4form-main-container{padding:0 !important;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=note]{color:red}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=message] .element{-ms-flex-pack:center;justify-content:center}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=message] .element .msg{border-radius:.25em;padding:.75rem 1.75rem;background-color:#fdf1dd;border:1px solid #e9be74;color:#222}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=message] .element .msg i{padding-right:.5em}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=message] .element .msg.complete{background-color:#66bb6a;border-color:#43a047;color:#222}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=detailsCont],[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=employeeForm],[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=managerForm]{border:1px solid var(--ux4-border-color);border-radius:.25rem}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=detailsCont] > .label,[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=employeeForm] > .label,[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=managerForm] > .label{font-size:1.5em;background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;font-weight:normal}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=detailsCont] > .label::before,[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=employeeForm] > .label::before,[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=managerForm] > .label::before{right:1rem !important}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=detailsCont] > .content > .element,[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=employeeForm] > .content > .element,[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=managerForm] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:1rem;gap:.25rem}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=signManager],[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget-name=sign]{margin-top:1em !important}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget=UX4Button] button{background-color:var(--bg700) !important;color:var(--fg700) !important;border-color:var(--bg900) !important;border-radius:.2em}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm] [data-ux4-widget=UX4Button] button .label{padding:.25em !important}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm][data-actor=employee] [data-ux4-widget-name=managerForm]{opacity:.6}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm][data-actor=line-manager] [data-ux4-widget-name=employeeForm]{opacity:.6}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm][data-actor=line-manager][data-employee-complete=false] [data-ux4-widget-name=managerForm]{opacity:.6}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm][data-employee-complete=true] [data-ux4-widget-name=employeeForm]{opacity:.6}[data-ux4-view=returnToWork] > [data-ux4-widget-name=userSickForm][data-manager-complete=true] [data-ux4-widget-name=managerForm]{opacity:.6}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer]{height:100%}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content{height:100%}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element{height:100%}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections{height:100%}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=viewport] > .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;padding:1rem}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=viewport] > .content > [data-ux4-widget-name=refreshBtn]{margin:0 auto 0 0}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=viewport] > .content > #ordered,[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=viewport] > .content > #in-office{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=viewport] > .content > #ordered > .item,[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=viewport] > .content > #in-office > .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=viewport] > .content > #ordered > .item > .avatar,[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=viewport] > .content > #in-office > .item > .avatar{border:1px solid var(--hol-accent)}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=viewport] > .content > #ordered > .item > .name,[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=viewport] > .content > #in-office > .item > .name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;height:2em;line-height:2em;vertical-align:middle}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=viewport] > .content > #ordered > .no-orders,[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=viewport] > .content > #ordered > .no-in-office,[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=viewport] > .content > #in-office > .no-orders,[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=viewport] > .content > #in-office > .no-in-office{font-style:italic;margin:0 auto}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=orderView] #sentEmailEl{height:6%;overflow-y:hidden;font-size:1.4em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=orderView] #sentEmailEl.sent{color:green}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=orderView] #sentEmailEl.unsent{color:#ff4500}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=orderView] [data-ux4-widget-name=sendFormWidget]{height:94.4%}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=orderView] [data-ux4-widget-name=sendFormWidget] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=orderView] [data-ux4-widget-name=sendFormWidget] .ux4form-main-container [data-ux4-widget=UX4TextEditor]{-ms-flex-positive:1;flex-grow:1}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=orderView] [data-ux4-widget-name=sendFormWidget] .ux4form-main-container [data-ux4-widget=UX4TextEditor] > .wrapper{height:100%}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=orderView] [data-ux4-widget-name=sendFormWidget] .ux4form-main-container [data-ux4-widget=UX4TextEditor] > .wrapper .editor-wrapper{height:100%;border-left:0 !important}[data-ux4-view=allOrders] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=orderView] [data-ux4-widget-name=sendFormWidget] .ux4form-main-container [data-ux4-widget-name=sendOrder] > .element{letter-spacing:2px;font-weight:bold;padding:0;border-left:0;border-top:0}[data-ux4-view=myOrder]{height:100%}[data-ux4-view=myOrder] [data-ux4-widget=UX4MenuItem]{border:none !important;height:100%;margin:3px}[data-ux4-view=myOrder] [data-ux4-widget=UX4MenuItem] > .icon{color:var(--ux4-toolbar-item-fg) !important}[data-ux4-view=myOrder] [data-ux4-widget-name=main],[data-ux4-view=myOrder] [data-ux4-widget-name=side]{cursor:default !important}[data-ux4-view=myOrder] [data-ux4-widget-name=main]:hover,[data-ux4-view=myOrder] [data-ux4-widget-name=side]:hover{background:none !important}[data-ux4-view=myOrder] [data-ux4-widget-name=placeOrderBTn] > .element{letter-spacing:2px;font-weight:bold;padding:0 !important}[data-ux4-view=myOrder] .blank-menu{font-size:1.5em;color:red;border:1px solid var(--ux4-toolbar-item-fg);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}[data-ux4-view=myOrder] [data-ux4-widget-name=mainContainer]{height:100%}[data-ux4-view=myOrder] [data-ux4-widget-name=mainContainer] > .content{height:100%}[data-ux4-view=myOrder] [data-ux4-widget-name=mainContainer] > .content > .element{height:100%}[data-ux4-view=myOrder] [data-ux4-widget-name=mainContainer] > .content > .element > .sections{height:100%}[data-ux4-view=myOrder] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section]{padding:1px}[data-ux4-view=myOrder] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=menuChoice]{padding:10px 10px 0 10px}[data-ux4-view=myOrder] [data-ux4-widget-name=mainContainer] > .content > .element > .sections [data-ux4-section=menuChoice] > .content{overflow-y:auto}[data-ux4-view=sendOrderDialog]{height:100%}[data-ux4-view=sendOrderDialog] [data-ux4-widget-name=sendFormWidget]{height:100%}[data-ux4-view=sendOrderDialog] [data-ux4-widget-name=sendFormWidget] .ux4form .ux4form-main-container{padding:0 !important;overflow:hidden !important}[data-ux4-view=sendOrderDialog] [data-ux4-widget-name=sendFormWidget] [data-ux4-widget-name=lunchOrder]{height:682px}[data-ux4-view=sendOrderDialog] [data-ux4-widget-name=sendFormWidget] [data-ux4-widget-name=lunchOrder] > .wrapper{height:100%}[data-ux4-view=sendOrderDialog] [data-ux4-widget-name=sendFormWidget] [data-ux4-widget-name=lunchOrder] > .wrapper .editor-wrapper{height:100%;border-left:0 !important}[data-ux4-view=reportsAttendance]{padding:0 !important}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm]{height:100%}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container{padding:1rem;box-sizing:border-box;margin:0 auto;max-width:1200px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;-ms-flex-pack:center;justify-content:center}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main]{-ms-flex-preferred-size:60%;flex-basis:60%}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=statusMsg] .element{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=statusMsg] .element .status{padding:.25rem 1rem;color:#fdfdfd;background-color:#d3382d;border-radius:.25rem}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=statusMsg] .element .status.saved{background-color:#297f2d}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportDetails] [data-ux4-widget=UX4Input] > .wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportDetails] [data-ux4-widget=UX4Input] > .wrapper > .label{width:12rem}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet]{margin:unset !important}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .element{padding:1rem}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table{box-sizing:border-box;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table > .cont_header{display:-ms-grid;display:grid;-ms-grid-columns:auto 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem;grid-template-columns:auto 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem;background-color:var(--hol-accent);color:var(--fg900);border-radius:8px;column-gap:.5rem}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table > .cont_header .grid-item{padding:8px;text-align:center}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table > .cont_header .grid-header.day{-ms-grid-column-span:2;-ms-grid-column:auto;grid-column:auto/span 2}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table > .cont_body{display:-ms-grid;display:grid;-ms-grid-columns:auto 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem;grid-template-columns:auto 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem 3.25rem;row-gap:.5rem;grid-gap:.5rem}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table > .cont_body .grid-item{padding:8px;text-align:center}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table > .cont_body .grid-item.user{background-color:#f0f0f0;border-radius:8px;text-decoration:underline}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table > .cont_body .grid-item.user:hover{cursor:pointer;box-shadow:inset 0 0 0 2px var(--ux4-focus-border-color);color:var(--ux4-toolbar-item-hover-fg)}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table > .cont_body .grid-item.full-day{-ms-grid-column-span:2;-ms-grid-column:auto;grid-column:auto/span 2}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table > .cont_body .grid-item.entry{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border-radius:8px;background-color:var(--bg50);font-size:.9rem}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table > .cont_body .grid-item.entry > span{margin:auto}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table > .cont_body .grid-item.H,[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table > .cont_body .grid-item.S{color:var(--ux4form-error-text)}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table > .cont_body .grid-item.not-set{-ms-grid-column-span:10;-ms-grid-column:auto;grid-column:auto/span 10;background-color:#ffe7e5;border-color:#b43127;color:#b43127;font-weight:bold;box-shadow:inset 0 0 0 1px #b43127}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=reportSheet] > .content > .element > [data-ux4-widget-name=attendanceSheet] .cont_table > .cont_body .grid-item.modified{font-weight:bold}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=additionalComments] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;padding:1rem}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=additionalComments] > .content > .element > .comment{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.25rem}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=additionalComments] > .content > .element > .comment > .title{font-weight:bold}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=main] > .content > .element > [data-ux4-widget-name=additionalComments] > .content > .element > .comment > div{padding:0 1rem}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=cont_legend]{-ms-flex-preferred-size:30%;flex-basis:30%;height:-moz-fit-content;height:fit-content}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=cont_legend] [data-ux4-widget-name=legend] .element .types{margin:0;padding:unset;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.25rem;width:100%}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=cont_legend] [data-ux4-widget-name=legend] .element .types > .code{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:2rem;list-style:none}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=cont_legend] [data-ux4-widget-name=legend] .element .types > .code > span:first-of-type{width:20%}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container > [data-ux4-widget-name=cont_legend] [data-ux4-widget-name=legend] .element .types > .code > span:last-of-type{width:80%}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container [data-ux4-widget-name=reportSelector],[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container [data-ux4-widget-name=reportDetails],[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container [data-ux4-widget-name=reportSheet],[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container [data-ux4-widget-name=cont_legend],[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container [data-ux4-widget-name=additionalComments]{border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container [data-ux4-widget-name=reportSelector] > .label,[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container [data-ux4-widget-name=reportDetails] > .label,[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container [data-ux4-widget-name=reportSheet] > .label,[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container [data-ux4-widget-name=cont_legend] > .label,[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container [data-ux4-widget-name=additionalComments] > .label{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container [data-ux4-widget-name=reportSelector] > .content > .element,[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container [data-ux4-widget-name=reportDetails] > .content > .element,[data-ux4-view=reportsAttendance] [data-ux4-widget-name=attendanceForm] .ux4form .ux4form-main-container [data-ux4-widget-name=cont_legend] > .content > .element{padding:1rem}[data-ux4-view=modifyAttendance] > .user{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem;padding:1rem 1rem 0 1rem}[data-ux4-view=modifyAttendance] > .user > .title{font-weight:600;color:var(--ux4-heading-fg)}[data-ux4-view=modifyAttendance] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem}[data-ux4-view=modifyAttendance] .ux4form-main-container > [data-ux4-widget-name=sync]{width:10rem;margin:0 auto !important}[data-ux4-view=modifyAttendance] .ux4form-main-container [data-ux4-widget=UX4Container] .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1.5rem}[data-ux4-view=modifyAttendance] .ux4form-main-container [data-ux4-widget=UX4Container] .content > .element > [data-ux4-widget=UX4Select]{width:100%}[data-ux4-view=modifyAttendance] .ux4form-main-container [data-ux4-widget=UX4Container] .content > .element > [data-ux4-widget=UX4Select] > .wrapper > .label{width:3rem}[data-ux4-view=modifyAttendance] .ux4form-main-container [data-ux4-widget=UX4Container] .content > .element > [data-ux4-widget=UX4Select].modified{font-weight:bold}[data-ux4-view=modifyAttendance] .ux4form-main-container [data-ux4-widget=UX4Container] .content > .element > [data-ux4-widget=UX4Select].modified input.select-element{font-weight:bold}[data-ux4-view=modifyAttendance] .ux4form-main-container [data-ux4-widget=UX4Container] .content > .element > [data-ux4-widget=UX4TextArea].modified{font-weight:bold}[data-ux4-view=modifyAttendance] .ux4form-main-container [data-ux4-widget=UX4Container] .content > .element > [data-ux4-widget=UX4TextArea].modified .element{font-weight:bold}[data-ux4-view=holidayReconciliation]{padding:0 !important}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm]{position:relative;margin:0 auto 0 auto;max-width:850px;height:100%}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=filters],[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report]{border:1px solid var(--ux4-border-color);border-radius:.25rem}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=filters]{-ms-flex-negative:0;flex-shrink:0}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=filters] > .content > .element{padding:1rem}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=filters] > .label,[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .label{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;color:var(--ux4-toolbar-fg);font-weight:normal;-ms-flex-negative:0;flex-shrink:0}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=year]{width:49%}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=endDate]{width:49%;margin-left:1rem !important}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report]{overflow:hidden}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content{height:100%}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:1rem;gap:1rem;overflow:hidden;height:100%}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .period{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-ms-flex-pack:center;justify-content:center;border-radius:50px 50px;background-color:var(--ux4-toolbar-bg);padding:.25rem 1.5rem;margin:0 auto;font-size:1.15rem}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .period > .icon{font-size:1.1em;margin:auto 0}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .holiday-report{box-sizing:border-box;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;overflow-y:auto}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .holiday-report > .cont_header{display:-ms-grid;display:grid;-ms-grid-columns:auto 8.15rem 8.15rem 8.15rem 8.15rem 8.15rem;grid-template-columns:auto 8.15rem 8.15rem 8.15rem 8.15rem 8.15rem;background-color:var(--hol-accent);color:var(--fg900);border-radius:8px;column-gap:.5rem;-ms-flex-align:center;align-items:center}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .holiday-report > .cont_header .grid-item{padding:8px;text-align:center}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .holiday-report > .cont_body{display:-ms-grid;display:grid;-ms-grid-columns:auto 8.15rem 8.15rem 8.15rem 8.15rem 8.15rem;grid-template-columns:auto 8.15rem 8.15rem 8.15rem 8.15rem 8.15rem;row-gap:.5rem;grid-gap:.5rem}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .holiday-report > .cont_body .grid-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border-radius:8px;padding:8px;box-sizing:border-box;text-align:center}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .holiday-report > .cont_body .grid-item.user{background-color:#f0f0f0;gap:.5rem;-ms-flex-align:center;align-items:center;padding:.5rem 1rem;overflow:hidden}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .holiday-report > .cont_body .grid-item.user > .avatar{border:1px solid var(--hol-accent)}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .holiday-report > .cont_body .grid-item.user > .name{-ms-flex-positive:1;flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:pre-wrap}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .holiday-report > .cont_body .grid-item.entry{background-color:var(--bg50);font-size:.9rem}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .holiday-report > .cont_body .grid-item.entry > span{margin:auto}[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .holiday-report > .cont_body .grid-item.entry.totalEntitlement,[data-ux4-view=holidayReconciliation] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .holiday-report > .cont_body .grid-item.entry.available{font-weight:bold}[data-ux4-view=leaveBreakdown]{padding:0 !important}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm]{position:relative;margin:0 auto 0 auto;max-width:1250px;height:100%}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=filters]{border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=filters] > .content > .element{padding:1rem}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=filters] > .label{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.5rem 1rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=year]{width:49%}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=endDate]{width:49%;margin-left:1rem !important}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report]{height:100%;overflow:hidden}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content{height:100%}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;overflow:hidden;height:100%;width:100%}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .period{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-ms-flex-pack:center;justify-content:center;border-radius:50px 50px;background-color:var(--ux4-toolbar-bg);padding:.25rem 1.5rem;margin:0 auto;font-size:1.15rem}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .period > .icon{font-size:1.1em;margin:auto 0}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem;overflow:hidden}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_users{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:1px solid var(--ux4-border-color);border-radius:.25rem;overflow:hidden;-ms-flex-preferred-size:33%;flex-basis:33%;box-sizing:border-box}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_users > header{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.5rem 1rem}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_users > header > .label{color:var(--ux4-toolbar-fg);font-weight:normal;margin:0}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_users > .users{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;list-style:none;padding:0;overflow-y:auto}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_users > .users > .user{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-ms-flex-align:center;align-items:center;padding:.5rem 1rem;border:1px solid transparent;box-sizing:border-box}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_users > .users > .user > .avatar{border:1px solid var(--hol-accent)}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_users > .users > .user > .name{-ms-flex-positive:1;flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:pre-wrap}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_users > .users > .user:hover{cursor:pointer;background-color:var(--bg100);border-color:var(--bg100)}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_users > .users > .user.selected{border-color:var(--bg600);background-color:var(--bg400)}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;-ms-flex-positive:1;flex-grow:1;overflow-y:auto}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .no-summary{margin:0 auto}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_avatar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_avatar .name{color:var(--ux4-heading-fg);margin:0}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests,[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:1px solid var(--ux4-border-color);border-radius:.25rem}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .header,[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.5rem 1rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .header > .label,[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .header > .label{margin:0}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries,[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .entries{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.25rem;padding:1rem}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .header > .icon{font-size:1.2rem;margin:auto 0;color:var(--bg900)}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .entries > .entry{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem;-ms-flex-pack:justify;justify-content:space-between;padding:.25rem 1rem;margin:0 1rem;border-radius:.25rem;-ms-flex-align:center;align-items:center}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .entries > .entry.total-holiday-entitlement > .name,[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .entries > .entry.total-used > .name,[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .entries > .entry.available > .name,[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .entries > .entry.entitlement > .name{font-weight:bold}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .entries > .entry.total-holiday-entitlement > .value,[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .entries > .entry.total-used > .value,[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .entries > .entry.available > .value,[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .entries > .entry.entitlement > .value{color:var(--hol-accent)}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .entries > .entry:nth-child(even){background-color:var(--ux4-toolbar-bg)}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .entitlement > .entries > .entry > .value{font-weight:bold;white-space:nowrap}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown .cont_toil > .header > .icon{color:var(--bg500)}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown .cont_sick > .header > .icon{color:#f44336}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > [data-ux4-widget-name=toggleAllLeave]{padding:1rem 1rem 0 1.25rem}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries{gap:.5rem;overflow-x:auto;font-family:"Roboto Mono";max-height:35rem}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;position:sticky;top:0;border-bottom:1px solid var(--ux4-border-color);font-weight:600;padding:0 .25rem .5rem .25rem;box-sizing:border-box}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.25rem}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .body > .row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:.25rem;box-sizing:border-box}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .body > .row .fa-check{color:#087f23}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .body > .row .fa-trash,[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .body > .row .md-close{color:#ba000d}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .body > .row:nth-child(even){background-color:var(--ux4-toolbar-bg)}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .body > .empty{text-align:center;margin:1.5rem;font-style:italic}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .header div:nth-child(1),[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .body > .row div:nth-child(1){-ms-flex-preferred-size:25%;flex-basis:25%}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .header div:nth-child(2),[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .header div:nth-child(3),[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .body > .row div:nth-child(2),[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .body > .row div:nth-child(3){-ms-flex-preferred-size:15%;flex-basis:15%}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .header div:nth-child(4),[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .body > .row div:nth-child(4){-ms-flex-preferred-size:30%;flex-basis:30%}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .header div:nth-child(5),[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .body > .row div:nth-child(5){-ms-flex-preferred-size:10%;flex-basis:10%}[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .header div:nth-child(6),[data-ux4-view=leaveBreakdown] [data-ux4-widget-name=reportForm] .ux4form-main-container [data-ux4-widget-name=report] > .content > .element > .cont_report > .cont_breakdown > .cont_leaveRequests > .entries > .body > .row div:nth-child(6){-ms-flex-preferred-size:5%;flex-basis:5%}[data-ux4-view=entries]{padding:0 !important;overflow-y:hidden !important}[data-ux4-view=entries] > .cont_entries{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}[data-ux4-view=entries] > .cont_entries > .cont_usersList{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:15rem;padding:1rem 0;border-right:1px solid var(--ux4-border-color);background:var(--ux4-toolbar-bg);box-sizing:border-box}[data-ux4-view=entries] > .cont_entries > .cont_usersList > .user{display:-ms-flexbox;display:flex;width:100%;color:var(--ux4select-item-fg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}[data-ux4-view=entries] > .cont_entries > .cont_usersList > .user > span{width:100%;box-sizing:border-box;min-height:2rem;line-height:1.4;padding:4px 8px;text-overflow:ellipsis;overflow:hidden}[data-ux4-view=entries] > .cont_entries > .cont_usersList > .user:hover{cursor:pointer;background:var(--ux4-toolbar-item-hover-bg)}[data-ux4-view=entries] > .cont_entries > .cont_usersList > .user.selected{background:var(--ux4-toolbar-item-selected-bg);color:var(--ux4-toolbar-item-selected-fg)}[data-ux4-view=entries] > .cont_entries > .cont_user{-ms-flex-positive:1;flex-grow:1;overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;padding:1rem}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day{max-width:1200px;border:1px solid transparent;padding:.5em}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .dayHeader{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-bottom:2px;line-height:2em}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .dayHeader > .dayTitle{width:13.5em;-ms-flex:1 0 auto;flex:1 0 auto}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .dayHeader > .dayTitle > .table-label{margin-left:3px;display:inline}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .dayHeader > .dayTitle > .offset{padding-left:4px}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .dayHeader > .dayTitle > .offset.over{color:blue}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .dayHeader > .dayTitle > .offset.under{color:red}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .dayHeader > .officeHours{margin-right:3px;margin-left:10px;width:10em;text-align:right}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .table{min-height:4em;overflow:hidden}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .table .ux4datagrid-headerpanel{border:1px solid #bdbdbd;border-bottom:none;border-radius:.5em .5em 0 0}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .table .ux4datagrid-headerpanel .ux4datagrid-headerrow .ux4datagrid-headercol{padding-top:0;padding-bottom:0}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .table .ux4datagrid-rows{border:1px solid #bdbdbd;border-bottom:1px solid #eee}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .table .ux4datagrid{min-height:4em !important}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .table .ux4datagrid-row{height:2em}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .table .ux4datagrid-normal.ux4datagrid-row:last-child{border-bottom:0}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .unallocatedTime{display:none;text-align:right;width:100%;height:27px;background-color:#fff;border-left:1px solid #bdbdbd;border-right:1px solid #bdbdbd;border-bottom:1px solid #eee;border-top:none;line-height:2em;box-sizing:border-box}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .unallocatedTime.show{display:block}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .unallocatedTime > .value{margin-right:16px}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .dayLogged{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:500;width:100%;height:27px;background-color:#fafafa;margin-top:0;border:1px solid #bdbdbd;border-top:none;box-sizing:border-box;border-radius:0 0 .5em .5em}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .dayLogged > .label{padding-left:6px}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .dayLogged .trueTotal{margin:auto}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day > .dayLogged > .value{padding-right:16px}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day.currentDay{border-color:var(--hol-accent);border-radius:.5em}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day.currentDay .ux4datagrid-headerpanel{border-color:var(--hol-accent)}[data-ux4-view=entries] > .cont_entries > .cont_user > .cont_day.currentDay .ux4datagrid-headerpanel .ux4datagrid-headerrow{background-color:var(--hol-accent);color:#fff}[data-ux4-view=entries] > .cont_entries.no-users{display:-ms-flexbox;display:flex;text-align:center}[data-ux4-view=entries] > .cont_entries.no-users > span{font-style:italic}[data-ux4-view=monthlyTimes] [data-ux4-widget-name=monthlyDatagrid]{position:absolute;top:0;left:0;right:0;bottom:0}[data-ux4-view=reports] [data-ux4-widget=UX4Container]{width:100% !important}[data-ux4-view=reports] [data-ux4-widget=UX4MenuItem] i{color:var(--ux4app-header-nav-hover-bg) !important}[data-ux4-view=weeklySummaryAdmin]{padding:0 !important;overflow-y:hidden !important}[data-ux4-view=weeklySummaryAdmin] .cont_weeklySummaries > .ux4form > .ux4form-sections-panel [data-ux4-widget-name=weeklySummariesForm_sectionstree]{width:100%;height:100%}[data-ux4-view=weeklySummaryAdmin] .cont_weeklySummaries > .ux4form > .ux4form-sections-panel [data-ux4-widget-name=weeklySummariesForm_sectionstree] .content{height:100%}[data-ux4-view=weeklySummaryAdmin] .cont_weeklySummaries > .ux4form > .ux4form-sections-panel [data-ux4-widget-name=weeklySummariesForm_sectionstree] .content > .inner{height:100%}[data-ux4-view=weeklySummaryAdmin] .cont_weeklySummaries > .ux4form > .ux4form-main-container{padding:0 !important;overflow:hidden !important}[data-ux4-view=weeklySummaryAdmin] .cont_weeklySummaries > .ux4form > .ux4form-main-container [data-ux4-widget-name=weeklySummary]{height:100%;width:100%;display:block !important}[data-ux4-view=weeklySummaryAdmin] .cont_weeklySummaries > .ux4form > .ux4form-main-container [data-ux4-widget-name=weeklySummary] > .label{margin-left:1.5em}[data-ux4-view=weeklySummaryAdmin] .cont_weeklySummaries > .ux4form > .ux4form-main-container [data-ux4-widget-name=weeklySummary] > .content{width:100%;height:100%}[data-ux4-view=weeklySummaryAdmin] .cont_weeklySummaries > .ux4form > .ux4form-main-container [data-ux4-widget-name=weeklySummary] > .content > .element{width:100%;height:100%}[data-ux4-view=weeklySummaryAdmin] .cont_weeklySummaries > .ux4form > .ux4form-main-container [data-ux4-widget-name=weeklySummary] > .content > .element > .weeklySummaryView{height:calc(100% - 30px);width:100%;padding:0 1.5em 1.5em 1.5em;overflow-y:auto;box-sizing:border-box}[data-ux4-view=weeklySummaryAdmin] .cont_weeklySummaries > .ux4form > .ux4form-main-container [data-ux4-widget-name=weeklySummary] > .content > .element > .weeklySummaryView .title-summaries .title-header:not(:first-child){margin-top:1.5em}[data-ux4-view=weeklySummaryAdmin] .cont_weeklySummaries > .ux4form > .ux4form-main-container [data-ux4-widget-name=weeklySummary] > .content > .element > .weeklySummaryView .not-set{font-style:italic;padding-left:3em}[data-ux4-view=weeklySummaryAdmin] .cont_weeklySummaries > .ux4form > .ux4form-main-container [data-ux4-widget-name=weeklySummary] > .content > .element > .weeklySummaryView .cont_priorities .priorities{margin-left:3em}[data-ux4-view=agresso]{box-sizing:border-box;padding:5px}[data-ux4-view=agresso] #agresso-summary > .title,[data-ux4-view=agresso] #weekly-summary > .title,[data-ux4-view=agresso] #notes > .title{display:inline-block;margin-left:10px}[data-ux4-view=agresso] #agresso-summary [data-ux4-widget-name=new-tab],[data-ux4-view=agresso] #agresso-summary [data-ux4-widget-name=open-agresso]{float:right;margin-right:1em;margin-top:1.3em;overflow:hidden;-ms-flex-align:center;align-items:center;position:relative;min-height:2.2em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;padding:5px 10px 5px 10px}[data-ux4-view=agresso] #agresso-summary .leftColumn{text-align:left;padding-left:2em}[data-ux4-view=agresso] #agresso-summary .middleColumn{text-align:left;padding-left:7em}[data-ux4-view=agresso] #agresso-summary .rightColumn{text-align:right;padding-right:2em}[data-ux4-view=agresso] #agresso-summary .agresso-data{width:100%}[data-ux4-view=agresso] #weekly-summary .entries-header{margin-bottom:.5em}[data-ux4-view=agresso] #weekly-summary .title-summaries .title-header:not(:first-child){margin:1.5em 0 .5em 0}[data-ux4-view=agresso] #weekly-summary .not-set{font-style:italic;padding-left:3em}[data-ux4-view=agresso] .notesContent{padding-left:1em}[data-ux4-view=agresso] .total-row{font-weight:bold}[data-ux4-view=agresso] .timeSpent{display:inline-block}[data-ux4-view=agresso] dl{margin-left:1em}[data-ux4-view=agresso] dd{width:30em}[data-ux4-view=agresso] table{margin-top:2em;margin-bottom:2em}[data-ux4-view=agresso] tr td:nth-child(1){text-align:left;padding-left:2em}[data-ux4-view=agresso] tr td:nth-child(3){text-align:right;padding-right:2em}[data-ux4-view=defaultWorkingTime] > [data-ux4-widget-name=defaultWorkingTimes] > .ux4form > .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.75rem}[data-ux4-view=defaultWorkingTime] > [data-ux4-widget-name=defaultWorkingTimes] > .ux4form > .ux4form-main-container > [data-ux4-widget=UX4Container] > .content > .element{display:-ms-flexbox;display:flex;gap:1rem}[data-ux4-view=defaultWorkingTime] > [data-ux4-widget-name=defaultWorkingTimes] > .ux4form > .ux4form-main-container > [data-ux4-widget=UX4Container] > .content > .element > [data-ux4-widget=UX4Container] > .content > .element{display:-ms-flexbox;display:flex}[data-ux4-view=defaultWorkingTime] > [data-ux4-widget-name=defaultWorkingTimes] > .ux4form > .ux4form-main-container > [data-ux4-widget=UX4Container] > .content > .element > [data-ux4-widget=UX4Container] > .content > .element > [data-ux4-widget=UX4ComboBox]{width:8rem}[data-ux4-view=defaultWorkingTime] > [data-ux4-widget-name=defaultWorkingTimes] > .ux4form > .ux4form-main-container > [data-ux4-widget=UX4Container] > .content > .element > [data-ux4-widget=UX4Container] > .content > .element > [data-ux4-widget=UX4ComboBox][data-ux4-widget-name$=".mins"] .label{padding-left:.57rem}[data-ux4-view=NewEntry]{display:-ms-flexbox;display:flex;height:100%;padding:1em;box-sizing:border-box}[data-ux4-view=NewEntry] div[data-ux4-widget-name=favouriteName] .content{margin-top:1em}[data-ux4-view=NewEntry] .favouriteForm{width:25.5em;height:100%;border-right:1px solid #e9e9e9;margin-right:1em;padding-right:1em}[data-ux4-view=NewEntry] .favouriteForm [data-ux4-widget-name=favouriteName]{height:100%}[data-ux4-view=NewEntry] .favouriteForm [data-ux4-widget-name=favouriteName] > .wrapper{height:100%}[data-ux4-view=NewEntry] .favouriteForm [data-ux4-widget-name=favouriteName] > .wrapper > .content{height:100%}[data-ux4-view=NewEntry] .favouriteForm [data-ux4-widget-name=favouriteName] > .wrapper > .content [data-ux4-select-dropdown=favouriteName_dropdown]{height:19.75em}[data-ux4-view=NewEntry] .favouriteForm [data-ux4-widget-name=delete]{position:absolute;z-index:2}[data-ux4-view=NewEntry] .newEntryForm{width:31.5em}[data-ux4-view=NewEntry] .ux4form-main-container{padding:0 !important}[data-ux4-view=fuze-events] .cont_fuzeEventsEl .file-wrapper{display:-ms-flexbox;display:flex;padding:1em}[data-ux4-view=fuze-events] .cont_fuzeEventsEl .cont_eventsForm{width:100%;height:33em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;overflow:auto}[data-ux4-view=fuze-events] .cont_fuzeEventsEl .cont_eventsForm .choose-file{margin:auto 0;font-style:italic}[data-ux4-view=fuze-events] button.paste{-ms-flex-align:center;align-items:center;color:var(--ux4button-fg);background:var(--ux4button-bg);border:1px solid var(--ux4-border-color);padding:0 1em;margin:0 1em}[data-ux4-view=fuze-events] [data-ux4-widget-name=file-import]{margin-left:2em}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] .ux4form-main-container{padding:0 !important}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header]{margin:0 !important;line-height:2.5em;height:2.5em;box-sizing:border-box}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] > .content > .element{background:var(--ux4-toolbar-bg);border-bottom:1px solid #bdbdbd;border-top:1px solid #bdbdbd;padding-left:.5em}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels]{margin:0 !important;width:calc(100% - 2em)}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element{color:var(--ux4-toolbar-fg);box-sizing:border-box}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .t{width:7em}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .wt,[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .prod{width:17.75em}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .desc{width:20em}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .t,[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .wt,[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .prod,[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .desc{line-height:2em;padding:0 .55em;box-sizing:border-box}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings]{overflow-y:auto;height:30em;margin-top:.5em}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings] [data-ux4-widget=UX4Container] .label{padding-left:.5em}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings] [data-ux4-widget-name$=_cont_meeting]{margin:0 .5em 0 .5em}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings] [data-ux4-widget-name$=_cont_meeting]:first-child{margin-top:.5em}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings] [data-ux4-widget-name$=_cont_meeting]:not(:last-child){margin-bottom:.5em}[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings] [data-ux4-widget-name$=_cont_meeting] [data-ux4-widget-name$=_workType],[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings] [data-ux4-widget-name$=_cont_meeting] [data-ux4-widget-name$=_product],[data-ux4-view=fuze-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings] [data-ux4-widget-name$=_cont_meeting] [data-ux4-widget-name$=_project]{padding:0 .25em;box-sizing:border-box}[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] .ux4form-main-container{padding:0 !important}[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header]{margin:0 !important;line-height:2.5em;height:2.5em;box-sizing:border-box}[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] > .content > .element{background:var(--ux4-toolbar-bg);border-bottom:1px solid #bdbdbd;padding-left:.5em}[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels]{margin:0 !important;width:calc(100% - 2em)}[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element{color:var(--ux4-toolbar-fg);box-sizing:border-box}[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .t{width:8.5em}[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .wt,[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .prod,[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .desc{width:17.75em}[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .t,[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .wt,[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .prod,[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=header] [data-ux4-widget-name=labels] .element .desc{line-height:2em;padding:0 .55em;box-sizing:border-box}[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings]{overflow-y:auto;height:25em;margin-top:.5em}[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings] [data-ux4-widget=UX4Container] .label{padding-left:.5em}[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings] [data-ux4-widget-name$=_cont_meeting]{margin:0 .5em 0 .5em}[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings] [data-ux4-widget-name$=_cont_meeting]:first-child{margin-top:.5em}[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings] [data-ux4-widget-name$=_cont_meeting]:not(:last-child){margin-bottom:.5em}[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings] [data-ux4-widget-name$=_cont_meeting] [data-ux4-widget-name$=_workType],[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings] [data-ux4-widget-name$=_cont_meeting] [data-ux4-widget-name$=_product],[data-ux4-view=gmail-events] [data-ux4-widget-name=meetingsForm] [data-ux4-widget-name=meetings] [data-ux4-widget-name$=_cont_meeting] [data-ux4-widget-name$=_project]{padding:0 .25em;box-sizing:border-box}[data-ux4-view=timesheet] .ux4datagrid{min-height:4em}[data-ux4-view=timesheet] .ux4datagrid .ux4datagrid-rows[data-no-results="No results found"] > .ux4datagrid-rowscontainer{height:3rem !important}[data-ux4-view=timesheet] .compactView .ux4datagrid{min-height:4em !important}[data-ux4-view=timesheet] .compactView .ux4datagrid-row{height:2em}[data-ux4-view=timesheet] .container{margin:1px;padding:1px}[data-ux4-view=timesheet] > #content-wrapper{display:-ms-flexbox !important;display:flex !important;-ms-flex-direction:column !important;flex-direction:column !important;overflow:hidden !important}[data-ux4-view=timesheet] > #content-wrapper > #info-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:5rem;padding:.7em;-ms-flex:0 0 auto !important;flex:0 0 auto !important;border-bottom:1px solid #e9e9e9;margin-bottom:0}[data-ux4-view=timesheet] > #content-wrapper > #info-container > .mtd{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:3rem}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer{height:80vh;padding-left:.7em;padding-right:.7em;padding-top:0;margin-top:0;-ms-flex:1 1 auto !important;flex:1 1 auto !important;overflow:auto !important}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container{padding:.5em;margin:.75em 0;border:1px solid transparent}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > .dayHeader{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-bottom:2px;line-height:2em}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > .dayHeader .dayTitle{width:13.5em;-ms-flex:1 0 auto;flex:1 0 auto}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > .dayHeader .dayTitle .datagrid-label{margin-left:3px;display:inline;text-decoration:underline;cursor:pointer}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > .dayHeader .dayTitle .offset{padding-left:4px}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > .dayHeader .dayTitle .offset.over{color:blue}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > .dayHeader .dayTitle .offset.under{color:red}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > .dayHeader .officeHours{margin-right:3px;margin-left:10px;width:10em;text-decoration:underline;cursor:pointer;text-align:right}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > [class$=Datagrid-container]{min-height:5em;overflow:hidden}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > [class$=Datagrid-container] .ux4datagrid-headerpanel{border:1px solid #bdbdbd;border-bottom:none;border-radius:.5em .5em 0 0}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > [class$=Datagrid-container] .ux4datagrid-headerpanel .ux4datagrid-headerrow .ux4datagrid-headercol{padding-top:0;padding-bottom:0}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > [class$=Datagrid-container] .ux4datagrid-rows{border:1px solid #bdbdbd;border-bottom:1px solid #eee}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > [class$=Datagrid-container] .ux4datagrid{min-height:4em !important}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > [class$=Datagrid-container] .ux4datagrid-row{height:2em}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > [class$=Datagrid-container] .ux4datagrid-normal.ux4datagrid-row:last-child{border-bottom:0}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > .unallocated-time{display:none;text-align:right;width:100%;height:27px;background-color:#fff;border-left:1px solid #bdbdbd;border-right:1px solid #bdbdbd;border-bottom:1px solid #eee;border-top:none;line-height:2em;box-sizing:border-box}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > .unallocated-time.show{display:block}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > .unallocated-time .time-value{margin-right:16px;text-decoration:underline;cursor:pointer}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > .day-logged{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:500;width:100%;height:27px;background-color:#fafafa;margin-top:0;border:1px solid #bdbdbd;border-top:none;box-sizing:border-box;border-radius:0 0 .5em .5em}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > .day-logged .day-logged-label{padding-left:6px}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > .day-logged .day-logged-value{padding-right:16px}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container > .day-logged .day-logged-true-total{margin:auto}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container.hide{display:none}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container.currentDay{border-color:var(--hol-accent);border-radius:.5em}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container.currentDay .ux4datagrid-headerpanel{border-color:var(--hol-accent)}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer > .day-container.currentDay .ux4datagrid-headerpanel .ux4datagrid-headerrow{background-color:var(--hol-accent);color:#fff}[data-ux4-view=timesheet] > #content-wrapper > #datagridContainer.compact > .day-container{width:1125px}[data-ux4-view=TimeSummaries] [data-ux4-widget-name=timeSummaries] .ux4datagrid .ux4datagrid-headerpanel .ux4datagrid-headerrow{height:39px !important}[data-ux4-view=WorkingTime] .time-in-form{border-bottom:1px solid #e9e9e9}[data-ux4-view=workingCalendarMyGroups]{width:100%;height:100%}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm]{width:100%;height:100%}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem;overflow:hidden}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=items]{width:20rem;height:100%;-ms-flex-negative:0;flex-shrink:0;padding-right:1rem;border-right:1px solid var(--ux4-border-color);box-sizing:border-box}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=items] > .content{height:100%}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=items] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=items] > .content > .element [data-ux4-widget-name=buttons] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=items] > .content > .element [data-ux4-widget-name=buttons] > .content > .element [data-ux4-widget-name=add]{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=items] > .content > .element [data-ux4-widget-name=groups]{-ms-flex-positive:1;flex-grow:1;margin:0 !important}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=items] > .content > .element [data-ux4-widget-name=groups] > .wrapper{height:100%}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=items] > .content > .element [data-ux4-widget-name=groups] > .wrapper > .content{height:100%}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=items] > .content > .element [data-ux4-widget-name=groups] > .wrapper > .content > .inner{height:100%}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group]{-ms-flex:1 1 auto;flex:1 1 auto;height:100%;overflow:hidden}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content{height:100%}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content > .element{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem;height:100%;overflow:hidden}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content > .element > .none-selected{margin:auto;font-style:italic}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content > .element > .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content > .element > .header > .title{-ms-flex-positive:1;flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content > .element > .users{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content > .element > .users > .users-label{padding:4px 0;padding-top:5px;box-sizing:border-box}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content > .element > .users > [data-ux4-widget-name=usersDataTable]{overflow:auto;border:1px solid var(--ux4-border-color)}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content > .element > .users > [data-ux4-widget-name=usersDataTable] .header .column-header[data-column=name]{padding-left:1rem;padding-right:1rem}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content > .element > .users > [data-ux4-widget-name=usersDataTable] .header .column-header[data-column=name] > .separator{display:none}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content > .element > .users > [data-ux4-widget-name=usersDataTable] .header .column-header[data-column=name] > [data-ux4-widget=UX4QueryBuilder] .group[data-level="0"] > .rules > .rule > [data-ux4-widget-name=comparator]{display:none}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content > .element > .users > [data-ux4-widget-name=usersDataTable] .ux4datatable-row{min-width:100%;border-bottom:1px solid #efefef}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content > .element > .users > [data-ux4-widget-name=usersDataTable] .ux4datatable-row .cell{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem;box-sizing:border-box;padding:6px 1rem;height:100%;-ms-flex-align:center;align-items:center}[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content > .element > .users > [data-ux4-widget-name=usersDataTable] .pinned-headers,[data-ux4-view=workingCalendarMyGroups] [data-ux4-widget-name=myGroupsForm] .ux4form-main-container [data-ux4-widget-name=group] > .content > .element > .users > [data-ux4-widget-name=usersDataTable] .ux4datatable-pinned{border-right-width:0 !important}[data-ux4-view=workingCalendar]{overflow:hidden;--Day-Width: 2em;--Day-Gap: .25rem;--w-fg: var(--fg900);--w-bg: var(--hol-accent);--w-m4m-fg: var(--fg900);--w-m4m-bg: darkorange;--w-m4me-fg: var(--fg900);--w-m4me-bg: sienna;--wfh--fg: var(--fg100);--wfh-bg: #b9dfbb;--wos-fg: var(--fg100);--wos-bg: powderblue;--toil-fg: var(--fg900);--toil-bg: #b2221f;--nw-fg: var(--fg900);--nw-bg: #EF5350;--nwd-fg: var(--fg100);--nwd-bg: #f9b9b8;--bh-fg: var(--fg900);--bh-bg: var(--ux4-heading-fg);--null-fg: var(--fg100);--null-bg: #b9dfbb}[data-ux4-view=workingCalendar] > .cont_working_calendar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;gap:1em}[data-ux4-view=workingCalendar] > .cont_working_calendar > .options{display:-ms-flexbox;display:flex;gap:1em}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1rem}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;overflow:hidden;border:1px solid var(--hol-accent);box-shadow:1px 1px 1px 1px var(--bg50);border-radius:5px;padding:.25rem 0 1rem 0;box-sizing:border-box}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;padding:0 1.085em;box-sizing:border-box}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_moveTitle{width:100%;display:-ms-flexbox;display:flex;gap:.5em;margin-bottom:.4em;-ms-flex-align:center;align-items:center;color:var(--ux4-heading-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_moveTitle > i,[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_moveTitle > [data-ux4-widget-name=holiday-calendar-date-picker] input.datepicker{font-size:3em}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_moveTitle [data-ux4-widget-name=holiday-calendar-date-picker]{-ms-flex-positive:1;flex-grow:1}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_moveTitle [data-ux4-widget-name=holiday-calendar-date-picker] input.datepicker{height:unset;color:var(--ux4-heading-fg);text-align:center;caret-color:transparent;cursor:pointer}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_moveTitle [data-ux4-widget-name=holiday-calendar-date-picker]:not(.has-focus) input.datepicker{border-color:transparent}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_moveTitle > i{cursor:pointer;-ms-flex-positive:0;flex-grow:0}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_moveTitle > i.disabled{cursor:not-allowed;opacity:.7}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_moveTitle [data-ux4-widget-name=renderMode]{width:7.8em;min-width:7.8em}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_moveTitle [data-ux4-widget-name=renderMode] input{padding:.5em 2em;border-radius:50px 50px;height:unset !important;border-width:medium;border-color:var(--ux4-heading-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_moveTitle [data-ux4-widget-name=renderMode] .dropdown-arrow{margin:auto 0}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_moveTitle [data-ux4-widget-name=renderMode].has-focus input{border-color:var(--ux4-heading-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_days > .empty,[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_days > .day{box-sizing:border-box;height:3em}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_days > .empty{min-width:12em}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_days > .day{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_days > .day.current-day{box-shadow:inset 0 0 0 2px var(--hol-accent);border-radius:5px}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_days > .day.current-day > .day-of-week{color:var(--ux4-text-dark) !important}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .header > .cont_days > .day.current-day > .date{color:var(--hol-accent)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .cont_table{-ms-flex:1;flex:1;scrollbar-gutter:stable both-edges}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .header > .cont_days{display:-ms-grid;display:grid;-ms-grid-columns:2fr 2fr 2fr 2fr 2fr 2fr;grid-template-columns:2fr 2fr 2fr 2fr 2fr 2fr;grid-gap:0;width:100%;box-sizing:border-box;padding-bottom:.25rem;border-bottom:1px solid #dedede;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .header > .cont_days > .day{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .header > .cont_days > .day > .day-of-week{color:#888}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .header > .cont_days > .day > .date{font-size:1.5em;padding-left:.1em;font-weight:bold}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table{overflow:auto}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:0;margin:1px 0}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .user,[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day{border-bottom:1px solid #dedede;height:5em;box-sizing:border-box}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5em;padding:0 1em;min-width:12em}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .user > .avatar{border:1px solid var(--hol-accent)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .user > .name{text-overflow:ellipsis;overflow:hidden;white-space:pre-wrap}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:1em}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day > .working{display:-ms-flexbox;display:flex;width:2.5rem;height:2.5rem;box-sizing:border-box;border-radius:5px;color:#000;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:var(--w-bg);color:var(--w-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day > .working::before{font-size:1.2rem}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day[data-working=W_M4M] > .working{background-color:var(--w-m4m-bg);color:var(--w-m4m-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day[data-working=W_M4ME] > .working{background-color:var(--w-m4me-bg);color:var(--w-m4me-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day[data-working=WFH] > .working{background-color:var(--wfh-bg);color:var(--wfh-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day[data-working=WOS] > .working{background-color:var(--wos-bg);color:var(--wos-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day[data-working=NW] > .working{background-color:var(--nw-bg);color:var(--nw-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day[data-working=NWD] > .working{background-color:var(--nwd-bg);color:var(--nwd-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day[data-working=TOIL] > .working{background-color:var(--toil-bg);color:var(--toil-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day[data-working=BH] > .working{background-color:var(--bh-bg);color:var(--bh-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day[data-working=null] > .working{background-color:var(--null-bg);color:var(--null-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day[data-type=am]{padding-right:.2rem;-ms-flex-pack:right;justify-content:right}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day[data-type=pm]{padding-left:.2rem;-ms-flex-pack:left;justify-content:left}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] > .cont_table > .grid > .day.current-day{background-color:var(--bg50)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;-ms-flex-pack:center;justify-content:center}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table{margin:0 auto;padding:0;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;-ms-flex-align:start;align-items:start}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .header > .days,[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .user > .days{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:var(--Day-Gap);-ms-flex:0 0 auto;flex:0 0 auto}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .header > .days > .day,[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .user > .days > .day{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--Day-Width);-ms-flex-align:center;align-items:center;box-sizing:border-box}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.header{position:sticky;top:0;padding:.25rem 0;background-color:var(--ux4-default-bg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.header > .empty{position:sticky;top:0;left:0;width:15em;background-color:var(--ux4-default-bg);z-index:3}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.header > .days > .day{gap:.25rem;font-weight:600}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.header > .days > .day > .day-of-week{color:var(--ux4-heading-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.header > .days > .day > .date{padding:4px 6px;color:var(--ux4-text-dark)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.header > .days > .day.weekend{-ms-flex-pack:end;justify-content:end}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.header > .days > .day.weekend > .day-of-week{display:none}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.header > .days > .day.weekend > .date{font-weight:500;color:#888}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.header > .days > .day.current-day > .day-of-week{color:var(--hol-accent)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.header > .days > .day.current-day > .date{color:var(--fg900);background-color:var(--hol-accent);border-radius:50%}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user{height:5em;-ms-flex-negative:0;flex-shrink:0}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .details{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5em;padding:0 1em;box-sizing:border-box;width:15em;position:sticky;left:0;background-color:var(--ux4-default-bg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .details > .avatar{border:1px solid var(--hol-accent)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .details > .name{text-overflow:ellipsis;overflow:hidden;white-space:pre-wrap}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day{-ms-flex-pack:center;justify-content:center}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day > .entry{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:var(--Day-Width);width:var(--Day-Width);background-color:var(--w-bg);color:var(--w-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day > .entry::before{font-size:1.2em}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day > .entry[data-working=W_M4M]{background-color:var(--w-m4m-bg);color:var(--w-m4m-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day > .entry[data-working=W_M4ME]{background-color:var(--w-m4me-bg);color:var(--w-m4me-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day > .entry[data-working=WFH]{background-color:var(--wfh-bg);color:var(--wfh-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day > .entry[data-working=WOS]{background-color:var(--wos-bg);color:var(--wos-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day > .entry[data-working=NW]{background-color:var(--nw-bg);color:var(--nw-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day > .entry[data-working=NWD]{background-color:var(--nwd-bg);color:var(--nwd-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day > .entry[data-working=TOIL]{background-color:var(--toil-bg);color:var(--toil-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day > .entry[data-working=null]{background-color:var(--null-bg);color:var(--null-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day > .entry[data-working=BH]{background-color:var(--bh-bg);color:var(--bh-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day.same > .entry{border-radius:.25rem}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day:not(.same) > .entry:first-of-type{border-radius:.25rem .25rem 0 0;border-bottom:1px solid var(--ux4-border-color)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day:not(.same) > .entry:last-of-type{border-radius:0 0 .25rem .25rem}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day.weekend > .entry{background-color:var(--ux4-disabled-toolbar-bg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .days > .day.current-day{background-color:var(--bg50)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry:not(:last-child){border-bottom:1px solid var(--ux4-border-color)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend{height:100%;display:-ms-flexbox;display:flex}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:22.5rem;border:1px solid var(--hol-accent);box-shadow:1px 1px 1px 1px var(--bg50);border-radius:.25rem;overflow:hidden;margin:auto 0}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .label{background-color:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color);padding:.75rem;color:var(--ux4-toolbar-fg);font-weight:normal}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .types{margin:0;padding:1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.25rem}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .types > .code{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.75rem;list-style:none}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .types > .code > .icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:2rem;width:2rem;border-radius:.25rem}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .types > .code > span{margin:auto 0}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .types > .code[data-value=W] > .icon{background-color:var(--w-bg);color:var(--w-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .types > .code[data-value=W_M4M] > .icon{background-color:var(--w-m4m-bg);color:var(--w-m4m-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .types > .code[data-value=W_M4ME] > .icon{background-color:var(--w-m4me-bg);color:var(--w-m4me-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .types > .code[data-value=WFH] > .icon{background-color:var(--wfh-bg);color:var(--wfh-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .types > .code[data-value=WOS] > .icon{background-color:var(--wos-bg);color:var(--wos-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .types > .code[data-value=TOIL] > .icon{background-color:var(--toil-bg);color:var(--toil-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .types > .code[data-value=NW] > .icon{background-color:var(--nw-bg);color:var(--nw-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .types > .code[data-value=NWD] > .icon{background-color:var(--nwd-bg);color:var(--nwd-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .types > .code[data-value=BH] > .icon{background-color:var(--bh-bg);color:var(--bh-fg)}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend > .legend > .types > .code[data-value=IN] > .icon{background-color:var(--wfh-bg);color:var(--wfh-fg)}@media(min-width: 1200px){[data-ux4-view=workingCalendar] > .cont_working_calendar{overflow:hidden}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content{max-height:100%;overflow:hidden;-ms-flex-pack:center;justify-content:center}}@media(max-width: 1200px){[data-ux4-view=workingCalendar] > .cont_working_calendar > .content{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar{max-height:45rem}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar > .cont_table{padding:0 1.085em}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK]{font-size:.6em}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] .avatar.medium{width:30px;height:30px;min-width:30px}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=WEEK] .day > .working{width:2rem !important;height:2rem !important}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH]{font-size:.7em}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .header > .cont_moveTitle > i,[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .header > .cont_moveTitle > [data-ux4-widget-name=holiday-calendar-date-picker] input.datepicker{font-size:2.5em}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .header > .cont_moveTitle > [data-ux4-widget-name=renderMode] input.select-element{border-width:revert-layer}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .details > .avatar.medium{width:30px;height:30px;min-width:30px}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content > .cont_legend{height:unset;margin:0 auto}}@media(min-width: 601px)and (max-width: 1200px){[data-ux4-view=workingCalendar] .working-calendar > .cont_table{padding:0 1.085em}[data-ux4-view=workingCalendar] .working-calendar[data-render-mode=WEEK]{font-size:.6em}[data-ux4-view=workingCalendar] .working-calendar[data-render-mode=WEEK] .avatar.medium{width:30px;height:30px;min-width:30px}[data-ux4-view=workingCalendar] .working-calendar[data-render-mode=MONTH]{font-size:.7em}[data-ux4-view=workingCalendar] .working-calendar[data-render-mode=MONTH] > .header > .cont_moveTitle > i,[data-ux4-view=workingCalendar] .working-calendar[data-render-mode=MONTH] > .header > .cont_moveTitle > [data-ux4-widget-name=holiday-calendar-date-picker] input.datepicker{font-size:2.5em}[data-ux4-view=workingCalendar] .working-calendar[data-render-mode=MONTH] > .header > .cont_moveTitle > [data-ux4-widget-name=renderMode] input.select-element{border-width:revert-layer}[data-ux4-view=workingCalendar] .working-calendar[data-render-mode=MONTH] > .cont_table > .table > .entry.user > .details > .avatar.medium{width:30px;height:30px;min-width:30px}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content{-ms-flex-wrap:wrap;flex-wrap:wrap}[data-ux4-view=workingCalendar] > .cont_working_calendar > .content .cont_legend{height:unset;margin:0 auto}}