.ui-grid{min-height:380px}.ui-grid .dropdown.open{position:fixed;z-index:10}.form-group.form-md-line-input .form-control.ng-touched.ng-invalid{border-bottom-color:red}.form-group.form-md-line-input .form-control.ng-touched.ng-invalid.edited:not([readonly])~label:after{background-color:red}.page-footer-inner{padding-bottom:10px}.md-shadow-zero-light{box-shadow:0 0 0 rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.18)!important}body[ng-controller] div.modal-backdrop{z-index:10049}body[ng-controller] div.modal{z-index:10050}.input-ltr,input[type="email"],input[type="url"],input[type="number"],input[type="tel"]{direction:ltr}.audit-log-detail-view h3.form-section{margin-top:5px}.audit-log-detail-view .form-group{margin-bottom:0}.audit-log-detail-view .form-group p.form-control-static{margin:0}.audit-log-detail-view .form-group .control-label{font-weight:bold}div.selected-chat-user{border-bottom:1px solid #36424c;margin:10px;padding-bottom:5px;display:block;padding-right:20px}div.selected-chat-user div.selected-chat-user-image{display:inline-block}div.selected-chat-user div.selected-chat-user-image img{-ms-border-radius:50%;border-radius:50%;display:inline-block;width:30px}div.selected-chat-user div.selected-chat-user-image span.contact-status{width:10px;height:10px;left:32px;top:75px}div.selected-chat-user h5{display:inline-block;margin-left:5px}div.selected-chat-user div.actions{display:inline-block;float:right;padding-top:5px}div.selected-chat-user div.actions a.btn{padding:5px;width:50px}div.page-quick-sidebar-nav{display:block;position:relative}div.page-quick-sidebar-chat-user-messages div.post a.name{cursor:text;text-decoration:none}div.page-quick-sidebar-chat-user-messages div.post a.name:hover{text-decoration:none}div.page-quick-sidebar-chat-users .panel-heading{-ms-border-radius:0;background-color:#21282e;border-radius:0;color:#6c8296}div.page-quick-sidebar-chat-users .panel-title .accordion-toggle{padding:5px 10px}div.page-quick-sidebar-chat-users .panel{background-color:transparent;box-shadow:none}div.page-quick-sidebar-chat-users .panel-body{border-top:1px solid #36424c!important;border-bottom:1px solid #36424c!important;padding:0!important}div.page-quick-sidebar-chat-users .panel-body p{padding:5px}div.page-quick-sidebar-chat-users .panel-group{margin-bottom:0}div.page-quick-sidebar-chat-users li.media img.media-object{width:35px!important}div.page-quick-sidebar-chat-users .popover{min-width:300px}.page-header.navbar .top-menu .navbar-nav li.quick-sidebar-toggler>i.icon-speech:before{content:""}@media(min-width:767px){.page-quick-sidebar-open .page-quick-sidebar-toggler{display:none}}.page-quick-sidebar-open .page-quick-sidebar-toggler i:before{content:""}.contact-status{position:absolute;width:12px;height:12px;border-radius:50%!important;left:38px;margin-top:-3px}.contact-status.online{background-color:#26c281}.contact-status.offline{background-color:#bfcad1}.tooltip-inner{text-align:left!important}.toast-chat-open{right:325px;bottom:12px}textarea#ChatMessage,button.send-chat-message{height:71px}.page-quick-sidebar-open a.page-quick-sidebar-pinner{display:inline-block!important}.page-quick-sidebar-open a.page-quick-sidebar-pinner i:before{content:""!important}a.page-quick-sidebar-pinner{overflow:hidden;z-index:99999;width:28px;height:27px;position:fixed;top:10px;right:50px;text-align:center;padding-top:6px;display:none}@media(min-width:767px){a.page-quick-sidebar-pinner{right:15px}}a.page-quick-sidebar-pinner i.icon-pin{color:#99a8b5;font-size:17px}a.page-quick-sidebar-pinner i.icon-pin:hover{color:#fff}a.page-quick-sidebar-pinner i.icon-pin.unpinned{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}a.page-quick-sidebar-pinner i.icon-pin.pinned{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}[dir="rtl"] div.selected-chat-user div.actions{float:left}[dir="rtl"] a.page-quick-sidebar-pinner{right:unset;left:10px}@media(max-width:767px){[dir="rtl"] a.page-quick-sidebar-pinner{right:unset;left:35px}}[dir="rtl"] .page-quick-sidebar-toggler{left:10px}[dir="rtl"] .contact-status{left:unset;right:15px}[dir="rtl"] div.selected-chat-user-image span.contact-status{left:unset;right:30px}.page-header.navbar .page-logo .logo-default{margin:19px 10px 0 10px}.page-header.navbar.navbar-fixed-top{z-index:1000}.page-header.navbar.navbar-static-top{z-index:1000}.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-submenu:hover>a{background-color:#5b6f7c!important}.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-submenu>a.open-left:after{content:'';left:7px}.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-submenu>ul.dropdown-menu{margin-top:-5px!important}.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-submenu>ul.dropdown-menu:after{display:none!important}.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-submenu>ul.dropdown-menu li.divider{background-color:#607482!important}#UserNotificationDropdown{max-width:320px;width:320px}#UserNotificationDropdown a.user-notification-item{cursor:default;color:#ccc}#UserNotificationDropdown a.user-notification-item:hover{text-decoration:none}#UserNotificationDropdown a.user-notification-item.user-notification-item-unread{color:#fff}#UserNotificationDropdown a.user-notification-item.user-notification-item-unread .notification-time{color:#ccc}#UserNotificationDropdown a.user-notification-item.user-notification-item-clickable{cursor:pointer}#UserNotificationDropdown a.user-notification-item .set-as-read-text{color:#0d0;cursor:pointer}#UserNotificationDropdown a.user-notification-item .fa-info{color:#0ff}#UserNotificationDropdown a.user-notification-item .fa-check{color:#0f0}#UserNotificationDropdown a.user-notification-item .fa-warning{color:#ffa200}#UserNotificationDropdown a.user-notification-item .fa-bolt,#UserNotificationDropdown a.user-notification-item .fa-bomb{color:red}#UserNotificationDropdown a{color:#fff}#UserNotificationDropdown .notifications-header{text-align:left;min-height:35px;padding:8px;margin:0}#UserNotificationDropdown .notifications-header a:hover{text-decoration:underline}#UserNotificationDropdown .notifications-footer{min-height:35px;padding:8px;margin:0}#UserNotificationDropdown .notification-empty-text{color:#ccc;padding:10px;text-align:center}.page-sidebar-menu .sub-menu .sub-menu-icon{margin-right:3px}#NotificationGrid{color:#000}#NotificationGrid a{color:#000}#NotificationGrid .notification-read{color:#999}#NotificationGrid .notification-read a{color:#999}.ou-text{color:#999}.ou-text.ou-text-has-members{color:#000}.ou-text.ou-text-has-members .ou-text-member-count{font-weight:bold}.jcrop-keymgr{opacity:0}#ProfilePictureResize{width:200px;height:200px}.user-edit-dialog-profile-image{margin-bottom:20px}.img-profile-picture-in-grid{margin-right:2px}#loginAttemptsModalForm .control-label{font-weight:bold}.feature-tree-textbox{max-width:100px;margin:1px;margin-left:5px}.feature-tree-textbox.feature-tree-textbox-invalid{background:red;color:#fff}.web-log-view{font-family:"Courier New";overflow-x:scroll;overflow-y:scroll;height:100%;white-space:nowrap}.web-log-view span.log-line{margin-bottom:5px;display:block}.web-log-view span.log-line span.label{width:50px;display:inline-block}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}#principal-dashboard{background:#ededed}.analysis-section .card{margin-bottom:12px!important}.principal-dashboard .card{transition:all .3s ease-in;background:#fff;height:100%;border-radius:12px}#quick-action-container{background:#fff;border-radius:8px;border:1px solid #dfdfdf;margin-top:1rem}.quick-action-row{padding:5px;margin-left:2rem}.quick-action-title-section{display:flex;align-items:center}#quick-action-icon{background:linear-gradient(135deg,#fbc2eb 0%,#a6c1ee 100%);color:#378758}.title-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:18px}.quick-action-title{margin:0;padding:0}.quick-action-grid{margin:6rem}#ins-dropdown{margin-top:0!important}#collapseQuickAction{margin-left:0!important;margin-right:0!important;margin-bottom:1rem;padding:1rem}.column-wrapper{margin-top:2rem}.dashboard-row{display:flex;flex-wrap:wrap}.dashboard-col{display:flex;flex-direction:column}.card-fill{flex:1}.principal-dashboard .card-header{margin:0 12px 0 12px}.principal-dashboard .card-body{margin:0 12px 0 12px}.principal-dashboard .card-subsection{display:flex;align-items:flex-start;flex-direction:column}.principal-dashboard .card-subsection .card-text-section .card-title{margin:0;white-space:nowrap;width:100%}.principal-dashboard .card-subsection .card-text-section .card-subtitle{margin:0;font-weight:bold}.card-subsection .card-icon-section{font-size:28px;width:42px;height:42px;display:flex;align-items:center;flex:0 0 auto;background:none;border:none}.card-icon-section.strength i{color:#4c6ef5}.card-icon-section.absentees i{color:#2ac9d7}.card-icon-section.tc-issued i{color:#3e978f}.card-icon-section.admission-count i{color:#59c36a}.principal-dashboard .card-accordion{max-height:300px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.principal-dashboard .card-accordion::-webkit-scrollbar{display:none}.principal-dashboard .scroll-card{max-height:300px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.principal-dashboard .scroll-card::-webkit-scrollbar{display:none}.principal-dashboard .staff-leave-card::-webkit-scrollbar{display:none}#accordion .card-header{border:none;background-color:#f7f7f7}.principal-dashboard #accordion .panel{background:none}.principal-dashboard .panel-heading{background-color:#f8f8f8;transition:background .3s ease,box-shadow .3s ease}.principal-dashboard .panel-heading:hover{background-color:#e6e6e6;box-shadow:0 2px 6px rgba(0,0,0,.15)}.principal-dashboard .accordion-toggle{display:block;padding:10px 15px;font-weight:500;text-decoration:none;color:#333;position:relative}.principal-dashboard .accordion-toggle:hover,.principal-dashboard .accordion-toggle:focus{text-decoration:none;color:#000}.arrow-icon{transition:transform .3s ease}.principal-dashboard .panel-heading .accordion-toggle[aria-expanded="true"] .arrow-icon,.principal-dashboard .panel-heading .accordion-toggle:not(.collapsed) .arrow-icon{transform:rotate(90deg)}.subject-item{padding:8px 0;border-bottom:1px solid #ddd}.subject-item:last-child{border-bottom:none}.batch-name,.subject-name{display:inline-block;text-align:center;vertical-align:middle}.subject-name b{font-weight:700}.panel-collapse{transition:height .35s ease}.staff-header{display:flex;align-items:center;gap:1rem}.staff-info{display:flex;gap:1rem}.staff-details{display:flex;align-items:center}.contact-info{display:flex;align-items:center;justify-content:center}.principal-dashboard .card:hover{cursor:grab;box-shadow:3px 3px 8px 0 #666;transform:translateY(-2px)}.principal-dashboard .card:focus{cursor:grabbing;transform:scale(3%)}#quick-action-container:hover{box-shadow:1px 8px 16px 1px rgba(208,208,208,1)}.custom-card-header{display:flex;align-items:center;padding:10px 15px;gap:10px}.custom-card-header .card-header-title{margin:0}.header-icon{flex:0 0 auto}.chart-toggle-btn{margin-left:auto;background:none;border:none;cursor:pointer;font-size:18px}.staff-type-container{padding:15px;text-align:center}.chart-wrapper{min-height:250px;position:relative;max-height:300px}.staff-type-chart{display:flex;justify-content:center;align-items:center;margin-top:2rem;position:relative;width:100%;height:350px}.staff-type-chart canvas{width:100%!important;height:100%!important}#accordion-box{margin:12px}.attendance-card{max-height:350px;padding:10px;position:relative}#attendance-chart{width:100%!important;display:block}.dcb-card{position:relative;min-height:350px;max-height:400px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:12px!important}#dcb-chart{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.leave-status-container{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.leave-filter-btn{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;text-decoration:none;color:#fff;font-size:13px;border:1px solid #ccc;transition:.2s ease}.leave-filter-btn.all{background-color:#cbd5e1}.leave-filter-btn.pending{background-color:#f29339}.leave-filter-btn.rejected{background-color:#dc3545}.leave-filter-btn.approved{background-color:#28a745}.leave-filter-btn:hover,.leave-filter-btn.active{border-color:#0d6efd;filter:brightness(.95);text-decoration:none}.leave-filter-btn.active{color:inherit!important;font-weight:600;border-color:currentColor}.leave-filter-btn .count{margin-left:4px;font-weight:600}.staff-leave-info{display:flex;justify-content:space-between;align-items:center;padding:6px 12px}.staff-leave-info .staff-name{font-size:14px;font-weight:600;margin:0}.staff-status{padding:4px 10px;border-radius:14px;font-size:12px;color:#fff;text-transform:capitalize;white-space:nowrap}.leave-status-btn button{border:none;outline:none}.staff-status.rejected{background-color:#dc3545}.staff-status.pending{background-color:#f29339}.staff-status.approved{background-color:#28a745}.birthday-card-container{border:1px solid #f5f5f5;margin:5px 0;padding:8px;background:#f5f5f5;border-radius:8px}.contact-box{display:flex;justify-content:space-around}.empty-state-card{border:1px dashed #ccc;border-radius:12px;padding:25px 15px;text-align:center;background:#fafafa;margin:10px}.empty-icon{font-size:40px;color:#ff6f61;margin-bottom:10px}.empty-title{font-size:18px;font-weight:600;color:#333;margin:8px 0}.empty-subtitle{font-size:13px;color:#777;margin:0}.btn-redirect-card{text-align:center}.view-details-btn{position:relative;white-space:normal;background:#f8f9fa;color:#333;border:1px solid #ddd;border-radius:8px;padding:10px 18px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:color .3s ease,border-color .3s ease}.view-details-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#e6f0ff;transition:all .35s ease;z-index:-1}.view-details-btn:hover::before{left:0}.view-details-btn:hover{border-color:#3b82f6;color:#1e40af}.view-details-btn i{opacity:0;transition:opacity .3s ease}.view-details-btn:hover i{opacity:1}#daywise-view-btn{height:auto;padding:6px}.skeleton{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:hsl(200,20%,80%)}100%{background-color:hsl(200,20%,95%)}}.card-skeleton{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.skeleton-avatar{vertical-align:middle;width:28px;height:28px;border-radius:8px}.skeleton-text-box{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton-text{width:75%;height:1.7rem;border-radius:.25rem}.skeleton-footer{width:40%}.chart-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:220px}.skeleton-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(100deg,#e0e0e0 30%,#f5f5f5 50%,#e0e0e0 70%);background-size:400% 100%;animation:shimmer 1.5s infinite;margin-bottom:15px}.skeleton-line{height:10px;width:80%;border-radius:4px;background:linear-gradient(100deg,#e0e0e0 30%,#f5f5f5 50%,#e0e0e0 70%);background-size:400% 100%;animation:shimmer 1.5s infinite;margin-bottom:8px}.skeleton-line.short{width:50%}@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:200px 0}}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px;width:100%;perspective:1200px;padding-left:20px;padding-top:20px}.grid-item{background:#fff;border-radius:15px;padding:5px;text-align:center;font-size:16px;font-weight:500;color:#333;box-shadow:0 10px 25px rgba(0,0,0,.15);transform:rotateX(4deg);transition:all .3s ease}.grid-item:hover{transform:rotateX(0deg) translateY(-10px) scale(1.03);box-shadow:0 20px 40px rgba(0,0,0,.25)}.scroll-box{width:100%;height:150px;overflow-y:auto;border:1px solid #ccc;padding:10px}.btn-gp button{border:none;color:#000;padding:10px;cursor:pointer;float:left}.btn-gp .one{background-color:rgba(204,243,205,.58)!important}.btn-gp .two{background-color:#ffefda!important}.btn-gp .three{background-color:rgba(255,171,190,.4117647058823529)!important}@media only screen and (max-width:767px){.staff-type-chart{max-height:250px;height:250px}}@media only screen and (min-width:768px){.column-wrapper{margin-top:0}.principal-dashboard .card-subsection{flex-direction:row;align-items:center;gap:2rem;padding:1rem}.card-subsection .card-icon-section{justify-content:center;border:1px dashed #dfdfdf;border-radius:8px;background:#eee;font-size:24px}.principal-dashboard .card-subsection .card-text-section .card-title{letter-spacing:1px}.legend-area{display:flex;justify-content:center;align-items:center}.principal-dashboard .scroll-card{max-height:400px}.staff-leave-card{max-height:300px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.card-skeleton{flex-direction:row;align-items:center;gap:2rem;padding:1rem}.skeleton-avatar{width:52px;height:40px}.chart-wrapper{height:450px;margin:10px;max-height:450px}.principal-dashboard .card-accordion{max-height:450px}#daywise-view-btn{margin-left:auto}#attendance-chart{height:100%!important}}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}tab-pane ng-scope active{height:1000px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}a.btn.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.print-btn{text-align:right;margin-top:1rem}.date-label{font-size:12px;width:70%;left:0}.dotted-line{border-top:2px dashed #e1d4d4;margin:2rem 0}.date-container{height:4rem;display:flex;align-items:center}.table-title{color:#656565;text-transform:uppercase;font-weight:bold}table{page-break-inside:auto}.TF-tableCol{width:100%;border-collapse:collapse;border:1px solid #000}thead tr:nth-child(even){background:#b0c3dc}.table-body tr:nth-child(even){background:#e0e0e0}.table-body tr:nth-child(odd){background:#f2f6f7}.header{border:1px solid #000}#print-color>td{border:#000 1px solid;text-align:center}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.user-edit-dialog-profile-image{margin-bottom:20px}.file-input-button input{position:absolute;top:0;right:0;left:0;bottom:0;margin:0;opacity:0;cursor:pointer}.preview-image{max-width:300px;max-height:300px;border:1px solid #ddd;padding:5px}.flex-column{display:flex;flex-direction:column;justify-content:center;align-items:center}.w-full{width:100%}.flex-column h4{text-align:center;font-weight:700;margin:0;text-transform:uppercase}.flex-column h4 span{font-weight:800;color:#053c6d}.user-edit-dialog-profile-image{margin-bottom:20px}