<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--appHeight:calc(var(--vh, 1vh)*100);--blueGradient:linear-gradient(136.25deg,#1b75bb,#00adee);--blue:#1c75bb;--blue100:rgba(238,245,250,0.43);--blue200:rgba(117,175,217,0.12);--blue300:rgba(117,175,217,0.3);--dangerColor:#fb5d5d;--dangerColor100:rgba(251,93,93,0.1);--deepblue:#2d74da;--fadeTransition:all 300ms cubic-bezier(0.77,0,0.175,1);--FormInput-inline-label-minwidth:110px;--FormInput-inline-label-width:10%;--grey:#bdbdbd;--grey100:#f5f5f5;--grey200:#efefef;--grey300:hsla(0,0%,74%,0.25);--inputControlPlaceholderColor:var(--grey);--inputControlTextColor:#3b3b3b;--schoolSwap-height:60px;--sidebar-width:245px;--successColor:#17bf5f;--successColor100:rgba(23,191,95,0.1);--warningColor:#fad961;--warningColor100:rgba(250,217,97,0.2);--infoColor:#00adee;--yellowGradient:linear-gradient(28.37deg,#fad961 22.52%,#f76b1c 213.73%)}.flex,.flex-row{display:flex}.flex-row{flex-direction:row;align-items:center}.flex-row--reverse{flex-direction:row-reverse}.flex-col{display:flex;flex-direction:column;align-items:center}.flex-col.inline,.flex-row.inline{display:inline-flex}.flex-spaceBetween{justify-content:space-between}.flex-alignCenter{align-items:center}.flex-alignStart{align-items:flex-start}.flex-alignEnd{align-items:flex-end}.flex-alignStretch{align-items:stretch}.flex-alignSelfEnd{align-self:flex-end}.flex-justifyCenter{justify-content:center}.flex-justifyEnd{justify-content:flex-end!important}.flex-justifySelfEnd{justify-self:flex-end}.flex-alignSelfCenter{align-self:center}.flex-wrap{flex-wrap:wrap}*{-webkit-appearance:none;-moz-appearance:none;appearance:none}body{margin:0;padding:0;font-family:Lato,sans-serif;font-size:14px;color:#3b3b3b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;background:var(--grey100);-webkit-overflow-scrolling:touch}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--blue)}a,a:active,a:focus{text-decoration:none}a:hover{color:unset}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ant-popover{font-family:unset!important;font-size:14px}.override-popover .ant-popover-arrow{display:none}.ant-popover-inner-content{background:#fff;border:.891296px solid hsla(0,0%,74.1%,.25);box-shadow:0 10.6851px 53.4256px rgba(0,0,0,.07);border-radius:2.67389px;padding:10px;max-height:300px;overflow:auto}.ant-checkbox-checked .ant-checkbox-inner,.ant-radio-checked .ant-radio-inner:after{background-color:var(--blue)!important}.ant-checkbox-checked .ant-checkbox-inner,.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-radio-checked .ant-radio-inner,.ant-radio-wrapper:hover .ant-radio-inner{border-color:var(--blue)!important}.ant-checkbox,.ant-radio{-webkit-transform:scale(1.3);transform:scale(1.3)}.ant-checkbox-group,.ant-checkbox-wrapper,.ant-radio-group,.ant-radio-wrapper{font-family:unset!important}.table-head .ant-checkbox-wrapper,.table-row .ant-checkbox-wrapper{align-items:center;display:flex}.ant-dropdown{font-family:unset!important}.ant-dropdown-menu-item:hover{background:var(--blue100)}.ant-dropdown-menu-item-selected{background:var(--blue100);color:var(--blue);font-weight:700}.ant-dropdown-menu{max-height:50vh;overflow:auto}.ant-tooltip{font-family:unset!important;min-width:170px}.ant-tooltip-inner{background-color:#fff!important;color:unset!important}.ant-tooltip-arrow{-webkit-filter:invert(100%);filter:invert(100%)}input:-webkit-autofill,input:-webkit-autofill:focus textarea:-webkit-autofill,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,textarea:hover textarea:focus{-webkit-box-shadow:0 0 0 1000px #fff inset;height:90%}.dateInput-overlay{z-index:10}button[type=button]:not([role=switch]):not(.Button):not(.ant-btn):not(.fc-button):not(.react-datepicker__navigation){background:transparent;border:none}.text-small{font-weight:400;font-size:10px!important}a.white-link{color:#fff}a.white-link:hover{color:var(--blue)}.text-p{font-size:13px!important}.text-large{font-size:16px!important}.text-h1{font-size:30px!important;font-weight:700}.text-h2{font-size:22px!important;font-weight:600}.text-h3{font-size:18px!important;font-weight:400}.text-h4{font-size:15px!important;font-weight:600}.text-h1,.text-h2,.text-h3,.text-h4{line-height:1.75}.text--grey{color:var(--grey)}.text--blue,.text--primary,.text--primary:hover{color:var(--blue)}.text--info,.text--info:hover{color:var(--infoColor)}.text--success{color:var(--successColor)}.text--danger{color:var(--dangerColor)}.text--uppercase{text-transform:uppercase}.text--bold{font-weight:700}.text--italic{font-style:italic}.text--alignCenter{text-align:center}.text--center{text-align:-webkit-center;text-align:center}.text--right{text-align:right}.text--spacedLetters{letter-spacing:1.8px}.text--noWrap{white-space:nowrap}ul.listStyle--none li{list-style:none}@supports (-webkit-line-clamp:2){.text-clamp2lines{overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.text--ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.touchable-highlight,.touchable-opacity{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.touchable-highlight:after,.touchable-opacity:after{pointer-events:none}.touchable-opacity:hover{opacity:.7}.touchable-opacity:active{opacity:.5}.touchable-highlight{position:relative;overflow:hidden}.touchable-highlight:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s;overflow:hidden}.touchable-highlight:hover:after{opacity:.07}.touchable-highlight:active:after{opacity:.15}.touchable-highlight&gt;*{z-index:1}.utils-prepend{margin-right:10px}.utils-prepend--large{margin-right:15px}.utils-prepend--xlarge{margin-right:30px}.utils-append{margin-left:10px}.utils-append--large{margin-left:15px}.utils-padded{padding:30px}.utils-padded-small{padding:20px}.utils-center{margin:0 auto}.utils-fullwidth{width:100%!important;width:-webkit-fill-available!important;width:-moz-available!important;width:stretch!important}.utils-halfwidth{width:50%}.utils-fullheight{height:100%}.utils-hide{display:none!important}.utils-padTop{padding-top:15px!important}.utils-padTop-small{padding-top:10px}.utils-padBottom{padding-bottom:15px!important}.utils-padLeft{padding-left:15px!important}.utils-noPadLeft{padding-left:0}.utils-padRight{padding-right:15px!important}.utils-maxContentWidth{width:-webkit-max-content;width:-moz-max-content;width:max-content}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-5{margin-bottom:5rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mr-1{margin-right:1rem}.mr-2{margin-right:2rem}.mr-3{margin-right:3rem}.ml-2{margin-left:2rem}.my-1{margin-top:1rem!important;margin-bottom:1rem!important}.pb-1{padding-bottom:1rem}.pb-2{padding-bottom:2rem}.pb-3{padding-bottom:3rem}.pl-1{padding-left:1rem}.pl-2{padding-left:2rem}.pR-1{padding-right:1rem}.pt-1{padding-top:1rem}.pt-2{padding-top:2rem}.utils-logo{width:65px;height:68px}.inline-block{display:inline-block}.rotate180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.FormInput{width:-webkit-fill-available;width:-moz-available;width:stretch}.FormInput--inline{display:flex;align-items:center}.FormInput--inline&gt;:first-child{min-width:var(--FormInput-inline-label-minwidth);width:var(--FormInput-inline-label-width);padding-right:10px}.FormInput--inline&gt;:nth-child(2){flex-grow:1}.FormInputControl{height:45px;width:-webkit-fill-available!important;width:-moz-available!important;width:stretch!important;background:#fff;border:1.3px solid hsla(0,0%,74.1%,.25)!important;box-shadow:0 2px 9px hsla(0,0%,76.9%,.11);border-radius:3px!important;color:var(--inputControlTextColor);-webkit-transition:all .1s ease-out;transition:all .1s ease-out;padding:0 10px;position:relative}.FormInputControl-isDisabled{background:var(--grey100);cursor:not-allowed}.FormInputControl-textInput{font-size:14px;font-weight:500;color:inherit;outline:none;border:none;min-height:inherit;height:inherit;width:100%;background:transparent;flex-grow:1}textarea.FormInputControl-textInput{margin:10px 0;max-height:180px}.FormInputControl-label{margin-bottom:5px}.FormInputControl-textInput::-webkit-input-placeholder{color:var(--inputControlPlaceholderColor)!important;font-size:13px;font-weight:500}.FormInputControl-textInput::-moz-placeholder{color:var(--inputControlPlaceholderColor)!important;font-size:13px;font-weight:500}.FormInputControl-textInput:-ms-input-placeholder{color:var(--inputControlPlaceholderColor)!important;font-size:13px;font-weight:500}.FormInputControl-textInput::-ms-input-placeholder{color:var(--inputControlPlaceholderColor)!important;font-size:13px;font-weight:500}.FormInputControl-placeholderText,.FormInputControl-textInput::placeholder{color:var(--inputControlPlaceholderColor)!important;font-size:13px;font-weight:500}.FormInputControl-customInput{padding:0 15px}.FormInputControl-icon{width:8px}.FormInputControl--grey{background:hsla(0,0%,74.1%,.25)}.FormInputControl-isFocused{border-color:var(--blue)!important;color:var(--blue)!important}.FormInputControl-isError{border-color:var(--dangerColor)!important;color:var(--dangerColor)!important}.FormInputControl-isSuccess{border-color:var(--successColor)!important;color:var(--successColor)!important}.FormInputControl--multiline{height:auto;min-height:40px;max-height:250px}.FormInputControl-prepend{height:100%;background:var(--grey100);padding:0 10px;margin:0 10px 0 -10px;border-right:1px solid var(--grey200);color:var(--inputControlTextColor);border-top-left-radius:inherit;border-bottom-left-radius:inherit}.divider{display:block;height:1px;width:-webkit-fill-available;width:-moz-available;width:stretch;margin:3px 0;clear:both;background:var(--grey200)}.Wrapper{display:grid;grid-template-columns:var(--sidebar-width) auto;grid-template-rows:var(--schoolSwap-height) auto;height:100vh;height:calc(var(--vh, 1vh)*100)}.Wrapper-content{grid-row:1/span 2;grid-column:2;background:var(--grey100);padding:20px 30px;overflow:auto;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch}.Wrapper-isDisabled:not(.Wrapper--hide){overflow:hidden}.mobile .Wrapper,.tablet .Wrapper{display:block}.mobile .Wrapper .Wrapper-content,.tablet .Wrapper .Wrapper-content{padding:10px;overflow-y:visible;overflow-x:hidden}.WrapperToolbar{display:grid;grid-template-columns:2.5fr -webkit-max-content;grid-template-columns:2.5fr max-content;grid-column-gap:30px;padding-bottom:30px}.WrapperToolbar-searchContainer{display:grid;grid-template-columns:30px auto;align-items:center}.mobile .WrapperToolbar,.tablet .WrapperToolbar{display:none}.Wrapper-isModalVisible{-webkit-filter:blur(2px);filter:blur(2px);pointer-events:none}.Feedback{padding:30px;border-radius:6px;position:fixed;top:0;right:0;display:grid;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;grid-column-gap:30px;align-items:center;color:#fff;z-index:20;font-size:15px;font-weight:500;letter-spacing:1px;opacity:.99;margin:10px;box-shadow:0 13px 5px -3px rgba(0,0,0,.03);min-width:100px}.mobile .Feedback{width:calc(100% - 20px)}.Feedback--success{background:var(--successColor)}.Feedback--error{background:var(--dangerColor)}.Feedback--warning{background:var(--warningColor)}.Feedback--info{background:var(--infoColor)}.Modal-smallSize .ant-modal,.Modal .ant-modal{font-family:unset!important}.Modal-smallSize .ant-modal-header,.Modal .ant-modal-header{border:none!important;text-align:center}.desktop.Modal .ant-modal{width:900px!important}.tablet.Modal .ant-modal{width:80%!important}.Button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px 10px;flex-grow:0;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:80px;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;border-radius:3px;border:1px solid transparent;white-space:nowrap;text-transform:none;letter-spacing:0;text-shadow:0 -1px 0 rgba(0,0,0,.12)}.Button--large{height:45px;padding:0 15px}.Button--small{font-weight:700!important;height:30px}.Button--primary,.Button--primary:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.Button--outline:hover,.Button--primary:hover{outline:0;box-shadow:0 0 0 .2rem var(--blue200)}.Button--secondary{background:var(--grey200);color:#000;border-color:var(--grey300)}.Button--success{background:var(--successColor);color:#fff;border-color:var(--successColor)}.Button--success:hover{outline:0;box-shadow:0 0 0 .2rem var(--successColor100)}.Button--warning{background:var(--warningColor);color:#fff;border-color:var(--warningColor)}.Button--warning:hover{outline:0;box-shadow:0 0 0 .2rem var(--warningColor100)}.Button--danger{background:var(--dangerColor);color:#fff;border-color:var(--dangerColor)}.Button--danger:hover{outline:0;box-shadow:0 0 0 .2rem var(--dangerColor100)}.Button--outline{background:transparent;color:var(--blue);border-color:var(--blue)}.Button--clear{border:none;border-radius:0;justify-content:flex-start;font-weight:unset;padding:8px 2px;box-shadow:none;background:transparent}.Button--disabled{opacity:.6;cursor:not-allowed;outline:none}.Button--flat{border:none;padding:0;color:var(--blue);box-shadow:none;background:transparent}.Button--fullwidth{width:-webkit-fill-available;width:-moz-available;width:stretch}div.Button .loader-spinner{display:inline-block;border-radius:50%;border:none;border-top:4px solid;height:16px;width:16px;margin-right:5px;-webkit-animation:spin .6s linear infinite;animation:spin .6s linear infinite}.sidebar{background:var(--blueGradient);display:grid;grid-template-rows:auto auto;overflow:auto;font-weight:700;font-size:13px}.sidebar,.sidebar a:hover:not(.help){color:#fff}.mobile .sidebar .sidebar-head,.tablet .sidebar .sidebar-head{padding:10px 50px 10px 15px}.sidebar-head-isExpanded{background:var(--blueGradient)}.sidebarToggle{position:absolute;top:0;right:0;width:50px;height:60px;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center}.sidebarToggle-icon{width:18px;height:18px}.sidebarToggle-isFixed{position:fixed}.sidebarToggle-text{font-size:10px;font-weight:700}.sidebarItemList{overflow:auto}.sidebarItem{padding:15px 30px}.sidebarItem-collapseItem{padding:10px 15px}.sidebarItem,.sidebarItem-collapseItem{justify-content:space-between;color:#fff;text-decoration:none}.sidebarItem,.sidebarItem-collapseItem,.sidebarItem&gt;div{display:flex;flex-direction:row;align-items:center}.sidebarItem-caret{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.sidebarItem-isActive .sidebarItem-icon:not(.sidebarItem-icon-isActive){display:none}.sidebarItem-isActive .sidebarItem-icon-isActive{display:visible}.sidebarItem:not(.sidebarItem-isActive) .sidebarItem-icon-isActive{display:none}.sidebarItem-isOpen .sidebarItem-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sidebarItem-isSettingsPaneOpen{padding:15px 25px}.sidebarItem-icon{margin-right:10px;width:21px;height:21px}.sidebarItem-collapse{margin-left:70px;border-left:1px dashed #fff}.sidebarItem-collapseItem{overflow:visible!important}.sidebarItem-collapseItem-isActive:before{background:var(--yellowGradient)!important}.sidebarItem-collapseItem:before{content:"";position:absolute;left:-5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;background:#fff;height:8px;width:8px;border-radius:8px}.sidebarFooter-divider{border-top:1px solid hsla(0,0%,100%,.5);margin:0 20px 10px}.sidebarFooter-action,.sidebarFooter-actions{display:flex;flex-direction:row;align-items:center}.sidebarFooter-actions{justify-content:space-between;padding:10px 20px}.sidebarFooter-action{background:#fff;padding:5px 20px;color:var(--blue);border-radius:20px}.sidebarFooter-actionIcon{margin-right:10px}.mobile .sidebar,.tablet .sidebar{grid-template-rows:-webkit-max-content auto -webkit-max-content;grid-template-rows:max-content auto max-content;position:fixed;z-index:5;top:0;bottom:0;left:0;right:0;height:100vh;height:var(--appHeight);width:100vw;font-size:17px}.mobile .sidebar-isHidden,.tablet .sidebar-isHidden{opacity:0;pointer-events:none}.mobile .sidebar .sidebarFooter-actions,.tablet .sidebar .sidebarFooter-actions{justify-content:flex-end}.mobile .sidebar .sidebarFooter-actions&gt;*,.tablet .sidebar .sidebarFooter-actions&gt;*{margin-right:20px}.tablet .sidebar .sidebarFooter-actions{justify-content:center}.tablet .sidebar .sidebarItemList{width:35%}.mobile .sidebar .sidebarItem{padding:20px 30px 20px 20px}.settings-action{background:#fff;display:flex;justify-content:flex-start;padding:8px 15px;color:var(--blue);border-radius:20px;margin:0 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mobile .settings-action,.tablet .settings-action{padding:8px 15px!important;background:transparent;color:#fff}.settings-action img{width:26px;height:26px}.settingsPane{width:175px;position:fixed;left:70px;top:0;bottom:0;background-color:#fbfbfb;padding-top:50px;z-index:2}.mobile .settingsPane,.tablet .settingsPane{width:100vw;height:calc(100vh - 64px);position:fixed;left:0;top:64px;bottom:0;padding:33px;z-index:5}.settingsPane-isHidden{display:none}.settingsPaneTitle{padding:10px;font-size:18px}.mobile .settingsPaneTitle,.tablet .settingsPaneTitle{padding:10px 0;font-size:18px}.settingsPaneItemList{margin-top:10px;display:flex;flex-direction:column}.settingsPaneItem{padding:10px 0 10px 25px;font-size:13px;display:flex;justify-content:space-between;align-items:center;color:#3b3b3b}.mobile .settingsPaneItem,.tablet .settingsPaneItem{padding:10px 0;border-bottom:.5px solid rgba(0,0,0,.058823529411764705)}.settingsPaneItem img{width:8px;height:13px}.settingsPaneItem.settingsPaneItem-isOpen,.settingsPaneItem:hover{color:#fff;background:var(--blueGradient)}.mobile .settingsPaneItem.settingsPaneItem-isOpen,.mobile .settingsPaneItem:hover,.tablet .settingsPaneItem.settingsPaneItem-isOpen,.tablet .settingsPaneItem:hover{background:transparent;color:#3b3b3b}.accountActions-details{margin:0 15px}.accountNotification{position:relative;padding:0 10px}.accountNotification-hasBadge:after{content:"";width:8px;height:8px;border-radius:8px;position:absolute;top:0;right:0;background:var(--blueGradient)}.accountActions--inverted{flex-direction:row-reverse!important}.accountActions--inverted *{color:#fff!important}.accountActions--inverted .accountNotification-hasBadge:after{background:var(--yellowGradient)}.accountActions-collapse{padding:10px 0}.accountActions-collapseItem{padding:15px 10px}.accountActions-collapseItem&gt;img{width:18px;margin-right:20px}.accountActionsPopover-icon{width:15px;margin-right:10px}.accountActions-fullname{font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root{--avi-default-size:80px;--avi-small-size:40px;--avi-xsmall-size:25px}.Avatar{width:80px;width:var(--avi-default-size);height:80px;height:var(--avi-default-size);border-radius:80px;border-radius:var(--avi-default-size);overflow:hidden;box-sizing:unset;background-color:var(--grey200)}.Avatar&gt;*{height:100%;width:100%;border-radius:inherit;background:var(--grey200)}.Avatar--small{width:40px;width:var(--avi-small-size);height:40px;height:var(--avi-small-size);border-radius:40px;border-radius:var(--avi-small-size)}.Avatar--xsmall{width:25px;width:var(--avi-xsmall-size);height:25px;height:var(--avi-xsmall-size);border-radius:25px;border-radius:var(--avi-xsmall-size)}.Avatar--isBordered{padding:5px;background:var(--blueGradient)}.Avatar--small.Avatar--isBordered,.Avatar--xsmall.Avatar--isBordered{padding:2px}.schoolSwap{height:var(--schoolSwap-height);background:#fff;padding:0 10px;display:flex;align-items:center}.schoolSwap-avatar{height:40px;width:40px;border-radius:40px;border:1px solid #fad961;margin-right:10px;background:var(--grey200)}.schoolSwap-avatar img{height:inherit;width:inherit}.schoolSwap-title{font-size:12px;font-weight:700;margin-right:20px}.schoolSwapMenu{position:fixed;width:calc(var(--sidebar-width) - 30px);max-height:90vh;z-index:10;top:0;left:0;background-color:#fff;border:1px solid hsla(0,0%,74.1%,.25);box-shadow:0 7.08823px 35.4412px rgba(0,0,0,.07);border-radius:7.08823px;overflow:auto;margin:5px;display:flex;flex-direction:column;padding:10px;-webkit-transition:var(--fadeTransition);transition:var(--fadeTransition);box-sizing:unset}.schoolSwapMenu-isHidden{opacity:0;pointer-events:none}.schoolSwapMenu-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}.schoolSwapMenu-logo{width:30px;height:30px;margin-right:10px}.schoolSwapMenu-title{font-weight:600;font-size:12px}.schoolSwapMenu-closeButton{width:10px;height:10px;padding:5px;box-sizing:unset}.schoolSwapMenu-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px;border-radius:5px;font-size:13px;font-weight:600;margin:2.5px 0}.schoolSwapMenu-item img{padding:0 5px}.schoolSwapMenu-item-isActive{background:var(--blue);color:#fff}.schoolSwapMenu-item--secondary{color:var(--blue)}.mobile .schoolSwapMenu{margin:0;border-top-left-radius:0;border-top-right-radius:0;border:none;width:-webkit-fill-available;width:-moz-available;width:stretch}.mobile .schoolSwapMenu .schoolSwapMenu-closeButton{-webkit-transform:scale(1.7);transform:scale(1.7)}.mobile .schoolSwapMenu .schoolSwapMenu-item{padding-top:15px;padding-bottom:15px}.GuardianList{display:grid;grid-gap:15px}.mobile .GuardianListItem{display:grid;grid-template-rows:auto;grid-gap:15px}.mobile .GuardianListItem-wards{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-gap:15px}.GuardianListItem-wardItems{display:grid;grid-row:auto;grid-gap:15px}.GuardianListItem-wardItems&gt;*{display:grid;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);grid-gap:10px}.Table{background:#fff;position:relative;overflow-x:hidden;overflow-y:auto;width:-webkit-fill-available;width:-moz-available;width:stretch;padding:0!important}.Table table{width:inherit}.Table th{text-transform:uppercase;font-size:10px;letter-spacing:1px;white-space:nowrap;position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#fff;box-shadow:0 1px 0 var(--grey100);text-align:left;height:45px}.Table table,.Table thead,.Table thead th:first-child,.Table thead th:last-child,.Table thead tr{border-top-left-radius:inherit;border-top-right-radius:inherit}.Table-footer{padding:15px}.Table-header,.Table th,.Table tr:not(:last-child) td{border-bottom:1px solid var(--grey200)}.Table--bordered td+td,.Table--bordered th+th{border-left:1px solid var(--grey200)}.Table-header,.Table td,.Table th{padding:10px}.Table td{font-size:13px}.Table tr&gt;td:last-child,.Table tr&gt;th:last-child{width:-webkit-max-content;width:-moz-max-content;width:max-content}.Table--striped tbody tr:nth-child(odd){background:var(--blue100)}.Table tbody{overflow:auto;-webkit-transition:-webkit-filter .6s;transition:-webkit-filter .6s;transition:filter .6s;transition:filter .6s,-webkit-filter .6s}.Table-emptyState{display:flex;flex-direction:column;align-items:center;padding:100px 0;color:var(--grey);text-transform:uppercase;letter-spacing:1px}.Table-emptyState .material-icons{font-size:4rem;color:var(--grey300)}.Table-plusButton{background:#fff;border:1px solid hsla(0,0%,74.1%,.25);border-radius:3px;font-size:30px;font-weight:700;color:var(--blue);width:25px;height:25px;display:flex;align-items:center;justify-content:center;float:right}.Table-isLoading{overflow-y:hidden;-webkit-transition:all .6s ease;transition:all .6s ease;cursor:wait}.Table-isLoading tbody{-webkit-filter:blur(1px);filter:blur(1px);overflow:hidden}.tablet .Table-responsive{background:transparent;box-shadow:none;border:none}.tablet .Table-responsive table{border-collapse:separate;border-spacing:0 10px}.tablet .Table-responsive th{background:transparent;padding:10px 15px}.tablet .Table-responsive th,.tablet .Table-responsive tr td{border:none!important}.tablet .Table-responsive tbody tr td{background:#fff;box-shadow:7px 2px 9px 0 hsla(0,0%,77%,.11);padding:15px;border-color:var(--grey100)!important;border-style:solid!important;border-width:1px 0!important}.tablet .Table-responsive tbody tr td:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px;border-left:1px solid var(--grey100)!important}.tablet .Table-responsive tbody tr td:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px;border-right:1px solid var(--grey100)!important}.TableLoading{position:absolute;height:3px;display:block;width:100%;background-color:var(--blue300);background-clip:padding-box;overflow:hidden;z-index:10;-webkit-transition:height .6s;transition:height .6s;pointer-events:none;top:45px}.tablet .TableLoading{top:55px}.TableLoading-isHidden{height:0}.TableLoading-indeterminate{background-color:var(--blue)}.TableLoading-indeterminate:before{-webkit-animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.TableLoading-indeterminate:after,.TableLoading-indeterminate:before{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right}.TableLoading-indeterminate:after{-webkit-animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}.Row--isSelected{background-color:#1483c8;color:#fff}.Row--isSelected td+td{border-left:1px solid #1483c8}.Pagination{padding:15px 10px;display:flex}.Pagination,.Pagination-button{flex-direction:row;align-items:center}.Pagination-button{background:#fff;border:.708823px solid #dcdcdc!important;box-sizing:border-box;border-radius:2.83529px;padding:10px 15px;justify-content:center}.Pagination-button:first-of-type{margin:0 10px}.Pagination-button img{width:12px;height:12px}.mobile .Pagination{width:100%;justify-content:space-between}.mobile .Pagination .Pagination-button:first-of-type{margin:0 20px}.EmptyList{display:flex;flex-direction:column;align-items:center;padding:100px 0;color:var(--grey);text-transform:uppercase;letter-spacing:1px}.EmptyList .material-icons{font-size:8rem;color:var(--grey300)}.Card{background:#fff;border:1px solid hsla(0,0%,74.1%,.25);box-shadow:0 2px 9px hsla(0,0%,76.9%,.11);border-radius:5px;padding:15px;-webkit-transition:padding .15s ease-out;transition:padding .15s ease-out;box-sizing:unset}.Card-title{letter-spacing:1px;font-weight:500;font-size:10px;text-transform:uppercase;margin-bottom:30px}.mobile .Card-title,.tablet .Card-title{text-align:center}.Segment{background:rgba(238,245,250,.43);border:1px solid hsla(0,0%,74%,.25);border-radius:8px;padding:20px}.MobilePageHeader{background:#fff;margin:-10px -10px 0;padding:10px}.MobilePageHeader&gt;*+*{margin-top:10px}.contentWrapperLoader{height:calc(100vh - 100px)}.GuardianListSearch-TabletForm{display:grid;grid-template-columns:3fr 1fr 1fr 1fr;align-items:center;grid-column-gap:15px;margin-bottom:-10px}.GuardianListSearch-DesktopForm{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1fr;align-items:center;grid-column-gap:15px}.GuardianListSearch-DesktopForm&gt;.GuardianListSearch-MoreFields{grid-column:span 5;display:grid;grid-column-gap:15px;grid-template-columns:repeat(4,minmax(100px,auto));grid-template-rows:auto;margin-bottom:-10px}.GuardianListSearch-DirectSearchForm{display:grid;grid-template-columns:auto -webkit-max-content;grid-template-columns:auto max-content;grid-column-gap:15px;align-items:center}.mobile .GuardianListSearch-DirectSearchForm{grid-template-columns:auto}.mobile .GuardianListSearch-DirectSearchForm&gt;*{width:100%}.DateRangeInput-popover{padding:10px 30px!important}.DateRangeInput-popover .ant-popover-inner-content{max-height:unset}.DateRangeInput-prepend{display:flex;align-items:center;justify-content:center;padding:0 10px;background:var(--grey100);border-right:1px solid var(--grey200);border-top-left-radius:3px!important;border-bottom-left-radius:3px!important;height:-webkit-fill-available;height:-moz-available;height:stretch}.DateRangeInput-prepend img{width:15px}.DateRangeInput-modal .ant-modal-body{padding:0}.DateRangePicker{display:grid;grid-template-columns:minmax(200px,1fr) auto;grid-column-gap:30px;background:#fff;padding:10px}.DateRangePicker-hide-options{grid-column-gap:0}.mobile.DateRangePicker,.tablet.DateRangePicker{grid-template-columns:auto;grid-template-rows:auto auto;grid-row-gap:10px}.mobile.DateRangePicker{width:80vw}.DateRangePicker-options{display:flex;flex-direction:column;justify-content:space-evenly}.tablet.DateRangePicker .DateRangePicker-options{flex-direction:row}.DateRangePicker-option{width:-webkit-fill-available;width:-moz-available;width:stretch;color:var(--blue)}.DateRangePicker-option-isActive{color:#fff}.tablet.DateRangePicker .DateRangePicker-option:not(:last-child){margin-right:10px}.desktop.DateRangePicker .DateRangePicker-option{height:40px}.mobile.DateRangePicker .DateRangePicker-option:not(:last-child){margin-bottom:10px}.DateRangePicker-input{display:flex;align-items:center;border:1px solid var(--grey200);border-radius:4px;padding:10px;position:relative}.DateRangePicker-input img{margin-right:10px;width:20px;height:20px}.DateRangePicker-input&gt;:not(img){border:none;outline:none;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:13px;font-weight:500}.mobile.DateRangePicker .DateRangePicker-input&gt;:not(img){text-align:center}.DateRangePicker-calendarGroup{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:30px}.mobile.DateRangePicker .DateRangePicker-calendarGroup{grid-template-columns:auto;grid-template-rows:auto;grid-row-gap:20px}.DateRangePicker-calendar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DateRangePicker-calendarNav,.DateRangePicker-calendarWeekdays{border-bottom:1px solid var(--grey200)}.DateRangePicker-calendarNav{display:flex;align-items:center;justify-content:center;position:relative;padding:10px;font-size:13px}.DateRangePicker-calendarNavDate{color:var(--blue);font-weight:700}.DateRangePicker-calendarNavLeft,.DateRangePicker-calendarNavRight{position:absolute;color:var(--grey)}.DateRangePicker-calendarNavLeft{left:0}.DateRangePicker-calendarNavRight{right:0}.DateRangePicker-calendarDays,.DateRangePicker-calendarWeekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;padding:10px;line-height:0;font-size:10px;font-weight:600}.DateRangePicker-calendarWeekdays{color:var(--grey)}.DateRangePicker-calendarWeekday{padding:10px}.DateRangePicker-calendarDays{grid-row-gap:7.5px}.DateRangePicker-calendarDay{cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;padding:12.5px 10px}.mobile.DateRangePicker .DateRangePicker-calendarDay{padding:15px 10px}.DateRangePicker-calendarDay-isBetweenRange{background:var(--blue300)}.DateRangePicker-calendarDay-isRangeEnd,.DateRangePicker-calendarDay-isRangeStart{background:var(--blue);color:#fff;font-weight:700}.DateRangePicker-calendarDay-isRangeStart{border-top-left-radius:4px;border-bottom-left-radius:4px}.DateRangePicker-calendarDay-isRangeEnd{border-top-right-radius:4px;border-bottom-right-radius:4px}.DateRangePicker-calendarDay:not(.DateRangePicker-calendarDay-isRangeStart):not(.DateRangePicker-calendarDay-isRangeEnd):hover{background:var(--blue200)}.DateRangePicker-calendarDay:not(.DateRangePicker-calendarDay-isRangeStart):not(.DateRangePicker-calendarDay-isRangeEnd):active{background:var(--blue100)}.DateRangePicker-calendarDay-isDisabled{pointer-events:none;color:var(--grey);background:transparent;font-weight:400}.Label{margin-bottom:15px}.Label-text{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.Label--inline{display:grid;grid-template-columns:30% auto;grid-gap:15px}.Label--inline .Label-text{margin-top:15px}.Label--required .Label-text{position:relative;padding-left:10px}.Label--required .Label-text:before{content:"*";color:var(--dangerColor);position:absolute;left:0;font-size:13px;font-weight:800}.FullscreenDialog{position:fixed;height:100vh;height:var(--appHeight);background:var(--blueGradient);top:0;left:0;right:0;z-index:9;padding-bottom:100px;overflow-y:auto;color:#fff;opacity:1}.FullscreenDialog-isHidden{opacity:0;pointer-events:none}.FullscreenDialog-title{text-align:center;padding:30px 10px;font-size:20px}.FullscreenDialog-close{position:absolute;top:0;right:0;padding:33px 20px}.FullscreenDialog-content{padding:10px}.FullscreenDialog-confirmButton{position:fixed!important;bottom:0;left:0;right:0;font-weight:600;font-size:16px;padding:20px;text-align:center;background:var(--grey100)!important;color:var(--blue);box-shadow:0 -2px 2px rgba(0,0,0,.05);opacity:.98;width:100vw}.tabs{position:relative;margin:-10px -10px 60px;background:#fff;border:1px solid hsla(0,0%,74.1%,.25);box-shadow:0 2px 9px hsla(0,0%,76.9%,.11);border-radius:5px;padding:15px;-webkit-transition:padding .15s ease-out;transition:padding .15s ease-out;box-sizing:unset}.mobile .tabs:not(.tabs-isNotResponsive),.tablet .tabs:not(.tabs-isNotResponsive){border-radius:0!important;border:none!important}.desktop .tabs,.tabs-isNotResponsive{margin:0 0 10px;padding-bottom:0!important}.tablet .tabs-isNotResponsive{grid-template-columns:1fr}.mobile .tabs-isNotResponsive,.tablet .tabs-isNotResponsive{display:grid;justify-content:flex-start}.tabs-container{display:inline-block;border-bottom-right-radius:4px;border-bottom-left-radius:4px;position:absolute;left:0;right:0;bottom:-50px;grid-area:tabs;white-space:nowrap;overflow-x:visible;overflow-y:hidden;padding:0 5px}.tablet .tabs:not(.tabs-isNotResponsive) .tabs-container{display:inline-flex;justify-content:center}.desktop .tabs .tabs-container,.tabs-isNotResponsive .tabs-container{position:relative;left:unset;right:unset;bottom:unset;overflow:visible;padding:0}.tabs-container .tab{display:inline-block;vertical-align:top;background:#fff;padding:10px 20px;margin:0 5px;border-radius:5px;font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.045)}.desktop .tabs .tabs-container .tab,.tabs-isNotResponsive .tabs-container .tab{margin:0 15px 0 0;border-radius:0;border:1px solid #fff;box-shadow:unset}.desktop .tabs .tabs-container .tab:after,.desktop .tabs .tabs-container .tab:before,.tabs-isNotResponsive .tabs-container .tab:after,.tabs-isNotResponsive .tabs-container .tab:before{content:"";position:absolute;width:100%;left:0;height:0}.desktop .tabs .tabs-container .tab:before,.tabs-isNotResponsive .tabs-container .tab:before{-webkit-transition:height .6s cubic-bezier(.19,1,.22,1);transition:height .6s cubic-bezier(.19,1,.22,1)}.tabs-container .tab-isActive{background:var(--blue);color:#fff}.desktop .tabs .tabs-container .tab-isActive,.tabs-isNotResponsive .tabs-container .tab-isActive{background:var(--grey100);color:var(--blue);border-color:hsla(0,0%,74.1%,.15);position:relative;box-shadow:inset 0 2px 9px hsla(0,0%,76.9%,.11)}.desktop .tabs .tabs-container .tab-isActive:before,.tabs-isNotResponsive .tabs-container .tab-isActive:before{background:var(--blue);top:0;height:3px}.desktop .tabs .tabs-container .tab-isActive:after,.tabs-isNotResponsive .tabs-container .tab-isActive:after{background:var(--grey100);top:calc(100% - 10px);height:20px}.mobile .tabs-container,.tablet .tabs-container{grid-column:1}.tabs-grid{display:grid;grid-template-columns:1fr minmax(-webkit-min-content,30%);grid-template-columns:1fr minmax(min-content,30%);grid-column-gap:30px;grid-row-gap:10px;grid-template-areas:"title    options" "content  content"}.tablet .tabs:not(.tabs-isNotResponsive) .tabs-grid{grid-template-columns:1fr minmax(-webkit-min-content,15%);grid-template-columns:1fr minmax(min-content,15%);grid-template-areas:"title    title" "content  options"}.desktop .tabs .tabs-grid{grid-template-columns:1fr -webkit-min-content;grid-template-columns:1fr min-content;grid-template-areas:"content  options" "tabs     tabs"}.tabs-isNotResponsive{display:flex;flex-direction:row-reverse;justify-content:flex-end}.desktop .tabs-isNotResponsive .tabs-grid{display:flex;width:-webkit-fill-available;width:-moz-available;width:stretch;margin-left:5%;margin-top:-15px}.mobile .tabs-isNotResponsive .tabs-grid,.tablet .tabs-isNotResponsive .tabs-grid{margin-top:-15px}.tabs-isNotResponsive .tabs-content{display:flex;flex-direction:row-reverse;justify-content:space-between;width:-webkit-fill-available;width:-moz-available;width:stretch}.tabs-options{grid-area:options;display:grid;grid-template-rows:-webkit-max-content;grid-template-rows:max-content;grid-gap:30px;align-items:flex-start}.tabs-title{grid-area:title}.tabs-content{grid-area:content}.GuardianBioData{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;grid-gap:10px}.tablet .GuardianBioData{grid-template-columns:repeat(2,1fr)}.mobile .GuardianBioData{grid-template-columns:unset}.GuardianBioData&gt;:first-child{grid-row:span 2}.GuardianWards-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;grid-gap:5px;padding:30px 0}.tablet .GuardianWards .GuardianWards-grid{grid-template-columns:repeat(2,1fr);width:80%;margin:auto}.mobile .GuardianWards .GuardianWards-grid{grid-template-columns:auto;grid-row-gap:20px}.GuardianWards-item{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-gap:10px}.GuardianWards-avi{margin-right:15px}.Notes-head{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.desktop .Notes-head{justify-content:flex-start}.NoteItem{margin-bottom:10px;display:grid;justify-content:space-between;align-items:center}.mobile .NoteItem{grid-row-gap:15px;grid-template-columns:60px auto 10px;grid-template-rows:auto;grid-template-areas:"title              title             title" "text               text              text" "createdAt          author            author" "visibilitySwitch    visibilitySwitch  moreButton"}.tablet .NoteItem{grid-gap:15px;grid-template-columns:auto 50px 200px -webkit-min-content;grid-template-columns:auto 50px 200px min-content;grid-template-rows:auto;grid-template-areas:"title            title     title   title" "text             text      text    text" "visibilitySwitch createdAt author  moreButton"}.desktop .NoteItem{grid-gap:15px;grid-template-columns:1fr -webkit-max-content -webkit-min-content;grid-template-columns:1fr max-content min-content;grid-template-rows:auto;grid-template-areas:"title              createdAt   moreButton" "text               .           ." "visibilitySwitch   author      ."}.desktop .NoteItem .NoteItem-author,.desktop .NoteItem .NoteItem-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.NoteItem-title{grid-area:title}.NoteItem-text{grid-area:text}.desktop .NoteItem .NoteItem-createdAt{justify-self:flex-end}.NoteItem-createdAt{grid-area:createdAt}.NoteItem-author{grid-area:author}.NoteItem-visibilitySwitch{grid-area:visibilitySwitch}.NoteItem-moreButton{grid-area:moreButton;padding:0 5px}.ant-switch{font-family:unset!important;height:30px!important;width:65px!important;border-color:var(--grey200)!important;background-color:#fff!important;margin:5px 0}.ant-switch-checked{background-color:var(--blue)!important;border-color:var(--blue)!important}.ant-click-animating-node{border:0 solid var(--blue)!important}.ant-switch:after{font-family:Material Icons!important;width:25px!important;height:25px!important;border-radius:25px!important;display:flex;align-items:center;justify-content:center;background-color:var(--blue)!important;color:#fff!important;content:"close"!important;font-size:20px!important}.ant-switch-checked:after{content:"check"!important;color:var(--blue)!important;background-color:#fff!important}.ant-switch-inner{color:#000!important}.ant-switch-checked .ant-switch-inner{color:#fff!important}.CreateNote-title{border:none;outline:none;width:-webkit-fill-available;width:-moz-available;width:stretch}.CreateNote-toolbar{border-bottom:1px solid var(--grey200);padding:15px 0;display:grid;grid-template-columns:repeat(2,-webkit-max-content) auto;grid-template-columns:repeat(2,max-content) auto;grid-gap:15px;margin-bottom:15px}.CreateNote-toolbar&gt;:last-child{justify-self:flex-end}.CreateNote-textarea{background:#fff;border:1px solid hsla(0,0%,74.1%,.25);border-radius:3px;padding:15px;margin-bottom:15px}.CreateNote-textarea textarea{width:-webkit-fill-available;width:-moz-available;width:stretch;border:none;min-height:300px;outline:none}.CreateNote-buttonGroup{display:flex;align-items:center;justify-content:space-between}.Alert{padding:20px;border-radius:4px;background:var(--grey200);display:grid;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;grid-column-gap:15px;color:#3b3b3b;align-items:center}.Alert--success{background:var(--successColor100)}.Alert--info,.Alert--notice,.Alert--warning{background:var(--warningColor100)}.Alert--danger{background:var(--dangerColor100)}.Alert-icon{font-size:20px;width:20px}.guardianSummary{display:grid;grid-template-columns:repeat(5,-webkit-max-content);grid-template-columns:repeat(5,max-content);grid-template-rows:auto;grid-column-gap:30px;grid-row-gap:10px;padding-bottom:20px}.mobile .guardianSummary{grid-template-columns:-webkit-max-content repeat(4,minmax(auto,20%));grid-template-columns:max-content repeat(4,minmax(auto,20%));width:-webkit-max-content;width:-moz-max-content;width:max-content;grid-column-gap:15px}.guardianSummary-avatar{grid-row:span 2}.guardianSummary&gt;:nth-child(2){grid-column:span 4}.mobile .guardianSummary&gt;:nth-child(3){grid-column:span 3}.guardianFinance-head{display:grid;grid-column-gap:20px;align-items:center}.desktop .guardianFinance .guardianFinance-head{grid-template-columns:repeat(3,-webkit-max-content);grid-template-columns:repeat(3,max-content);padding:0 10px}.mobile .guardianFinance .guardianFinance-head,.tablet .guardianFinance .guardianFinance-head{grid-template-columns:-webkit-max-content;grid-template-columns:max-content;padding-bottom:10px;padding-right:15px}.mobile .guardianFinance .guardianFinance-head&gt;:first-child,.tablet .guardianFinance .guardianFinance-head&gt;:first-child{grid-column:3;grid-row:1;justify-self:flex-end}.mobile .financeItem,.tablet .financeItem{display:grid;margin-bottom:12px}.desktop .financeItem{border-bottom:1px solid var(--grey100);padding-bottom:30px;margin-bottom:30px}.desktop .financeItem:last-of-type{border:none;margin-bottom:0}.desktop .financeItem .financeItem-summary{display:flex;align-items:center;justify-content:space-between;padding:0 0 15px 15px}.desktop .financeItem .financeItem-summary&gt;*{display:grid;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);align-items:center}.desktop .financeItem .financeItem-summary&gt;:first-child{grid-column-gap:15px}.desktop .financeItem .financeItem-summary&gt;:nth-child(2){grid-column-gap:60px;margin-right:10rem}.desktop .financeItem .table-row{grid-template-columns:10px repeat(2,1fr) repeat(3,.6fr) 1fr 10px;grid-gap:20px;padding-left:15px;padding-right:15px}.desktop .financeItem .table-row:not(.table-head):nth-child(2n){background:var(--blue100)}.mobile .financeItem .financeItem-summary{display:grid;padding:10px}.mobile .financeItem .financeItem-summary&gt;.studentDetails{grid-column:span 5;display:grid;grid-template-columns:40px 1fr;grid-column-gap:15px;align-items:center;padding-bottom:5px}.mobile .financeItem .financeItem-summary&gt;.studentDetails img{grid-row:span 2}.mobile .financeItem .financeItem-summary&gt;.studentFinanceSummary{grid-row:2;grid-column:span 5;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;margin-left:20px;padding-left:35px;border-left:1.5px dashed #bdbdbd;padding-bottom:5px}.mobile .financeItem .financeItem-summary .walletBalance{display:grid}.mobile .financeItem .financeItem-summary .dueFees span:first-child,.mobile .financeItem .financeItem-summary .walletBalance span:first-child{font-size:11px}.mobile .financeItem .financeItem-summary .dueFees{display:grid}.mobile .financeItem .financeItem-summary&gt;.seeMoreButton{grid-column:1/2;align-self:center;padding-left:7px}.mobile .financeItem .financeItem-summary&gt;.payButton{display:flex;align-items:center;justify-self:flex-end;grid-column:3/6;text-align:end}.mobile .financeItem .financeItem-summary&gt;.printButtonnnn{grid-column-start:4;grid-column-end:5;grid-row:1;align-self:flex-start;justify-self:flex-end;padding:5px 10px}.mobile .financeItem .financeItem-summary&gt;:last-child{grid-column:1/6;margin-left:20px;padding-left:35px;border-left:1.5px dashed #bdbdbd;grid-row-start:3}.mobile .financeItem .financeItem-card{display:grid;grid-gap:15px;padding-left:0;border:unset;border-top:2px solid hsla(0,0%,74.1%,.25);border-radius:unset}.mobile .financeItem .financeItem-card:last-child{padding-bottom:35px}.mobile .financeItem .financeItem-card&gt;:first-child{grid-column:3;grid-row:1/span 2;justify-self:flex-end;align-self:flex-start}.mobile .financeItem .financeItem-card&gt;:nth-child(2){display:flex}.mobile .financeItem .financeItem-card&gt;:nth-child(4) div:first-child,.mobile .financeItem .financeItem-card&gt;:nth-child(5) div:first-child{text-transform:uppercase;font-size:10px;font-weight:700}.mobile .financeItem .financeItem-card&gt;:nth-child(2),.mobile .financeItem .financeItem-card&gt;:nth-child(3){grid-column-start:1;grid-column-end:3}.tablet .financeItem .financeItem-summary{display:grid;grid-template-columns:repeat(4,-webkit-max-content);grid-template-columns:repeat(4,max-content);justify-content:space-between;align-items:flex-start}.tablet .financeItem .financeItem-summary&gt;.studentDetails{display:grid;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);grid-column-gap:15px;align-items:center}.tablet .financeItem .financeItem-summary&gt;.studentDetails img{grid-row:span 2}.tablet .financeItem .financeItem-summary&gt;.studentDetails div:nth-child(3){margin-left:20px;padding:10px;border-left:1.5px dashed #bdbdbd}.tablet .financeItem .financeItem-summary .walletBalance{display:inline-flex;padding:0 8px}.tablet .financeItem .financeItem-summary&gt;.seeMoreButton{grid-row-start:4;padding-left:7px;align-self:center}.tablet .financeItem .financeItem-summary&gt;.payButton{display:inline-flex;align-items:center;grid-row-start:4;grid-column-start:3;grid-column-end:6;justify-content:flex-end}.tablet .financeItem .financeItem-summary&gt;:last-child{grid-column:1/6;margin-left:20px;padding-left:25px;border-left:1.5px dashed #bdbdbd}.tablet .financeItem .financeItem-card{display:grid;grid-gap:15px;padding:15px 10px;align-items:center;border:unset;border-top:2px solid hsla(0,0%,74.1%,.25);border-radius:unset}.tablet .financeItem .financeItem-card:last-child{padding-bottom:35px}.tablet .financeItem .financeItem-card&gt;:first-child{grid-column:6;grid-row:1/span 2;justify-self:flex-end;align-self:flex-start}.tablet .financeItem .financeItem-card&gt;:nth-child(2){display:flex}.tablet .financeItem .financeItem-card&gt;:nth-child(4) div:first-child,.tablet .financeItem .financeItem-card&gt;:nth-child(5) div:first-child{text-transform:uppercase;font-size:10px;font-weight:700}.tablet .financeItem .financeItem-card&gt;:nth-child(2),.tablet .financeItem .financeItem-card&gt;:nth-child(3){grid-column-start:1;grid-column-end:6}.tablet .financeItem .financeItem-card&gt;:last-child{grid-column-start:6;grid-column-end:7}.CreateGuardian-form{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:15px}.tablet .CreateGuardian-form{grid-template-columns:repeat(2,1fr)}.mobile .CreateGuardian-form{display:block}.desktop .ward-Details,.tablet .ward-Details{display:grid;grid-template-columns:repeat(2,minmax(50%,1fr));grid-column-gap:15px}.desktop .CreateGuardian-wardDetails,.tablet .CreateGuardian-wardDetails{width:50%}.Avatar.ward-input-image{width:45px;height:45px;position:absolute;z-index:5;left:0;top:0}.wardName-input--text{padding-left:50px}.react-tel-input{font-family:unset!important}.react-tel-input input[type=tel],.react-tel-input input[type=text]{height:45px!important;width:-webkit-fill-available!important;width:-moz-available!important;width:stretch!important}.react-tel-input .flag-dropdown{margin:1px!important;border:none!important;border-right:1px solid var(--grey200)!important;background-color:var(--grey100)!important}.react-tel-input .country-list{border-radius:4px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important}.react-tel-input .country-list .country.highlight,.react-tel-input .country-list .country:hover{background:var(--blue100)!important}.react-tel-input .country-list .country.highlight{color:var(--blue)!important}.react-tel-input .country-list .country.highlight .country-name{font-weight:700!important}.react-tel-input .selected-flag{z-index:3!important}.photoInput{border:1px dashed var(--grey);padding:10px;height:inherit;width:inherit;margin-bottom:15px}.photoInput--focus{border-color:var(--blue)}.photoInput--success{border-color:var(--successColor)}.photoInput--error{border-color:var(--dangerColor)}.photoInput--display{height:200px;width:90%;background-color:#f3f3f3;border:none;border-radius:5px}.display-text{color:#2e2e2e;font-weight:400;margin-top:22px}.photoInput--display img{width:66px!important;height:55px!important}.EmployeeSummary{display:grid;grid-template-columns:repeat(5,auto);grid-template-rows:auto;grid-column-gap:30px;grid-row-gap:10px;padding-bottom:20px;max-width:600px}.mobile .EmployeeSummary{grid-column-gap:15px}.EmployeeSummary-avatar{grid-row:span 2}.EmployeeSummary&gt;:nth-child(2),.EmployeeSummary&gt;:nth-child(3){grid-column:span 2}.EmployeeList{display:grid;grid-gap:15px}.mobile .EmployeeListItem{position:relative}.mobile .EmployeeListItem&gt;*+:not(.EmployeeListItem-checkbox):not(.EmployeeListItem-avi){margin-top:10px}.mobile .EmployeeListItem-checkbox{position:absolute;right:15px}.mobile .EmployeeListItem-avi{float:left;margin-right:15px;margin-bottom:15px}.EmployeeListSearch-TabletForm{display:grid;grid-template-columns:3fr 1fr 1fr 1fr;align-items:center;grid-column-gap:15px;margin-bottom:-10px}.EmployeeListSearch-DesktopForm{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1fr;align-items:center;grid-column-gap:15px}.EmployeeListSearch-DesktopForm&gt;.EmployeeListSearch-MoreFields{grid-column:span 5;display:grid;grid-column-gap:15px;grid-template-columns:repeat(4,minmax(100px,auto));grid-template-rows:auto;margin-bottom:-10px}.EmployeeBioData{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:-webkit-max-content;grid-template-rows:max-content;grid-gap:10px}.desktop .EmployeeBioData&gt;:first-child,.tablet .EmployeeBioData&gt;:first-child{grid-row:span 4}.tablet .EmployeeBioData{grid-template-columns:repeat(2,1fr)}.mobile .EmployeeBioData{grid-template-columns:unset}.EmployeeBioData&gt;:first-child{grid-row:span 2}.mobile .EmployeePrivileges-buttonContainer{position:fixed;bottom:0;width:100%;background:#fff;padding:10px;left:0;right:0;box-shadow:1px -1px 10px rgba(217,228,236,.22);z-index:5}.EmployeePrivileges-buttonContainer{margin-top:30px;display:flex;justify-content:center}.desktop .EmployeePrivileges-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:-webkit-max-content;grid-template-rows:max-content;grid-column-gap:20px;grid-row-gap:40px;align-items:flex-start}.mobile .EmployeePrivileges-grid{margin-bottom:90px}.mobile .EmployeePrivileges-grid&gt;*+*{margin-top:15px}.EmployeePrivileges-grid&gt;:first-child,.EmployeePrivileges-grid&gt;:nth-child(2){grid-row:span 2}.EmployeePrivileges-group{border-top:1px solid var(--grey100)}.EmployeePrivileges-groupItem:first-of-type{text-transform:uppercase;font-weight:700;font-size:10px;letter-spacing:1px}.EmployeePrivileges-groupItem{display:grid;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;align-items:center;grid-column-gap:10px;border-bottom:1px solid var(--grey100)}.EmployeePrivileges-groupItem:nth-of-type(2n){background:var(--blue100)}.EmployeePrivileges-groupItem&gt;:first-child{border-right:1px solid var(--grey100);padding:10px}.dateInput-overlay{position:absolute;left:0;z-index:1;padding:0!important;margin:13px 0}.DayPicker{font-size:.9rem;color:var(--inputControlTextColor)}.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover{background-color:var(--blue100)}.DayPicker-Body{line-height:1.25}.DayPicker-wrapper{outline:none}.dateInput-prepend{display:flex;align-items:center;justify-content:center;padding:0 10px;background:var(--grey100);border-right:1px solid var(--grey200);border-top-left-radius:3px!important;border-bottom-left-radius:3px!important;height:-webkit-fill-available;height:-moz-available;height:stretch}.dateInput-prepend img{width:15px}.StudentList{display:grid;grid-gap:15px}.mobile .StudentListItem{position:relative}.mobile .StudentListItem&gt;*+:not(.StudentListItem-checkbox):not(.StudentListItem-avi){margin-top:10px}.mobile .StudentListItem-checkbox{position:absolute;right:15px}.mobile .StudentListItem-avi{float:left;margin-right:15px;margin-bottom:15px}.StudentListSearch-TabletForm{display:grid;grid-template-columns:3fr 2fr 1fr 1fr;align-items:center;grid-column-gap:15px;margin-bottom:-10px}.StudentListSearch-DesktopForm{display:grid;grid-template-columns:3fr 1fr 2fr 1fr 1fr;align-items:center;grid-column-gap:15px}.StudentListSearch-DesktopForm&gt;.StudentListSearch-MoreFields{grid-column:span 5;display:grid;grid-column-gap:15px;grid-template-columns:repeat(4,minmax(100px,auto));grid-template-rows:auto;margin-bottom:-10px}.MultiselectInput{cursor:pointer}.MultiselectInput .ant-checkbox-group{display:flex;flex-direction:column;padding:10px 15px}.MultiselectInput .ant-checkbox-group label{margin-right:0}.MultiselectInput .ant-checkbox-group label+label{margin-top:10px;padding-top:10px;border-top:1px solid var(--grey200)}.StudentSummary{display:grid;grid-template-columns:1.8fr 2fr 1fr;grid-column-gap:20px}.tablet .StudentSummary{grid-template-columns:1.8fr 2fr;position:relative}.tablet .StudentSummary&gt;:nth-last-child(2){grid-column:2}.tablet .StudentSummary&gt;:last-child{grid-column:2;position:absolute;bottom:0;right:0}.mobile .StudentSummary{display:block}.StudentSummary-cell1,.StudentSummary-cell2,.StudentSummary-cell3{padding-bottom:20px;height:-webkit-max-content;height:-moz-max-content;height:max-content}.StudentSummary-cell1{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:auto;grid-column-gap:15px}.StudentSummary-cell1&gt;:nth-child(2){grid-column:span 2}.StudentSummary-cell2,.StudentSummary-cell3{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-gap:10px;border-left:1px solid var(--grey300);padding-left:20px}.StudentSummary-cell2&gt;:first-child,.StudentSummary-cell3&gt;:first-child{grid-column:span 2}.mobile .StudentSummary .StudentSummary-cell2,.mobile .StudentSummary .StudentSummary-cell3{border-left:none;padding:5px}.StudentSummary-avatar{grid-row:span 2}.StudentBioData{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:-webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content;grid-gap:10px}.tablet .StudentBioData{grid-template-columns:repeat(2,1fr)}.mobile .StudentBioData{grid-template-columns:unset}.StudentBioData&gt;:first-child{grid-row:span 2}.StudentBatchHistoryItem{margin-bottom:10px}.StudentReportCardsItem{margin-bottom:10px;display:grid;grid-gap:15px;align-items:center;grid-template-columns:1fr .5fr .5fr}.StudentGuardianRelations{display:grid;grid-gap:30px}.tablet .StudentGuardianRelations{width:85%;margin:auto}.mobile .StudentGuardianRelations&gt;button,.tablet .StudentGuardianRelations&gt;button{order:2;margin:auto}.StudentGuardianRelations-grid{display:grid;grid-template-rows:auto;grid-template-columns:repeat(4,1fr);grid-gap:5px;overflow:hidden}.tablet .StudentGuardianRelations-grid{grid-template-columns:repeat(3,1fr)}.mobile .StudentGuardianRelations-grid{grid-template-columns:1fr}.StudentGuardianRelationsItem{display:grid;grid-template-columns:40px 1fr;grid-gap:15px;grid-template-rows:auto;overflow:hidden}.StudentGuardianRelationsItem&gt;:not(:first-child):not(:nth-child(2)){grid-column:span 2}.StudentGuardianRelationsItem&gt;:last-child{align-items:flex-end}.StudentGuardianRelationsItem-wards&gt;*+*{margin-left:-10px}.AssignGuardian-directSearch&gt;*+*{margin-top:10px}.AssignGuardianItem{display:grid;grid-template-columns:45px repeat(2,1fr);grid-template-rows:auto;grid-gap:10px;grid-template-areas:"avatar     name            name" "avatar     mobile_phone    mobile_phone" ".          phone           phone" "email      email           button";margin-bottom:10px}.AssignGuardianItem-photo{grid-area:avatar}.AssignGuardianItem-name{grid-area:name}.AssignGuardianItem-mobile_phone{grid-area:mobile_phone}.AssignGuardianItem-phone{grid-area:phone}.AssignGuardianItem-email{grid-area:email}.AssignGuardianItem-actions{grid-area:button;justify-self:flex-end}.StudentAttendanceReport{display:grid;grid-gap:15px;align-items:center;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto}.mobile .StudentAttendanceReport&gt;*{width:-webkit-fill-available;width:-moz-available;width:stretch}.mobile .StudentAttendanceReport{grid-template-columns:auto}.AttendanceReport-head{display:grid;grid-gap:20px;padding-bottom:30px}.AttendanceReport{padding-bottom:60px}.AttendanceReport-loading{-webkit-filter:blur(1px);filter:blur(1px)}.desktop .AttendanceReport .AttendanceReport-head{grid-template-columns:1.4fr 2fr;grid-template-rows:auto}.tablet .AttendanceReport .AttendanceReport-head{grid-template-columns:3fr 1fr 1fr 3fr;grid-template-rows:auto}.mobile .AttendanceReport .AttendanceReport-head{display:block;padding-bottom:0}.mobile .AttendanceReport .AttendanceReport-head&gt;*{margin-bottom:30px}.desktop .AttendanceReport .AttendanceReport-stats1{display:grid;grid-template-columns:1fr .8fr 1fr;grid-gap:20px}.mobile .AttendanceReport .AttendanceReport-stats1,.tablet .AttendanceReport .AttendanceReport-stats1{grid-column:1/span 2;grid-row:2/span 1;display:grid;grid-template-columns:2fr 1fr 2fr;grid-gap:10px;text-align:center}.AttendanceReport-stats1-cell{border-right:1px solid var(--grey200);line-height:30px}.mobile .AttendanceReport .AttendanceReport-stats1-cell,.tablet .AttendanceReport .AttendanceReport-stats1-cell{padding:0 10px;line-height:2;display:flex;flex-direction:column;justify-content:space-around}.mobile .AttendanceReport .AttendanceReport-stats1-cell:last-of-type,.tablet .AttendanceReport .AttendanceReport-stats1-cell:last-of-type{border:none}.AttendanceReport-stats2{display:flex;align-items:center;justify-content:space-between}.mobile .AttendanceReport .AttendanceReport-stats2,.tablet .AttendanceReport .AttendanceReport-stats2{grid-column:3/span 2;grid-row:2/span 1;display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;justify-items:center}.AttendanceReport-stats2-item{font-weight:700;font-size:13px;color:var(--blue)}.AttendanceReport-stats2-itemTag{height:30px;min-width:30px;border-radius:6px;background:var(--grey200);text-align:center;line-height:30px;color:var(--blue)!important}.AttendanceReport-stats2-item--daysAbsent{color:var(--dangerColor)}.AttendanceReport-stats2-item--daysAbsent .AttendanceReport-stats2-itemTag{background:rgba(251,93,93,.35)}.AttendanceReport-stats2-item--daysLate{color:var(--warningColor)}.AttendanceReport-stats2-item--daysLate .AttendanceReport-stats2-itemTag{background:rgba(250,217,97,.3)}.AttendanceReport-stats2-item--daysPresent .AttendanceReport-stats2-itemTag{background:var(--white);border:1px solid rgba(117,175,217,.3)}.AttendanceReport-stats2-item--holidays{color:var(--grey)}.AttendanceReport-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px}.tablet .AttendanceReport-grid{grid-template-columns:repeat(2,1fr)}.mobile .AttendanceReport-grid{grid-template-columns:repeat(1,1fr)}.Calendar{width:-webkit-fill-available;width:-moz-available;width:stretch}.Calendar-header{font-weight:700;font-size:16px;padding:10px 5px}.Calendar-header-isNavigationEnabled{display:grid;grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;grid-gap:10px;text-align:center}.Calendar-days{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:15px;text-align:center;padding:10px;font-size:12px}.Calendar-header .material-icons{color:var(--grey)}.Calendar-body{padding-top:10px}.CalendarCell{border-radius:6px;border:1px solid rgba(117,175,217,.3);padding:5px 7.5px;color:var(--blue);position:relative;display:flex;align-items:center;justify-content:center;font-weight:600;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.desktop .CalendarCell{height:2.5vw}.tablet .CalendarCell{min-height:6vw}.mobile .CalendarCell{min-height:12.5vw}.mobile .CalendarCell,.tablet .CalendarCell{font-size:16px}.CalendarCell--daysLate{background:rgba(250,217,97,.3);border-color:rgba(250,217,97,.3)}.CalendarCell--daysAbsent{background:rgba(251,93,93,.35);border-color:rgba(251,93,93,.35)}.CalendarCell--holiday{background:var(--grey200);border-color:var(--grey200)}.CalendarMemo{color:var(--blue);font-size:9px}.mobile .CalendarMemo,.tablet .CalendarMemo{font-size:14px}.CalendarMemo .material-icons{position:absolute;bottom:3px;right:3px;color:inherit;font-size:inherit}.CalendarMemo--daysAbsent{color:#fff}.CalendarMemo--daysLate{color:var(--grey)}.SelectButtonGroup{display:flex;align-items:stretch;justify-content:space-between;background:var(--grey100);border-radius:4px;padding:5px;font-size:13px;font-weight:700;border:1px solid #fff;width:-webkit-max-content;width:-moz-max-content;width:max-content}.SelectButtonGroup--mobile{font-size:11px;width:-webkit-fill-available;width:-moz-available;width:stretch;justify-content:space-between}.SelectButtonGroup--mobile .SelectButtonGroup-button{padding:7.5px}.SelectButtonGroup-button{border-radius:inherit;color:var(--grey);padding:10px;display:flex;align-items:center;-webkit-transition:background .3s ease;transition:background .3s ease;font-size:12px;white-space:nowrap}.mobile .SelectButtonGroup-button{font-size:11px;font-weight:700}.SelectButtonGroup-button-isActive{background:#fff!important;color:#000;font-weight:700}.SelectButtonGroup-button+.SelectButtonGroup-button{margin-left:10px}.mobile .SelectButtonGroup-button+.SelectButtonGroup-button{margin-left:0}.StripeLoadingContainer{position:relative}.StripeLoading{position:absolute;height:3px;display:block;width:100%;background-color:var(--blue300);background-clip:padding-box;overflow:hidden;z-index:10;-webkit-transition:height .6s;transition:height .6s;pointer-events:none;top:0;left:0}.StripeLoading-isHidden{height:0}.StripeLoading-indeterminate{background-color:var(--blue)}.StripeLoading-indeterminate:before{-webkit-animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.StripeLoading-indeterminate:after,.StripeLoading-indeterminate:before{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right}.StripeLoading-indeterminate:after{-webkit-animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}.StudentFeesItem{margin-bottom:10px;display:grid;grid-gap:10px;grid-template-rows:auto}.StudentFeesItem div:first-child,.StudentFeesItem div:nth-child(2){grid-column-start:1;grid-column-end:3}.tablet .StudentFeesItem{grid-template-columns:1fr 1.4fr 1fr 1fr 1fr -webkit-min-content;grid-template-columns:1fr 1.4fr 1fr 1fr 1fr min-content}.tablet .StudentFeesItem div:nth-child(2){grid-column-start:1;grid-column-end:7}.mobile .StudentFeesItem-checkbox{grid-row:1/span 2;grid-column:3}.tablet .StudentFeesItem-checkbox{grid-column:6;grid-row:1}.mobile .StudentFeesItem-buttonGroup{grid-row:3;grid-column:2/span 2}.tablet .StudentFeesItem-buttonGroup{grid-column:span 2}.StudentFeesItem-buttonGroup&gt;*{align-self:stretch}.mobile .StudentFeesItem-buttonGroup,.StudentFeesItem-checkbox{justify-self:flex-end}.tablet .StudentFeesItem-menu{grid-column-end:7}.tablet .StudentFinanceSummary{display:flex;justify-content:inherit}.mobile .StudentFinanceSummary-detail{padding-top:10px}.StudentTransactionsItem{grid-column-gap:30px}.StudentFees-header{display:grid;grid-template-columns:auto -webkit-max-content;grid-template-columns:auto max-content}.mobile .StudentFees-header{grid-template-columns:auto}.StudentFees-header-left,.StudentFees-header-right{margin-bottom:10px;display:flex;align-items:center}.StudentFees-header-right{justify-content:space-between}.mobile .StudentFees-header-right{grid-row:1}.StudentFees-header-right&gt;:first-child{margin-right:5px}.mobile .StudentFees-header-right&gt;*{width:-webkit-fill-available;width:-moz-available;width:stretch}.tablet .printBtn{position:absolute;left:85%;top:75%}.mobile .printBtn{position:absolute;left:75%;top:70%}.recharts-text.recharts-polar-angle-axis-tick-value{font-size:10px}#studentAssessmentChartReports{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;margin-top:20px}#studentAssessmentChartReports .studentPerformanceTrend{order:2;flex-grow:3;min-width:450px}.mobile #studentAssessmentChartReports .studentPerformanceTrend{min-width:auto}.mobile #studentAssessmentChartReports .studentPerformanceTrend div.Card{padding-left:0}#studentAssessmentChartReports .studentPerformanceRadar{order:1;flex-grow:1;width:300px;margin-bottom:0}.StudentSubjectAssessment{display:grid;grid-gap:15px;margin-top:20px}.mobile .StudentSubjectAssessment{padding:20px 0}.mobile .StudentSubjectAssessmentItem{position:relative;display:grid;grid-template-columns:repeat(3,auto);font-size:16px;align-items:center;grid-row-gap:15px}.mobile .StudentSubjectAssessmentItem&gt;div&gt;span{font-size:10px;color:var(--inputControlTextColor);display:block}.mobile .StudentSubjectAssessmentItem div.assCatBlock{grid-column:span 2}.mobile .StudentSubjectAssessmentItem&gt;div:first-child{grid-column:1/4}.mobile .studentPerformance{padding-bottom:30px}.studentPerformance-head{margin-bottom:5px}.studentPerformance-legendKey{width:50px;height:0;border:1.5px solid #efefef;border-radius:1.5px}.studentPerformance-legendKey--dashed{border-width:.5px;border-style:dashed}.studentPerformance-legendText{font-size:12px;padding:0 20px}.mobile .studentPerformance .studentPerformance-legendKey{width:30px}.mobile .studentPerformance .studentPerformance-legendText{padding:0 20px 0 10px;font-size:10px}.AddStudent&gt;*+*{margin-top:15px}.mobile .AddStudent,.tablet .AddStudent{margin-bottom:100px}.AddStudent-saveButton{display:grid;grid-template-columns:auto auto;grid-gap:15px}.desktop .AddStudent-saveButton{margin:auto;margin-top:60px!important;width:50%}.mobile .AddStudent-saveButton,.tablet .AddStudent-saveButton{background:#fff;position:fixed;bottom:0;right:0;left:0;padding:15px;z-index:3;box-shadow:1px -1px 10px rgba(217,228,236,.22)}.tablet .AddStudent-saveButton{padding-left:30%;padding-right:30%}.AddEmployee-formGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:30px;margin-bottom:3rem}.tablet .AddEmployee-formGrid{grid-template-columns:repeat(2,1fr);align-items:flex-end}.mobile .AddEmployee-formGrid{grid-template-columns:repeat(1,1fr)}.FinanceList{display:grid;grid-gap:15px}.mobile .FinanceListItem{position:relative}.mobile .FinanceListItem&gt;*+:not(.FinanceListItem-checkbox):not(.FinanceListItem-avi){margin-top:10px}.mobile .FinanceListItem-checkbox{position:absolute;right:15px}.mobile .FinanceListItem-avi{float:left;margin-right:15px;margin-bottom:15px}.FinanceTransactionSearch-TabletForm{display:grid;grid-template-columns:2fr 2fr repeat(2,-webkit-max-content);grid-template-columns:2fr 2fr repeat(2,max-content);align-items:center;grid-column-gap:15px;margin-bottom:-10px}.FinanceTransactionSearch-DesktopForm{display:grid;grid-template-columns:1fr 1fr 1fr 1fr -webkit-max-content;grid-template-columns:1fr 1fr 1fr 1fr max-content;align-items:center;grid-column-gap:15px}.FeeTransactionSearch-TabletForm{display:grid;grid-template-columns:2fr 2fr repeat(2,-webkit-max-content);grid-template-columns:2fr 2fr repeat(2,max-content);align-items:center;grid-column-gap:15px;margin-bottom:-10px}.FeeTransactionSearch-DesktopForm{display:grid;grid-template-columns:1.5fr 1fr 1fr repeat(2,-webkit-max-content);grid-template-columns:1.5fr 1fr 1fr repeat(2,max-content);align-items:center;grid-column-gap:15px}.FeeTransactionSearch-DesktopForm&gt;.FeeTransactionSearch-MoreFields{grid-column:span 5;display:grid;grid-column-gap:15px;grid-template-columns:repeat(4,minmax(100px,auto));grid-template-rows:auto;margin-bottom:-10px}.CustomTransactionSearch-TabletForm{display:grid;grid-template-columns:2fr 2fr repeat(2,-webkit-max-content);grid-template-columns:2fr 2fr repeat(2,max-content);align-items:center;grid-column-gap:15px;margin-bottom:-10px}.CustomTransactionSearch-DesktopForm{display:grid;grid-template-columns:1.5fr 1fr 1fr repeat(2,-webkit-max-content);grid-template-columns:1.5fr 1fr 1fr repeat(2,max-content);align-items:center;grid-column-gap:15px}.CustomTransactionSearch-DesktopForm&gt;.CustomTransactionSearch-MoreFields{grid-column:span 5;display:grid;grid-column-gap:15px;grid-template-columns:repeat(4,minmax(100px,auto));grid-template-rows:auto;margin-bottom:-10px}.MaybeBackPage-backBtn{color:var(--blue);display:flex;align-items:center;font-size:15px;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding:0}.discountForStudents-item{padding:10px 3px;display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:15px}.discountForStudents-item&gt;div&gt;div{font-size:12px;line-height:19px}.discountForStudents-item&gt;div:first-child{grid-column:1/span 2}.discountForStudents-item&gt;div&gt;div:first-child{font-size:10px;font-weight:700;text-transform:uppercase;margin-bottom:5px}.discountForStudents-items--tablet{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}.discountForStudents-items--mobile{display:block}.discountForStudents-items--mobile .Card{margin-bottom:10px}.assignSelectedStudents&gt;p{text-align:center;font-size:14px;margin-bottom:23px}.assignSelectedStudents-updateButton{margin:48px auto 18px;padding:10px 36px}.assignSelectedStudents-item{display:grid;grid-template-columns:40px 1fr;grid-column-gap:15px;grid-row-gap:14px}.assignSelectedStudents-items{margin-top:35px}.assignSelectedStudents-items .Card:not(:last-child){margin-bottom:13px}.assignSelectedStudents-item&gt;div:nth-of-type(2){grid-column:2;font-size:12px}.assignSelectedStudents-item&gt;div:nth-of-type(2)&gt;div:first-of-type{font-size:10px;font-weight:700;text-transform:uppercase;margin-bottom:5px}.assignSelectedStudents-item&gt;div:first-of-type{font-size:14px}.desktop .selectedFee{background:#fff}.selectedFee-back{color:var(--blue);display:flex;align-items:center;font-size:15px;font-weight:700;letter-spacing:1px;margin-bottom:20px}.mobile .color-blue,.selectedFee .color-blue,.tablet .color-blue{color:var(--blue)}.selectedFee-table table tbody tr td:last-child{text-align:right}.selectedFee-table{border-top:1px solid var(--grey200)}.selectedFee-head{display:flex;justify-content:space-between}.selectedFee-dataGroup{display:grid;grid-template-columns:repeat(7,auto);justify-content:space-between;grid-gap:28px;flex:1 1}.desktop .selectedFee-dataGroup div:nth-child(6){display:grid;grid-column:6/8}.tablet .selectedFee-dataGroup{grid-template-columns:repeat(6,auto);grid-row-gap:22px}.mobile .selectedFee-dataGroup{grid-template-columns:repeat(2,1fr);grid-row-gap:22px}.mobile .selectedFee-head,.tablet .selectedFee-head{justify-content:center;flex-direction:column;background:#fff;margin:-10px -10px 10px;padding:20px;position:relative}.selectedFee-head&gt;*{padding-bottom:40px}.selectedFee-popover&gt;div{cursor:pointer;font-size:12px;line-height:19px;position:relative}.selectedFee-popover--options&gt;div{padding:12px 10px}div.selectedFee-popover--change-status{padding:0}.selectedFee-popover--change-status .ant-collapse-item.ant-collapse-item&gt;div{color:rgba(0,0,0,.65)}.selectedFee-popover--change-status .ant-collapse-content-box div&gt;*{margin-right:12px}.selectedFee-popover--change-status .ant-collapse-content-box&gt;div:not(:last-child){border-bottom:1px solid hsla(0,0%,74.1%,.25);padding-bottom:14px}.selectedFee-popover--change-status .ant-collapse-content-box&gt;div:not(:first-child){padding-top:14px}.selectedFee-popover--change-status .ant-collapse-content-box&gt;div{padding-left:9px}.selectedFee-popover--change-status .ant-collapse-content-box{padding-left:0}div.selectedFee-popover--selected-students{padding-right:47px}.selectedFee-popover--selected-students span{display:inline-block;width:26px;height:26px;border-radius:25px;background:var(--blue);text-align:center;color:#fff;position:absolute;padding-top:3px;right:3px;top:10px}.selectedFee-popover--more&gt;div{padding:9px 51px 9px 17px}.selectedFee-popover&gt;div:not(:last-child){border-bottom:1px solid hsla(0,0%,74.1%,.25)}.tablet .selectedFee-head&gt;:not(.selectedFee-optionGroup){padding:0}.mobile .selectedFee-head&gt;:not(.selectedFee-optionGroup){padding-right:0;padding-bottom:15px;flex-basis:50%}.selectedFee .selectedFee-optionGroup{order:1;margin-top:-7.5px;margin-left:44px;align-self:flex-end}.selectedFee-more{display:flex;justify-content:flex-end;margin-right:-30px}.selectedFee-more:after,.selectedFee-more:hover:after{background:transparent}.selectedFee-optionGroup .Button--primary img{margin-left:37px}.mobile .selectedFee-optionGroup,.tablet .selectedFee-optionGroup{order:0;width:-webkit-fill-available;width:-moz-available;width:stretch;flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:30px}.selectedFee-optionGroup{margin:0;display:flex;align-items:flex-start}.mobile .option--button,.tablet .option--button{position:absolute;top:10px;right:15px}.tablet .selectedFee-more{width:100%;padding-right:12px;margin-right:0}.tablet .selectedFee-item{display:grid;grid-template-columns:40px 2fr repeat(4,1fr);grid-column-gap:15px;align-items:center;padding-left:15px;margin-bottom:0}.tablet&gt;.selectedFee-item{margin:25px 15px 15px;background:var(--grey100)}.tablet .Card:not(:last-child){margin-bottom:13px}.tablet .selectedFee-item img{background:var(--grey100);justify-self:flex-end;width:40px;height:40px;border-radius:50%}.tablet .selectedFee-more img{width:auto;height:auto;background:none;border-radius:0}.mobile .selectedFee-item{display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:21px;grid-column-gap:20px}.mobile .selectedFee-item&gt;div:first-child{grid-column:1/span 2;display:flex}.mobile .selectedFee-more{margin:0 0 0 auto}.mobile .selectedFee-item&gt;div{letter-spacing:1px;white-space:nowrap}.mobile .selectedFee-item&gt;div:not(:first-child)&gt;div:first-child{text-transform:uppercase;font-size:10px;font-weight:700}.mobile .selectedFee-item&gt;div:not(:first-child)&gt;div:last-child{font-size:12px}.mobile .selectedFee-item&gt;div:first-child{font-size:14px}.mobile .selectedFee-item&gt;div:first-child .Avatar{margin-right:15px}.mobile .Card:not(:last-child){margin-bottom:13px}.pdf{background:#fff;height:297mm;width:210mm;margin:0 auto}.pdf-header{display:grid;grid-template-columns:minmax(30mm,-webkit-max-content) repeat(3,minmax(5rem,1fr));grid-template-columns:minmax(30mm,max-content) repeat(3,minmax(5rem,1fr));grid-column-gap:5px;padding-top:25px}tfoot td,tfoot th{text-align:center;padding:1.3rem;width:20%;border-bottom:1px solid #ddd}tfoot{text-transform:uppercase}tfoot .td-wallet:first-child{border-right:1px solid #ddd;font-size:1.2rem}.pos{max-width:320px;height:auto;margin:0 auto;background:#fff}.pos-header{display:grid;grid-template-columns:minmax(15mm,-webkit-max-content) 2fr;grid-template-columns:minmax(15mm,max-content) 2fr;grid-column-gap:5px;padding-top:19px}.pos-header div:nth-child(2)&gt;*{margin-bottom:8px}.pos-header-logo{justify-self:center}.pos-cardHeader{padding:15px;font-size:10px}.pos-card{border:1.5px dashed hsla(0,0%,74.1%,.25);margin:12px;padding-bottom:0}.pos-walletTransactions{background:rgba(238,245,250,.43)}.pos-total{background-color:var(--blue);color:#fff}.FeeTransactionsItem&gt;*&gt;*&gt;*{margin-bottom:5px}.FeeTransactionsItem&gt;*&gt;*{margin-bottom:1rem}.AssignRole{margin-bottom:25px}.AssignRole-input{display:grid;grid-template-columns:4fr 1fr;margin-top:12px}.mobile .AssignRole-input{grid-template-columns:6fr 1fr}.AssignRole-input&gt;div:first-of-type{position:relative;padding-left:22.5px}.AssignRole-input&gt;div:nth-of-type(2){text-align:center;padding:12px 0}.AssignRole-input&gt;div:nth-of-type(2) img{height:21px;cursor:pointer}.Avatar.AssignRole-input-image{width:45px;height:45px;position:absolute;z-index:5;left:0;top:0}.AssignRole-input--select{padding-left:35px}.AssignRole-input--select.FormInputControl-isDisabled{background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial}.AssignRole-delete-dialog{z-index:11}.SubjectListSearch-MobileForm{margin-top:20px}.SubjectListSearch-TabletForm{display:grid;grid-template-columns:250px 150px;align-items:center;grid-column-gap:15px;margin-bottom:-10px}.SubjectListSearch-DesktopForm{display:grid;grid-template-columns:300px 150px;align-items:center;grid-column-gap:15px}.SubjectList{display:grid;grid-gap:15px}.mobile .SubjectListItem{position:relative;display:grid;grid-template-columns:repeat(3,auto);font-size:14px;align-items:center}.mobile .SubjectListItem&gt;div:last-child{text-align:right;grid-column:3/span 1}.mobile .SubjectListItem--span-3{grid-column:1/span 3}.mobile a.SubjectListItem--span-3{font-size:16px;margin-bottom:18px}.mobile div.SubjectListItem--span-3{font-size:12px;color:#828282}.SubjectList-popover&gt;div{cursor:pointer;font-size:12px;line-height:19px;position:relative}.SubjectList-popover--more&gt;div{padding:10px}.SubjectList-popover&gt;div:not(:last-child){border-bottom:1px solid hsla(0,0%,74.1%,.25)}.SubjectList-more{display:inline-block;padding:0 12px}.SubjectList-more:after,.SubjectList-more:hover:after{background:transparent}.mobile .SubjectList-more{padding:0 0 0 12px}.SubjectList .Table table tbody tr td:nth-of-type(6){text-align:right}.SubjectAssessment{display:grid;grid-gap:15px}.mobile .SubjectAssessment{padding:10px 0}.mobile .SubjectAssessmentItem{position:relative;display:grid;grid-template-columns:repeat(3,auto);font-size:16px;align-items:center;grid-row-gap:15px}.mobile .SubjectAssessmentItem&gt;div&gt;span{font-size:10px;color:var(--inputControlTextColor);display:block}.mobile .SubjectAssessmentItem div.assCatBlock{grid-column:span 2}.mobile .SubjectAssessmentItem&gt;div:first-child{grid-column:1/3}.mobile .SubjectAssessmentItem&gt;div:first-child&gt;span{font-weight:400}.mobile .SubjectAssessmentItem&gt;div:nth-child(2){text-align:end;padding-right:10px}.SubjectAssessment-popover&gt;div{cursor:pointer;font-size:12px;line-height:19px;position:relative}.SubjectAssessment-popover--more&gt;div{padding:10px}.SubjectAssessment-popover&gt;div:not(:last-child){border-bottom:1px solid hsla(0,0%,74.1%,.25)}.SubjectAssessment-more{display:inline-block;padding:0 12px}.SubjectAssessment-more:after,.SubjectAssessment-more:hover:after{background:transparent}.mobile .SubjectAssessment-more{padding:0 0 0 12px}.SubjectAssessment .Table table tbody tr td:nth-of-type(9){text-align:right}.SubjectScoreSheet-grid{overflow-x:auto;max-height:500px;position:relative;display:flex}.mobile .SubjectScoreSheet-grid{max-height:80vh}.SubjectScoreSheet-col&gt;:first-child{position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:2;font-size:10px;font-weight:600}.SubjectScoreSheet-cell:last-child{border-bottom:none}.SubjectScoreSheet-cell:nth-child(2n){background:var(--grey100)}.SubjectScoreSheet-cell{height:50px;border-bottom:1px solid var(--grey200);font-size:14px;display:flex;align-items:center;justify-content:center;padding:15px;text-transform:uppercase}.SubjectScoreSheet-leftPane{width:-webkit-max-content;width:-moz-max-content;width:max-content;white-space:nowrap}.SubjectScoreSheet-leftPane .SubjectScoreSheet-cell{justify-content:flex-start}.SubjectScoreSheet-col,.SubjectScoreSheet-col&gt;*{-webkit-transition:background .4s ease-in-out;transition:background .4s ease-in-out;border:1px solid var(--grey200);border-left:0}.SubjectScoreSheet-col input{width:40px;z-index:2}.SubjectScoreSheet-col:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:3;background:#fff;border-left:1px solid var(--grey200)}.SubjectScoreSheet-col{height:50%;position:relative}.SubjectScoreSheet-col:not(:first-child):hover:after{background:var(--warningColor100)!important;content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;pointer-events:none}.SubjectScoreSheetToolBar{display:grid;grid-gap:15px;align-items:center;grid-template-columns:-webkit-max-content auto -webkit-max-content;grid-template-columns:max-content auto max-content;margin-bottom:30px}.SubjectScoreSheetToolBar&gt;.termSelectLabel{line-height:16px;font-size:12px;margin-bottom:0}.mobile .SubjectScoreSheetToolBar{grid-template-columns:auto}.mobile .SubjectScoreSheetToolBar&gt;button{position:absolute;top:1px;width:-webkit-max-content;width:-moz-max-content;width:max-content;right:16px}.NameColumnHeader{display:grid;grid-template-columns:1fr auto;grid-template-rows:95px 26px 26px;border:1px solid var(--grey200);border-right:0}.NameColumnHeader&gt;div.nameLabel{justify-self:start;align-self:end;grid-row:1/4;padding:16px 21px}.NameColumnHeader&gt;div:not(.nameLabel){line-height:16px;padding:3px 7px;text-transform:capitalize;font-weight:400;font-size:10px;border:solid var(--grey200);border-width:1px 0 0 1px}.AssessmentColumnHeader{display:grid;grid-template-rows:95px 26px 26px;white-space:nowrap}.AssessmentColumnHeader&gt;div{line-height:16px;padding:3px 7px;text-transform:uppercase;font-weight:400;font-size:10px;text-align:center}.AssessmentColumnHeader&gt;div.first&gt;div{text-align:start;-webkit-transform:rotate(270deg) translate(-37px);transform:rotate(270deg) translate(-37px);display:inline-block;position:relative}.AssessmentColumnHeader&gt;div.first&gt;div&gt;span{display:block;font-weight:700}.AssessmentColumnHeader&gt;div.first&gt;button{position:absolute;right:10px;top:10px;padding:0}.AssessmentColumnHeader&gt;div:not(.first){border-top:1px solid var(--grey200);color:var(--blue);font-weight:700}.badgeWrapper{padding:5px 5px 5px 10px;display:inline-block;align-items:center}.numberCircle{border-radius:50%;font-size:12px;color:#fff;text-align:center;width:20px;height:20px;padding:0 6px;font-weight:400;line-height:20px;background:#f5222d;box-shadow:0 0 0 1px #fff;display:inline-block;margin-left:-5px;margin-top:-5px}.numberCircle.missing{background-color:var(--dangerColor);padding-left:5px}.numberCircle.collected{background-color:var(--infoColor)}.numberCircle.late{background-color:var(--warningColor)}.student-checkBox{position:absolute;right:10%}.BatchCollectionSearch-TabletForm{display:grid;grid-template-columns:2fr 2fr 1fr;align-items:center;grid-column-gap:15px;margin-bottom:-10px}.BatchCollectionSearch-DesktopForm{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;grid-column-gap:15px}.batchSummary{display:flex;justify-content:flex-start}.mobile .batchSummary{display:block}.batchSummary-group{display:grid;grid-template-columns:-webkit-max-content repeat(2,auto);grid-template-columns:max-content repeat(2,auto);grid-template-rows:auto;grid-column-gap:30px;grid-row-gap:10px;padding-bottom:20px;border-right:1px solid var(--grey200);padding-right:15px;flex:1 1}.mobile .batchSummary-group{border-right:none}.desktop .batchDetails{display:flex;flex:1 1}.batchSummary-avatar{grid-row:span 2}.batchSummary-group&gt;:nth-child(2){grid-column:span 2}.BatchAttendanceRegister{position:relative}.BatchAttendanceRegister-title{text-transform:uppercase;font-weight:700}.mobile .BatchAttendanceRegister-title,.tablet .BatchAttendanceRegister-title{text-align:center;margin-bottom:30px}.BatchAttendanceRegister-nav{display:flex;align-items:center;justify-content:space-around;font-size:16px;font-weight:800;width:25%;margin:auto;padding-bottom:15px}.tablet .BatchAttendanceRegister-nav{width:50%}.mobile .BatchAttendanceRegister-nav{width:100%}.BatchAttendanceRegister-grid{overflow-x:auto;max-height:500px;position:relative;display:flex}.mobile .BatchAttendanceRegister-grid{max-height:80vh}.BatchAttendanceRegister-cell:first-child{position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:2;font-size:10px;font-weight:600;justify-content:flex-start}.BatchAttendanceRegister-cell:last-child{border-bottom:none}.BatchAttendanceRegister-cell:nth-child(2n){background:var(--grey100)}.BatchAttendanceRegister-cell{height:50px;border-bottom:1px solid var(--grey200);border-right:1px solid var(--grey200);font-size:12px;display:flex;align-items:center;justify-content:center;padding:15px;text-transform:uppercase}.BatchAttendanceRegister-leftPane{width:-webkit-max-content;width:-moz-max-content;width:max-content;white-space:nowrap}.BatchAttendanceRegister-leftPane .BatchAttendanceRegister-cell{justify-content:flex-start}.BatchAttendanceRegister-col,.BatchAttendanceRegister-col&gt;*{-webkit-transition:background .4s ease-in-out;transition:background .4s ease-in-out}.BatchAttendanceRegister-col:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:3;background:#fff}.BatchAttendanceRegister-col{height:50%;position:relative}.BatchAttendanceRegister-col:not(:first-child):hover:after{background:var(--warningColor100)!important;content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;pointer-events:none}.markPresentBtn{position:absolute;right:38%;bottom:6%}.mobile .markPresentBtn{right:35%}.BatchAttendanceReport-print{position:absolute;top:0;right:0;margin:15px}.desktop .BatchAttendanceReport-summary1,.tablet .BatchAttendanceReport-summary1{display:flex}.desktop .BatchAttendanceReport-summary2,.tablet .BatchAttendanceReport-summary2{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:85px;align-items:center}.mobile .BatchAttendanceReport-summary2{display:grid;grid-template-columns:repeat(2,minmax(60px,1fr));grid-column-gap:60px;align-items:center;padding-top:1.4rem;padding-bottom:5px}.mobile .BatchAttendanceReport-details{display:grid;grid-template-columns:repeat(2,minmax(20px,1fr));align-items:center}.mobile .BatchAttendanceReport-details&gt;*{justify-self:center;padding:10px}.behaviouralGroup--submit{width:30%;margin:20px auto 0}.desktop .studentBehaviour-card,.tablet .studentBehaviour-card{width:49%}.mobile .studentBehaviour-card{width:100%}.students-behaviourList{border-bottom:1px solid hsla(0,0%,74.1%,.25);display:flex;justify-content:space-between}.mobile .TransactionForm,.tablet .TransactionForm{margin-bottom:100px}.AddStudent-studentInfo{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:30px}.tablet .AddStudent-studentInfo{grid-template-columns:repeat(2,1fr)}.mobile .AddStudent-studentInfo{grid-template-columns:repeat(1,1fr)}.desktop .AddTransaction-saveButton{margin:20px auto;width:50%}.mobile .AddTransaction-saveButton,.tablet .AddTransaction-saveButton{background:#fff;position:fixed;bottom:0;right:0;left:0;padding:15px;z-index:3;box-shadow:1px -1px 10px rgba(217,228,236,.22)}.tablet .AddTransaction-saveButton{padding-left:30%;padding-right:30%}.AddEmployee&gt;*+*{margin-top:15px}.mobile .AddEmployee,.tablet .AddEmployee{margin-bottom:100px}.AddEvent-formGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:30px;margin-bottom:3rem}.tablet .AddEvent-formGrid{align-items:flex-end}.mobile .AddEvent-formGrid,.tablet .AddEvent-formGrid{grid-template-columns:repeat(1,1fr)}.AddEmployee-saveButton{display:grid;grid-template-columns:auto auto;grid-gap:15px}.desktop .AddEmployee-saveButton{margin:auto;margin-top:60px!important;width:50%}.mobile .AddEmployee-saveButton,.tablet .AddEmployee-saveButton{background:#fff;position:fixed;bottom:0;right:0;left:0;padding:15px;z-index:3;box-shadow:1px -1px 10px rgba(217,228,236,.22)}.tablet .AddEmployee-saveButton{padding-left:30%;padding-right:30%}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-left:-8px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{content:"";z-index:-1;border-width:8px;left:-8px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker,.react-datepicker-wrapper{display:inline-block}.react-datepicker{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{margin-top:10px}.react-datepicker-popper[data-placement^=top]{margin-bottom:10px}.react-datepicker-popper[data-placement^=right]{margin-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{margin-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;border-top-right-radius:.3rem;padding-top:8px;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{background:none;line-height:1.7rem;text-align:center;cursor:pointer;position:absolute;top:10px;width:0;padding:0;border:.45rem solid transparent;z-index:1;height:10px;width:10px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:10px;border-right-color:#ccc}.react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__navigation--next{right:10px;border-left-color:#ccc}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:80px}.react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px;border-top-color:#ccc}.react-datepicker__navigation--years-previous:hover{border-top-color:#b3b3b3}.react-datepicker__navigation--years-upcoming{top:-4px;border-bottom-color:#ccc}.react-datepicker__navigation--years-upcoming:hover{border-bottom-color:#b3b3b3}.react-datepicker__month-container{float:left}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:85px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:80px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:100%;overflow-x:hidden;margin:0 auto;text-align:center}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__day,.react-datepicker__month-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range{background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range,.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range{background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{position:relative;display:inline-block}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{border-top-color:#ccc;float:right;margin-left:20px;top:8px;position:relative;border-width:.45rem}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0;position:absolute;top:50%;right:7px;height:16px;width:16px;margin:-8px auto 0}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;position:absolute;top:0;right:0;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;content:"\00d7"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.dashboard{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto;grid-column-gap:20px;grid-row-gap:30px;grid-template-areas:"studentFees        studentFees         studentFees" "studentPerformance studentPerformance  generalStatistics" "absentStudents     absentStudents      absentStudents" "debtors            recentTransactions  recentTransactions" "announcements      recentTransactions  recentTransactions" "assessments        assessments         assessments"}.tablet .dashboard{grid-template-columns:1fr 1fr;grid-template-areas:"studentFees        generalStatistics" "studentPerformance studentPerformance" "absentStudents     absentStudents" "debtors            debtors" "recentTransactions recentTransactions" "announcements      announcements" "assessments        assessments"}.mobile .dashboard{display:block}.dashboard-studentFees{grid-area:studentFees}.dashboard-studentPerformance{grid-area:studentPerformance}.dashboard-generalStatistics{grid-area:generalStatistics}.dashboard-absentStudents{grid-area:absentStudents}.dashboard-debtors{grid-area:debtors}.dashboard-announcements{grid-area:announcements}.dashboard-recentTransactions{grid-area:recentTransactions}.dashboard-assessments{grid-area:assessments}.dashboard-icon{width:20px;height:20px;margin-right:10px}.dashboard .table-head{padding-top:0}.dashboard .table-row{align-items:flex-start}.studentFees{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:20px;grid-template-rows:auto;grid-row-gap:5px}.mobile .studentFees,.tablet .studentFees{grid-template-columns:unset;grid-template-rows:repeat(4,auto);grid-row-gap:10px}.mobile .studentFees{padding-bottom:30px}.mobile .studentFees .studentFees-head,.tablet .studentFees .studentFees-head{grid-column:unset}.studentFees-head{grid-column:1/span 3}.studentFees-iconContainer{padding:10px;border-radius:5px;width:60px;height:60px;display:flex;justify-content:center;align-items:center}.studentFees-icon{width:40px;height:40px}.generalStatistics{display:grid;grid-template-rows:auto repeat(3,1fr);grid-row-gap:5px}.tablet .generalStatistics{grid-row-gap:10px}.mobile .generalStatistics{padding-bottom:30px}.absentStudents{display:grid;grid-template-columns:1fr 2.5fr;grid-column-gap:20px;grid-template-rows:auto;grid-row-gap:5px}.absentStudents-head{grid-column:1/span 2}.absentStudents-summaryCard{min-height:200px;display:grid;grid-template-rows:repeat(2,1fr);grid-row-gap:20px;grid-template-columns:repeat(2,1fr);grid-column-gap:20px;align-items:center}.absentStudents-mobileCard{display:grid;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;align-items:center;line-height:2}.absentStudents-mobileCard&gt;div:last-child{border-left:1px solid var(--grey200);text-align:center;padding:0 30px}.absentStudents-tableRow{grid-template-columns:repeat(4,1fr)}.mobile .absentStudents,.tablet .absentStudents{grid-template-columns:unset;grid-template-rows:auto;grid-row-gap:10px}.mobile .absentStudents{padding-bottom:30px}.mobile .absentStudents .absentStudents-head,.tablet .absentStudents .absentStudents-head{grid-column:unset}.mobile .absentStudents .absentStudents-summaryCard,.tablet .absentStudents .absentStudents-summaryCard{display:flex;min-height:unset}.tablet .absentStudents .absentStudents-summaryCard{justify-content:center}.tablet .absentStudents .absentStudents-summaryCard&gt;*{padding:0 5px}.tablet .absentStudents .absentStudents-summaryCard&gt;:nth-child(odd){padding-bottom:20px}.mobile .absentStudents .absentStudents-summaryCard{justify-content:space-between}.recentTransactions-head{margin-bottom:5px}.recentTransactions-mobileCard{display:grid;grid-template-columns:2fr 1fr;align-items:center;line-height:2}.recentTransactions-mobileCard&gt;div:last-child{border-left:1px solid var(--grey200);text-align:center}.mobile .recentTransactions{display:grid;grid-template-rows:auto;grid-row-gap:10px;padding-bottom:30px}.debtors-head{margin-bottom:5px}.debtors-tableRow{grid-template-columns:repeat(4,1fr)}.mobile .debtors{display:grid;grid-template-rows:auto;grid-row-gap:10px;padding-bottom:30px}.debtors-mobileCard{display:grid;grid-template-columns:2fr 1fr;align-items:center;line-height:2}.debtors-mobileCard&gt;div:last-child{border-left:1px solid var(--grey200);text-align:center}.tablet .debtors .debtors-tableRow{grid-template-columns:repeat(3,2fr) 1fr}.tablet .debtors .debtors-tableBody{min-height:200px}.mobile .announcements{display:grid;grid-template-rows:auto;grid-row-gap:10px;padding-bottom:30px}.desktop .announcements .announcements-head,.tablet .announcements .announcements-head{margin-bottom:5px}.announcements-tableBody{overflow:auto;max-height:260px!important}.announcements-mobileCard,.announcements-tableRow{position:relative}.announcements-tableRow{height:auto!important;min-height:20px;border-bottom:1px solid var(--grey300);padding:10px 20px}.announcements-tableRow:last-child{border-bottom:none}.announcements-mobileCard{padding-left:30px!important}.announcements-mobileCard-hasNotification:after,.announcements-tableRow-hasNotification:after{height:8px;width:8px;border-radius:8px;background:var(--blueGradient);content:"";position:absolute;top:22px}.announcements-tableRow-hasNotification:after{left:0}.announcements-mobileCard-hasNotification:after{left:10px}.mobile .assessments{display:grid;grid-template-rows:auto;grid-row-gap:10px;padding-bottom:30px}.assessments-head{margin-bottom:5px}.assessments-mobileCard{display:grid;grid-template-columns:2fr 1fr;align-items:center;line-height:2}.assessments-mobileCard&gt;div:last-child{border-left:1px solid var(--grey200);text-align:center}.ReportCard-head{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.ReportCard-avatar{grid-row:span 2;margin-right:20px}.ReportCard-profile{display:grid;grid-column-gap:30px;grid-row-gap:20px;grid-template-columns:repeat(4,-webkit-max-content);grid-template-columns:repeat(4,max-content)}.ReportCard-profile&gt;:first-child{grid-column:span 4}.ReportCard--mobile .ReportCard-profile{grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content)}.ReportCard--mobile .ReportCard-profile&gt;:first-child{grid-column:span 2}.ReportCard-grid{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:30px;grid-row-gap:15px;padding:15px 0;align-items:flex-start}.ReportCard-subjects{grid-column:span 2;overflow:auto}.ReportCard-affective{grid-row:span 3}.ReportCard-affective,.ReportCard-attendance,.ReportCard-comment,.ReportCard-subjects,.ReportCard-summary{border-top:1px solid var(--grey100);border-bottom:1px solid var(--grey100)}.mobile .ReportCard-affective,.mobile .ReportCard-attendance,.mobile .ReportCard-summary,.ReportCard-comment{grid-column:span 2}.navigatableSelectWrapper{max-width:700px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop .navigatableSelectWrapper,.tablet .navigatableSelectWrapper{min-width:500px}.mobile .navigatableSelectWrapper{min-width:calc(100vw - 120px)}.navigatableSelect .text-p{border:none;box-shadow:none;font-size:18px!important;font-weight:600;line-height:1.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-radio-group.ant-radio-group-outline{padding-top:7px;padding-bottom:7px}.UserSummary{display:grid;grid-template-columns:repeat(5,auto);grid-template-rows:auto;grid-column-gap:30px;grid-row-gap:10px;padding-bottom:20px;max-width:600px}.mobile .UserSummary{grid-column-gap:15px}.UserSummary-avatar{grid-row:span 2}.UserSummary&gt;:nth-child(2){grid-column:span 3}.UserSummary&gt;:nth-child(3){grid-column:span 2}.UserBioData{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:-webkit-max-content;grid-template-rows:max-content;grid-gap:10px}.desktop .UserBioData&gt;:first-child,.tablet .UserBioData&gt;:first-child{grid-row:span 4}.tablet .UserBioData{grid-template-columns:repeat(2,1fr)}.mobile .UserBioData{grid-template-columns:unset}.UserBioData&gt;:first-child{grid-row:span 2}.Settings .SchoolDetails{width:90%;margin:auto;padding-top:10px}.Settings .Wrapper-content{background-color:#fff}.Settings .SchoolDetails--Header{margin-bottom:54px}.mobile .Settings .SchoolDetails--Header,.tablet .Settings .SchoolDetails--Header{margin-bottom:32px}.mobile .Settings .SchoolDetails--Image,.tablet .Settings .SchoolDetails--Image{margin-bottom:40px}.Settings .SchoolDetails--Body{display:grid;grid-template-columns:267px auto}.mobile .Settings .SchoolDetails--Body,.tablet .Settings .SchoolDetails--Body{display:grid;grid-template-columns:auto}.Settings .school-name-wrapper{margin-bottom:37px;width:100%}.mobile .Settings .school-name-wrapper,.tablet .Settings .school-name-wrapper{margin-bottom:0}.Settings .inline-item-wrapper{display:flex;justify-content:space-between;margin-bottom:27px}.mobile .Settings .inline-item-wrapper,.tablet .Settings .inline-item-wrapper{flex-direction:column;margin-bottom:0}.Settings .address-country-currency-wrapper&gt;*,.Settings .inline-item-wrapper&gt;*{width:48%}.mobile .Settings .address-country-currency-wrapper&gt;*,.mobile .Settings .inline-item-wrapper&gt;*,.tablet .Settings .address-country-currency-wrapper&gt;*,.tablet .Settings .inline-item-wrapper&gt;*{width:100%}.Settings .address-country-currency-wrapper{display:flex;justify-content:space-between}.mobile .Settings .address-country-currency-wrapper,.tablet .Settings .address-country-currency-wrapper{flex-direction:column}.Settings .country-currency-wrapper{display:flex;flex-direction:column}.Settings .address .FormInputControl{height:auto}.Settings .address .FormInputControl textarea{height:102px}.Settings .SchoolDetails--Fields button{float:right;margin-top:30px;padding:0 40px}.mobile .Settings .SchoolDetails--Fields button,.tablet .Settings .SchoolDetails--Fields button{margin-top:10px}.PhotoInputDisplay{height:200px;width:85%}.mobile .PhotoInputDisplay,.tablet .PhotoInputDisplay{width:60%;height:auto;margin:auto}.PhotoInputDisplay img{width:100%;height:90%;object-fit:fill;border-radius:5px}.mobile .PhotoInputDisplay img,.tablet .PhotoInputDisplay img{height:auto}.PhotoInputDisplay--remove-image{color:#eb2828;display:block;text-align:center;margin-top:16px}.PhotoInputDisplay--remove-image:hover{text-decoration:underline;cursor:pointer}.Settings .BackButtonMobile--cta-wrapper{display:flex;font-size:12px;margin-bottom:20px}.Settings .BackButtonMobile--cta-wrapper:hover{cursor:pointer}.Settings .BackButtonMobile--cta-wrapper img{width:19px;height:19px;margin-right:10px}.Settings .AcademicSessions{width:100%;padding-top:10px}.mobile .Settings .AcademicSessions,.tablet .Settings .AcademicSessions{padding:29px 20px}.Settings .AcademicSessions--Body{width:100%;height:calc(100vh - 300px)}.Settings .AcademicSessions--Header{width:100%}.Settings .AcademicSessions--Header h2{color:#6d6d6d}.Settings .AcademicSessions--cta-wrapper{display:flex;margin-bottom:50px;margin-top:26px}.mobile .Settings .AcademicSessions--cta-wrapper,.tablet .Settings .AcademicSessions--cta-wrapper{justify-content:center;margin-top:26px}.Settings .AcademicSessions--cta-wrapper button:first-child{margin-right:20px}.Settings .AcademicSessions--cta-wrapper button{padding:0 24px}.mobile .Settings .AcademicSessions--cta-wrapper button,.tablet .Settings .AcademicSessions--cta-wrapper button{padding:0 50px}.Settings .AcademicSessions--cta-table-wrapper td,.Settings .AcademicSessions--cta-table-wrapper th{text-align:center}.Settings .MobileRow{display:flex;padding-left:30px;justify-content:space-between}.Settings .MobileRow--Row{display:flex;flex-direction:column;margin-bottom:10px}.Settings .MobileRow--Row span:first-child{margin-bottom:7px}.Settings .MobileRow--cta img{padding:8px}.Settings .NoAcademicSessions button{padding:0 80px}.mobile .Settings .NoAcademicSessions button,.tablet .Settings .NoAcademicSessions button{padding:0 70px}.Settings .NoDataAvailable{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.mobile .Settings .NoDataAvailable,.tablet .Settings .NoDataAvailable{padding:16px;justify-content:flex-start;margin-top:38px;text-align:center}.Settings .NoDataAvailable--Title{color:#6d6d6d;font-size:20px}.mobile .Settings .NoDataAvailable--Title,.tablet .Settings .NoDataAvailable--Title{font-size:15px}.Settings .NoDataAvailable--Logo{width:214px;height:162px;margin:58px 0}.mobile .Settings .NoDataAvailable--Logo,.tablet .Settings .NoDataAvailable--Logo{width:87px;height:66px;margin:37px 0}.mobile .Settings .NoDataAvailable--Description,.tablet .Settings .NoDataAvailable--Description{width:100%;margin-bottom:61px}.Settings .NoDataAvailable button{padding:0 80px}.mobile .Settings .NoDataAvailable button,.tablet .Settings .NoDataAvailable button{padding:0 70px}.Settings .Classes{width:100%;padding-top:10px}.mobile .Settings .Classes,.tablet .Settings .Classes{padding:29px 20px}.Settings .Classes--Body{width:100%;height:calc(100vh - 300px)}.Settings .Classes--Header{width:100%}.Settings .Classes--Header h2{color:#6d6d6d}.Settings .Classes--cta-wrapper{display:flex;margin-bottom:50px;margin-top:26px}.mobile .Settings .Classes--cta-wrapper,.tablet .Settings .Classes--cta-wrapper{justify-content:center;margin-bottom:30px;margin-top:26px}.Settings .Classes--cta-wrapper button:first-child{margin-right:20px}.mobile .Settings .Classes--cta-wrapper button:first-child,.tablet .Settings .Classes--cta-wrapper button:first-child{margin-right:0}.Settings .Classes--cta-wrapper button{padding:0 24px}.mobile .Settings .Classes--cta-wrapper button,.tablet .Settings .Classes--cta-wrapper button{width:100%}.Settings .Classes--cta-table-wrapper td,.Settings .Classes--cta-table-wrapper th{text-align:center}.Settings .Classes--cta-table-wrapper .Table td,.Settings .Classes--cta-table-wrapper .Table th{padding:30px}.Settings .Classes--cta-table-wrapper .Table td:nth-child(2),.Settings .Classes--cta-table-wrapper .Table th:nth-child(2){text-align:left;padding-left:60px}.Settings .Classes--cta-table-wrapper .Table .ant-switch{background-color:#f6f6f6!important}.Settings .Classes--cta-table-wrapper .Table .ant-switch:after{background-color:#fff!important}.Settings .Classes--cta-table-wrapper .Table .ant-switch-checked{background-color:#c3c6f7!important;border-color:#c3c6f7!important}.Settings .Classes-MobileRow{position:relative}.Settings .Classes-MobileRow--cta{position:absolute;right:0;top:-8px}.Settings .Classes-MobileRow--Body{display:flex;flex-direction:column;padding:20px 10px 10px}.Settings .Classes-MobileRow--Body--top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}.Settings .Classes-MobileRow--Row span:first-child{margin-right:20px}.Settings .Classes-MobileRow .ant-switch{height:25px!important;width:46px!important}.Settings .Classes-MobileRow .ant-switch:after{height:20px!important;width:20px!important}.Settings .ant-switch-checked:after,.Settings .ant-switch:after{content:""!important}.Settings .NewAcademicSession{overflow-y:scroll;padding:10px 25px}.mobile .Settings .NewAcademicSession,.tablet .Settings .NewAcademicSession{padding:10px 0}.Settings .NewAcademicSession--Header{margin-bottom:35px;color:#6d6d6d}.Settings .NewAcademicSession--Header h2{color:#6d6d6d}.Settings .NewAcademicSession--Errors{padding:35px 25px;background-color:#fef5f5;border-radius:10px;margin-bottom:35px}.mobile .Settings .NewAcademicSession--Body,.Settings .NewAcademicSession--Body,.tablet .Settings .NewAcademicSession--Body{display:flex;flex-direction:column}.Settings .NewAcademicSession--Body .Label{margin-bottom:25px}.Settings .NewAcademicSession--Body button{align-self:flex-end;padding:0 30px;margin-top:15px;margin-bottom:35px}.mobile .Settings .NewAcademicSession--Body button,.tablet .Settings .NewAcademicSession--Body button{align-self:center;width:100%}.Settings .ClassSets{width:100%;padding-top:10px}.mobile .Settings .ClassSets,.tablet .Settings .ClassSets{padding:29px 20px}.Settings .ClassSets--Body{width:100%;height:calc(100vh - 300px);display:flex;justify-content:center;align-items:center}.Settings .ClassSets--Header{width:100%}.Settings .ClassSets--Header h2{color:#6d6d6d}.Settings .SubjectNames{width:100%;padding-top:10px}.mobile .Settings .SubjectNames,.tablet .Settings .SubjectNames{padding:29px 20px}.Settings .SubjectNames--Body{width:100%;height:calc(100vh - 300px)}.Settings .SubjectNames--Header{width:100%}.Settings .SubjectNames--Header h2{color:#6d6d6d}.Settings .SubjectNames--cta-wrapper{display:flex;justify-content:space-between;margin-bottom:50px;margin-top:26px}.mobile .Settings .SubjectNames--cta-wrapper,.tablet .Settings .SubjectNames--cta-wrapper{justify-content:center;margin-bottom:30px;margin-top:26px}.Settings .SubjectNames--cta-wrapper button:first-child{margin-right:20px}.mobile .Settings .SubjectNames--cta-wrapper button:first-child,.tablet .Settings .SubjectNames--cta-wrapper button:first-child{margin-right:0}.Settings .SubjectNames--cta-wrapper button{padding:0 24px}.mobile .Settings .SubjectNames--cta-wrapper button,.tablet .Settings .SubjectNames--cta-wrapper button{width:100%}.Settings .SubjectNames--cta-table-wrapper .Table td,.Settings .SubjectNames--cta-table-wrapper .Table th{padding:15px 15px 15px 90px}.Settings .SubjectNames-MobileRow{position:relative}.Settings .SubjectNames-MobileRow--cta{position:absolute;right:0;top:-8px}.Settings .SubjectNames-MobileRow--Body{display:flex;flex-direction:column;padding:20px 10px 10px}.Settings .SubjectNames-MobileRow--Body--top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}.Settings .SubjectNames-MobileRow--Row span:first-child{margin-right:20px}.Settings .NewSubjectName{overflow-y:scroll;padding:10px 25px}.mobile .Settings .NewSubjectName,.tablet .Settings .NewSubjectName{padding:10px 0}.Settings .NewSubjectName--Header{margin-bottom:35px;color:#6d6d6d}.Settings .NewSubjectName--Header h2{color:#6d6d6d}.Settings .NewSubjectName--Errors{padding:35px 25px;background-color:#fef5f5;border-radius:10px;margin-bottom:35px}.mobile .Settings .NewSubjectName--Body,.Settings .NewSubjectName--Body,.tablet .Settings .NewSubjectName--Body{display:flex;flex-direction:column}.Settings .NewSubjectName--Body .Label{margin-bottom:25px}.Settings .NewSubjectName--Body button{align-self:flex-end;padding:0 30px;margin-top:15px;margin-bottom:35px}.mobile .Settings .NewSubjectName--Body button,.tablet .Settings .NewSubjectName--Body button{align-self:center;width:100%}.TransactionReceipt-header{display:flex;align-items:center;justify-content:space-between}.TransactionReceipt-buttonGroup{border:1px solid var(--grey100);border-radius:4px;display:flex;align-items:center;overflow:hidden;justify-self:flex-end}.TransactionReceipt-buttonGroup&gt;:first-child{border-right:1px solid var(--grey100)}.TransactionReceipt-buttonGroup&gt;*{padding:5px 10px}.TransactionReceiptStats{margin:2rem 0;line-height:1.5}.tablet .TransactionReceiptStats{padding-left:30px!important}.mobile .TransactionReceiptStats,.tablet .TransactionReceiptStats{margin-bottom:0}#app:not(.mobile) .TransactionReceiptStats&gt;*{margin-bottom:1rem}.TransactionReceiptStats&gt;*&gt;*{margin-top:1rem}.Row--bordered-top{border-top:1px solid var(--grey200)}.wallet-transaction{padding-top:10px}.StudentTransactionsItem{margin-bottom:10px;display:grid;grid-row-gap:10px;grid-column-gap:20px;grid-template-rows:auto;grid-template-columns:auto -webkit-max-content;grid-template-columns:auto max-content}.FeeSearch-TabletForm{grid-template-columns:3fr 1fr repeat(2,-webkit-max-content);grid-template-columns:3fr 1fr repeat(2,max-content);margin-bottom:-10px}.FeeSearch-DesktopForm,.FeeSearch-TabletForm{display:grid;align-items:center;grid-column-gap:15px}.FeeSearch-DesktopForm{grid-template-columns:1.5fr 1fr 1fr repeat(2,-webkit-max-content);grid-template-columns:1.5fr 1fr 1fr repeat(2,max-content)}.FeeSearch-DesktopForm&gt;.FeeSearch-MoreFields{grid-column:span 5;display:grid;grid-column-gap:15px;grid-template-columns:repeat(4,minmax(100px,auto));grid-template-rows:auto;margin-bottom:-10px}.LogIn{background:var(--blueGradient);min-height:100vh;padding:10px 0}.LogIn-card{padding:55px 30px 30px!important;margin-top:55px;width:300px;min-height:380px}.mobile .LogIn-card{max-width:calc(100vw - 80px);padding-bottom:15px!important}.LogIn-card&gt;*{margin-bottom:15px}.LogIn-poweredBy{padding-top:10px;color:#fff;display:flex;flex-direction:row;align-items:flex-end;justify-content:center}.LogIn-schoolLogo{width:100px;height:100px;border-radius:100px;background:var(--blueGradient);padding:2px;position:absolute;margin-top:-110px;margin-bottom:0;align-self:center}.LogIn-schoolLogoContent{width:-webkit-fill-available;width:-moz-available;width:stretch;height:-webkit-fill-available;height:-moz-available;height:stretch;background:#fff;overflow:hidden;border-radius:inherit;padding:10px;box-sizing:unset}.LogIn-schoolLogoContent img{width:100%;height:100%}
/*# sourceMappingURL=main.7a7aa9d3.chunk.css.map */</pre></body></html>