/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:local("Roboto"),url(/assets/fonts/a8d6ac03c7b96b7acb62.ttf) format("ttf")}.flex{display:flex}.bg-gray-200{background-color:#e5e7eb}.h-screen{height:100vh}.items-center{align-items:center}.justify-center{justify-content:center}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:local("Roboto"),url(/assets/fonts/a8d6ac03c7b96b7acb62.ttf) format("ttf")}.elrMaindiv{display:flex;flex-direction:column;justify-content:center}.elrLoading{align-items:center;font-size:medium;font-weight:bold}.errorContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;background-color:#f7f7f7}.retryButton{width:14rem;border-radius:.375rem;margin:2rem 0}.warning-icon{margin-bottom:1.8rem;height:80px;width:90px}.text{font-weight:500}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:local("Roboto"),url(/assets/fonts/a8d6ac03c7b96b7acb62.ttf) format("ttf")}body{margin:0;padding:0;height:100%;box-sizing:border-box;font-family:"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.global-color-neutral-50-bg{background-color:#f7f7f7}.color-neutral-800{color:#303030}.essui-header{border-bottom:none !important}.essui-checkbox__label--right{padding-left:0px !important;vertical-align:initial !important}@media only screen and (min-width: 1024px){.essui-error-page-container{height:calc(100% - 64px) !important}}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:local("Roboto"),url(/assets/fonts/a8d6ac03c7b96b7acb62.ttf) format("ttf")}.attendance-mark-history-container.tableContainer{margin-top:16px}.attendance-mark-history-container .table-utility{background-color:#fff;position:sticky;top:0;z-index:3}.attendance-mark-history-container .table-utility-container{display:flex;align-items:center}.attendance-mark-history-container .form-group{display:flex;flex-direction:column}.attendance-mark-history-container .date-input-group{display:flex;align-items:flex-start;gap:16px}.attendance-mark-history-container .essui-table{width:100% !important}.attendance-mark-history-container .heading-font{margin-bottom:25px}.attendance-mark-history-container .dialogContent{height:100%;position:relative;display:flex;flex-direction:column;gap:32px}.attendance-mark-history-container .essui-dialog__separator{z-index:9}.attendance-mark-history-container .essui-dialog__footer{display:flex;justify-content:flex-end;gap:1rem}.attendance-mark-history-container .group-filters{padding:0px 16px !important}.attendance-mark-history-container .essui-dialog__content{overflow-x:hidden !important}.attendance-mark-history-container .pl{padding-left:6px}.attendance-mark-history-container .pt{padding-top:10px}.attendance-mark-history-container .hidden-checkbox{display:none}.attendance-mark-history-container .essui-dialog__footer{margin:24px 0}.attendance-mark-history-container .mark-history-advanced-search-note{margin-bottom:32px}.attendance-mark-history-container .suggestion-box li{display:flex;justify-content:flex-start;align-items:center;gap:10px}.attendance-mark-history-container #suggestions-wrapper{display:block;z-index:100;top:55px}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:local("Roboto"),url(/assets/fonts/a8d6ac03c7b96b7acb62.ttf) format("ttf")}.mark-history-table-container .editable-table-container{position:relative}.mark-history-table-container .loader-overlay-reason{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.7);z-index:9999}.mark-history-table-container .collapsable-table-cell{background-color:#fff}.mark-history-table-container .no-backgrond{background-color:#f7f7f7}.mark-history-table-container .menu-container{display:inline-block;width:fit-content}.mark-history-table-container .right-border-color-none{border-right-color:rgba(0,0,0,0)}.mark-history-table-container .cursor-pointer{cursor:pointer}.mark-history-table-container .center-item{display:grid;place-items:center}.mark-history-table-container .mark-history-pagination{width:100%;display:flex;justify-content:end;padding:0px 16px;background-color:#fff;border:1px solid #e0e0e0;border-top:0px;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mark-history-table-container .mark-history-table .essui-table-wrapper{border-bottom-right-radius:0px;border-bottom-left-radius:0px}.mark-history-table-container .essui-table__cell--success,.mark-history-table-container .essui-table__cell--warning,.mark-history-table-container .essui-table__cell--critical{position:relative;border-bottom:4px solid #f7f7f7 !important;border-left:none}.mark-history-table-container .essui-table__cell--success::before{content:"";position:absolute;top:0 !important;left:0 !important;width:8px !important;height:100% !important;background-color:#88d991 !important}.mark-history-table-container .essui-table__cell--warning::before{content:"";position:absolute;top:0 !important;left:0 !important;width:8px !important;height:100% !important;background-color:#ffb86d !important}.mark-history-table-container .essui-table__cell--neutral{position:relative;background-color:#e0e0e0 !important;border-bottom:4px solid #f7f7f7 !important;border-left:1px solid #f7f7f7}.mark-history-table-container .essui-table__cell--neutral::before{content:"";position:relative;top:0 !important;left:0 !important;width:8px !important;height:100% !important;background-color:#c6c6c6 !important}.mark-history-table-container .essui-table__cell--critical::before{content:"";position:absolute;top:0 !important;left:0 !important;width:8px !important;height:100% !important;background-color:#ffb4ab !important}.mark-history-table-container .view .essui-button--tertiary:hover{background-color:rgba(0,0,0,0) !important;color:inherit !important}.mark-history-table-container .mb-1{margin-bottom:1rem}.mark-history-table-container .eak-header-container{z-index:1}.mark-history-table-container .flex-align-center{display:flex;align-items:center}.mark-history-table-container .mt-8px{margin-top:8px}.mark-history-table-container .action-table-cell .essui-overflow-menu{right:0 !important;width:184px;top:100%}.mark-history-table-container .action-table-cell .essui-overflow-menu__direction-top{bottom:100%;position:absolute;top:auto;margin-bottom:5px}.mark-history-table-container .view-or-edit-mark-history-side-panel-grid{margin-bottom:32px}.mark-history-table-container .view-or-edit-mark-history-side-panel-grid label{margin-bottom:8px}.mark-history-table-container .view-or-edit-mark-history-value{color:#303030}.mark-history-table-container .view-or-edit-mark-history-tag{display:flex;flex-direction:column;justify-content:center}.mark-history-table-container .reason-for-change-grid{justify-content:space-between;flex-wrap:nowrap}.mark-history-table-container .attendance-code-grid{flex-wrap:nowrap}.mark-history-table-container .view-or-edit-mark-history-value .essui-link:visited{color:#2177c2 !important}.mark-history-table-container .reason-for-change-dropdown-grid .reason-for-mark-change-dropdown{width:300px}.mark-history-table-container .reason-for-change-dropdown-grid .reason-for-mark-change-dropdown li{display:flex;flex-direction:row;min-height:auto}.mark-history-table-container .reason-for-change-dropdown-grid .reason-for-mark-change-dropdown input{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-right:35px}.mark-history-table-container .save-mark-history-success-toast{z-index:99999;border-left-width:0px !important}.mark-history-table-container .essui-overflow-menu__item:hover{background-color:#2177c2;color:#fff}.tooltip-text{max-width:300px !important;word-break:break-all !important}.editable-table-container .errorBanner{margin-bottom:24px}.drawer #save-mark-history-error-banner-title.essui-global-typography-default-subtitle{display:block}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:local("Roboto"),url(/assets/fonts/a8d6ac03c7b96b7acb62.ttf) format("ttf")}.drawer{padding-left:0px;position:relative}.drawer .essui-global-typography-default-subtitle{display:none}.gap-24{gap:24px}.drawer .essui-side-panel-content{padding:32px !important}.loader-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.7);z-index:9999}#save-reason-loader{justify-content:center;align-items:center;display:flex;height:100%}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:local("Roboto"),url(/assets/fonts/a8d6ac03c7b96b7acb62.ttf) format("ttf")}.custom-error-banner{border-left-width:8px !important}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:local("Roboto"),url(/assets/fonts/a8d6ac03c7b96b7acb62.ttf) format("ttf")}.dialogContent{height:100%;position:relative;display:flex;flex-direction:column;gap:32px}.essui-dialog__separator{z-index:9}.searchPupil-filters{padding:0px 3px}.hide{display:none}.group-filters{display:flex;flex-direction:column;flex-wrap:nowrap;padding:0px 5px;gap:1rem}.manage-pupil-attendance-page-wrapper .essui-textinput--medium,.attendance-mark-history-page-wrapper .essui-textinput--medium,.attendance-code-setting-page-wrapper .essui-textinput--medium{width:100%}.session-filter{flex-direction:column;width:fit-content;gap:1rem;padding-left:5px;margin:0px}.gap-1{gap:1rem}.gap-1_5{gap:1.5rem}.mt-0_5{margin-top:.5rem}.pl-0{padding-left:0px}.code-filter{flex-direction:column;width:fit-content;padding-left:5px;margin:0px;margin-bottom:10px}.justify-space-between{justify-content:space-between}.align-items-center{align-items:center}.gap-8{gap:8px}.register-complete-Wrapper{flex-direction:column !important;padding-left:5px;margin:0px}.register-complete{display:flex;flex-direction:row;gap:1rem;padding-left:0px;margin:0px}.essui-reaction-button-group{width:100% !important}.reaction-button{display:flex;gap:16px}.date-filter{display:flex;flex-direction:column;padding:0px 3px;width:fit-content;margin:0px}.am-section,.pm-section{margin-top:5px;display:flex;gap:12px;padding:0px;padding-top:10px}.display-note{padding-top:10px}.pl-1{padding-left:1px}.pl-16{padding-left:16px}.pl-5{padding-left:5px}#ng-calendar-content{z-index:1000 !important}.w-33{width:32%}.w-100{width:100%}.w-50{width:50%}.w-45{width:45%}.w-43{width:43%}.p-0{padding:0px}.ml{margin:0px}.warning-message{color:#a86500}#search-autocomplete .icon-container.position-right-small{display:flex;top:0px !important;align-items:center}#search-autocomplete .icon-container.position-right-small .essui-icon-button{margin-top:10px}#search-autocomplete .icon-container.position-right-small .essui-loader{margin:0px;justify-content:flex-end}#search-pupiltagList .essui-textinput__tags{flex-wrap:wrap}#attendace-code{width:300px}#reaction-btn{height:46px}.ml{margin-left:24px}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}#reg-code,#linked-code,#description{margin-top:0px}.text-align-right{text-align:right}#groupDropdown,#menu-groupDropdown{width:300px}#RepeatDrodown,#menu-RepeatDrodown{width:300px}#search-pupiltagList{margin-bottom:8px !important}#suggestions-wrapper{z-index:3}.repeatFilter{padding-left:5px}.ml-12{margin-left:12px}.ml-10{margin-left:5px}.ml-32{margin-left:32px}.ml-20{margin-left:20px}.attendance-code-filter-container .late-minutes-container{display:flex;flex-wrap:wrap;padding:0px;margin-left:0px;width:50%}.attendance-code-filter-container .late-minutes-input-field{margin-left:10px;margin-right:0px;width:47%}.mt-1{margin-top:1rem}.late-minutes-wrapper{width:33.333333%;padding:.625rem}.lateMinuteBtnAllDevice{width:100% !important}.filter-container{height:100%;display:flex;flex-direction:column;gap:24px}.essui-validation-text{margin-top:8px}.manage-pupil-attendance-page-wrapper .essui-textinput,.attendance-mark-history-page-wrapper .essui-textinput,.attendance-code-setting-page-wrapper .essui-textinput{margin-bottom:0px}.manage-pupil-attendance-page-wrapper .essui-overflow-menu,.attendance-mark-history-page-wrapper .essui-overflow-menu,.attendance-code-setting-page-wrapper .essui-overflow-menu{margin-top:5px}.manage-pupil-attendance-page-wrapper .essui-overflow-menu__item,.attendance-mark-history-page-wrapper .essui-overflow-menu__item,.attendance-code-setting-page-wrapper .essui-overflow-menu__item{overflow:unset !important}.dataNotavailable{color:#a86500;top:-2px;position:relative;margin-right:20px;font-size:14px;font-weight:400}.dataNotavailable-container{margin-top:10px;margin-left:10px}.session-alignment{margin-top:-15px}.flex{display:flex}.flex-justify-content-end{justify-content:flex-end}.flex-column{flex-direction:column}.flex-gap-1{gap:1rem}.fit-content{width:fit-content}.mb-2{margin-bottom:2rem}.mb-1{margin-bottom:1rem}.mb-0_5{margin-bottom:8px}.mb-0{margin-bottom:0px}.w-300{width:300px}.repeat-component-sub-text .sub-text{margin-left:-30px}.mb-70px{margin-bottom:-70px}#reaction-btn{width:fit-content}.w-300{width:300px}.sublabeldiv{color:#5e5e5e !important}.textinputWrapper .essui-textinput__bottom{margin-top:3px !important}.label-other{font-weight:400;margin-top:5px}#addLinkedCode .essui-textinput__right-icon{margin-left:-32px;margin-top:10px}.drawer #notification-title.essui-global-typography-default-subtitle{display:block}.invalidInput{background-color:#ffedea;border-color:#d9372b}.search-by-class-container .heading-text{color:#5e5e5e !important;font-weight:normal;margin-top:10px;font-size:14px;line-height:16px}.search-by-class-container .essui-textinput__tags{flex-wrap:wrap !important}.reactionBtn-subLabel{color:#5e5e5e}.attendance-code-sublable{color:#5e5e5e;margin-top:8px}.attendance-code-filter-container .essui-input-ellipsis{padding-right:75px !important}.margin-bottom-32{margin-bottom:32px}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:local("Roboto"),url(/assets/fonts/a8d6ac03c7b96b7acb62.ttf) format("ttf")}.dialogContent{min-height:170px}.rejected-mark-history-errorBanner{margin:16px 0}.view-rejected-mark-side-panel-wrapper{display:flex;flex-direction:column}.view-rejected-mark-side-panel-wrapper .rejected-mark-side-panel-item{margin:12px 0}.view-rejected-mark-side-panel-wrapper .label{margin-bottom:6px}.rejectedMark-pagination{width:100%;display:flex;justify-content:end;padding:0px 16px;background-color:#fff;border:1px solid #e0e0e0;border-top:0px;border-radius:0 0 8px 8px}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:local("Roboto"),url(/assets/fonts/a8d6ac03c7b96b7acb62.ttf) format("ttf")}.MainPagecontainer{display:flex !important;flex-direction:column !important;overflow-y:auto}.global-color-neutral-50-bg{background-color:#f7f7f7}