@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";body{background-color:#f1f3f4;font-family:Josefin Sans,serif;font-weight:500;font-size:12;color:#000}p,h1,h2,h3,h4,body{padding:0;margin:0}*{scrollbar-width:thin;scrollbar-color:#b0b0b0 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent;border-radius:10px}::-webkit-scrollbar-thumb{background:#b0b0b0;border-radius:30px}::-webkit-scrollbar-thumb:hover{background:#909090}.disable{pointer-events:none;opacity:.5}.page-not-found{display:flex;flex-direction:column;justify-content:center;align-items:center}.page-not-found .construction{height:400px;width:400px}.page-not-found div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.page-not-found div h3{font-weight:700}.page-not-found div span{color:#205ad5;cursor:pointer}.menu-view{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;height:100vh}.menu-view .content{flex:1}.menu-view .content .left-side{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex:1}.menu-view .content .left-side .main-panel{flex:1}.menu-view .content .left-side .sidepanel{width:20%;max-width:20%;height:calc(100vh - 60px);border-left:1px solid #ccc;padding-left:10px}.menu-view .menu-icon{display:none}@media (max-width: 768px){.menu-view .left-side{flex-direction:column}.menu-view .left-side .sidepanel{display:none}.menu-view .menu-icon{display:block;position:absolute;top:15px;right:20px;font-size:24px;cursor:pointer}}.floating-header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;position:sticky;top:0;z-index:100;padding:10px 50px 10px 10px;background-color:#fff;margin:10px;border-radius:10px;height:20px;box-shadow:0 4px 10px #0000001a}.floating-header-sp-bet{justify-content:space-between}.floating-header h2{font-size:14px!important}.floating-header .action-case{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:30px}.floating-header .action-case .case-element{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;padding:1px}.floating-header .action-case .case-element:hover{box-shadow:0 4px 10px #0000001a;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.floating-header .action-case .case-element .flex-element{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1px}.floating-header .action-case .case-element .flex-element h3{font-size:12.5px}.floating-header .action-case .case-element .flex-element p{font-size:11px}.floating-header .action-case .case-element img{height:30px}.floating-header .action-case .dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 5px #0000001a;padding:10px;display:flex;flex-direction:column;width:120px;gap:10px}.floating-header .action-case .dropdown-menu .btn{padding:8px 12px;color:#fff;border:none;border-radius:5px;cursor:pointer}.floating-header .action-case .dropdown-menu .change-pwd{background-color:#4caf50}.floating-header .action-case .dropdown-menu .change-pwd:hover{background-color:#45a049}.floating-header .action-case .dropdown-menu .logout-btn{background-color:#f44336}.floating-header .action-case .dropdown-menu .logout-btn:hover{background-color:#d32f2f}@media (max-width: 768px){.floating-header .title{margin-left:30px}.floating-header .action-case .case-element .flex-element{display:none}.floating-header .action-case .case-element img{display:block}}.form-title{display:inline-block;position:relative}.form-title h2{font-size:18px;display:inline-block;position:relative;padding-bottom:5px}.form-title .underline{position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:#205ad5;transform:skew(-50deg)}.layout-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100}.layout-modal .modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.layout-modal .modal-content{position:relative;background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 5px 15px #0000004d;width:100%;max-width:400px;text-align:center;animation:fadeIn .3s ease-in-out}.layout-modal .modal-content .close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer;color:#555}.layout-modal .modal-content .close-btn:hover{color:#000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-wrapper .form-group{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-direction:column;gap:10px;margin-top:20px;gap:20px}.form-wrapper .spacer{height:40px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:10px 16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;text-align:center;-webkit-user-select:none;user-select:none}.btn p{margin:0;font-size:14px}.btn-primary{background-color:#205ad5;color:#fff}.btn-primary:hover{background-color:#205ad5d9}.btn-primary:active{background-color:#205ad5b3}.btn-secondary{background-color:#353535;color:#fff}.btn-secondary:hover{background-color:#353535d9}.btn-secondary:active{background-color:#353535b3}.btn-small{padding:6px 12px;font-size:12px}.btn-medium{padding:10px 16px;font-size:14px}.btn-large{padding:12px 20px;font-size:16px}.input-box{display:flex;align-items:center;border:1px solid #ccc;border-radius:8px;padding:4px;width:100%;max-width:300px;background:#fff;transition:border .3s ease-in-out}.input-box:hover{border-color:#888}.input-box:focus-within{border-color:#205ad5;box-shadow:0 0 5px #007bff4d}.input-box input{flex:1;border:none;outline:none;font-size:15px;padding:6px;background:transparent;font-family:Josefin Sans,serif}.input-box textarea{resize:vertical;min-height:80px;padding:6px;margin:0;width:100%;border:none;outline:none}.input-box .icon{display:flex;align-items:center;justify-content:center;padding:6px;cursor:pointer;transition:color .2s}.input-box .icon:hover{color:#205ad5}.input-box .icon.left{margin-right:8px}.input-box .icon.right{margin-left:8px}.form-group .form-item{display:flex;align-items:center;gap:10px}.form-group .form-item .radio-button-group{display:flex;gap:10px}.form-group .form-item .radio-button-group .radio-button{background-color:#fff;border:1px solid #ccc;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.form-group .form-item .radio-button-group .radio-button:hover{background-color:#e0e0e0}.form-group .form-item .radio-button-group .radio-button.active{background-color:#205ad5;color:#fff;border-color:#205ad5}.form-group .form-item label{width:150px;text-align:right;font-weight:600}.form-group .form-item .text-box-container{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.form-group .form-item .required{color:#d94845;margin-left:5px}.form-group .form-item .error-text{color:#d94845;font-weight:600;font-size:12px;margin-bottom:5px}.sidebar{width:280px;min-width:280px;background-color:#2a2877;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:30px;overflow-y:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .3s ease-in-out}.sidebar .sidebar-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;padding:10px}.sidebar .sidebar-header .image-container{background-color:#fff;border-radius:100%;height:55px}.sidebar .sidebar-header .image-container .logo{height:55px;width:auto}.sidebar .sidebar-header .school-name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.sidebar .sidebar-header .school-name h3{font-size:13px;margin-left:10px;font-weight:600}.sidebar .sidebar-header .school-name p{font-size:10px;margin-left:10px;color:#eeeaea}.sidebar .menu-lst .menu-item{padding:10px;cursor:pointer;border-radius:5px;margin-left:10px;transition:.3s ease}.sidebar .menu-lst .menu-item:hover{background-color:#6b6b69}.sidebar .menu-lst .menu-item-active{background-color:#41413f;border-left:3px solid #205ad5}.sidebar .menu-lst .menu-item p{margin:0}.sidebar .menu-lst .custom-list{list-style:none;padding:0;margin:5px 0 0 20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:5px}.sidebar .menu-lst .custom-list li{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;font-size:14px;color:#000;cursor:pointer;padding:5px 0;transition:.2s ease}.sidebar .menu-lst .custom-list li:hover{color:#fff}.sidebar .menu-lst .custom-list li.active-submenu{font-weight:700;color:#fff}.sidebar .menu-lst .custom-list .list-icon{font-size:12px;color:#205ad5}@media (max-width: 768px){.sidebar{position:fixed;left:-280px;height:100vh;z-index:1000;transition:transform .3s ease-in-out}.sidebar.open{transform:translate(280px)}.menu-icon{display:block;position:absolute;top:15px;left:15px;font-size:24px;cursor:pointer;z-index:1100}}.loading-screen{height:100vh;width:100vw;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f0f2f7}.loading-screen .animation{height:400px;width:400px}.circular-item{background-color:#fff;margin:20px;padding:10px;border-radius:10px;line-height:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.circular-item .left-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;gap:10px;flex:1}.circular-item .left-container .paragraph{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:5px}.circular-item .left-container .paragraph span{font-weight:700;font-size:11px}.circular-item .left-container .paragraph .active{color:#3dd84d}.circular-item .left-container .paragraph .inactive{color:#d94845}.circular-item .left-container-redirect{cursor:pointer;transition:box-shadow .3s ease-in-out}.circular-item .left-container-redirect:hover{box-shadow:0 2px 4px #00000080}.circular-item .left-container-redirect p{padding:5px}.circular-item .left-container .secondary{color:#353535;font-size:12px}.circular-item .left-container .visibilty{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;position:relative}.circular-item .left-container .visibilty .badge{border-radius:20px;padding-inline:4px;font-size:11px;margin-inline:3px;background-color:#aab7d2;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;align-items:center;justify-content:center;cursor:pointer;flex-grow:0}.circular-item .left-container .visibilty .badge:hover{opacity:.8}.circular-item .left-container .visibilty .plus{background-color:#f1f3f4;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:5px;transition:background-color .2s ease;position:relative}.circular-item .left-container .role-dropdown{position:absolute;background-color:#fff;border:1px solid #353535;border-radius:5px;padding:10px;z-index:100;box-shadow:0 4px 8px #0000001a;max-height:200px;overflow-y:auto;right:calc(100vh - 1px);z-index:1000;top:30px;left:0}.circular-item .left-container .role-dropdown .dropdown-item{padding:8px 12px;font-size:14px;color:#205ad5;cursor:pointer;border-radius:4px}.circular-item .left-container .role-dropdown .dropdown-item:hover{background-color:#888}.circular-item .right-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.circular-item .right-container .button{color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;border-radius:8px;cursor:pointer}.circular-item .right-container .button-delete{background-color:#d94845}.circular-item .right-container .button-inactive{background-color:#353535}.circular-screen{max-height:calc(100vh - 80px);overflow-y:auto}.circular-screen .full-screen{height:calc(100vh - 80px)}.circular-screen .create-button{background-color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;border-radius:10px;margin-inline:20px;transition:box-shadow .3s ease-in-out}.circular-screen .create-button:hover{box-shadow:0 4px 10px #0003}.circular-screen textarea{resize:vertical;min-height:80px;padding:6px;margin:0;width:99%;border:1px solid #000;outline:none;font-family:Josefin Sans,serif;font-size:16px;border-radius:10px}.spacer{height:100px}.empty-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;height:100%;gap:40px}.empty-item .animation{height:250px}.suggestions-desc{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:20px;flex-grow:1;overflow-y:auto;max-height:100%;padding:10px}.apply-screen{padding:20px;overflow-y:auto;height:calc(100vh - 100px)}.apply-screen .big-textbox{min-height:200px}.apply-screen .btn{width:45%}.apply-desc{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:20px;flex-grow:1;overflow-y:auto;max-height:100%;padding:10px}.event-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px;background-color:#fff;margin:10px;border-radius:10px}.event-item .content-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:20px;max-width:80%}.event-item .content-container .time-show{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:10px;align-items:center}.event-item .content-container .time-show div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px}.events{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex:1;max-height:calc(100vh - 80px);overflow-y:auto}.events .full-screen{height:calc(100vh - 80px)}.magazine-item{background-color:#fff;padding:10px 30px 10px 10px;border-radius:10px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;text-align:justify;line-height:20px}.magazine-item .content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.magazine-item .content img{width:150px;height:150px;border-radius:5px}.magazine-item .content h2{font-size:20px}.magazine-item .content .date{font-size:12px;color:#353535}.student-magazine{padding:10px;max-height:calc(100vh - 80px);overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px}.help-desk{padding:10px}.help-desk .text-are{min-height:400px}.help-desk .btn{width:45%}.request-desc{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:20px;flex-grow:1;overflow-y:auto;max-height:100%;padding:10px}.leave-item{background-color:#fff;padding:10px;margin:10px;border-radius:10px}.leave-item .top-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px}.leave-item .applyee-name{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px}.leave-item .applyee-name img{height:50px;width:50px;border-radius:10px}.leave-item .applyee-name h5{padding:0;margin:0;color:#353535}.leave-item .action-buttons{display:flex;flex-direction:column;gap:10px}.leave-item .action-buttons button{padding:6px 12px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s}.leave-item .action-buttons .approve{background-color:#3dd84d;color:#fff}.leave-item .action-buttons .approve:hover{background-color:#43a047}.leave-item .action-buttons .deny{background-color:#d94845;color:#fff}.leave-item .action-buttons .deny:hover{background-color:#e53935}.leave-item .tag-container{background-color:#aab7d2;display:inline-block;padding:7px;font-size:13px;border-radius:10px;margin:10px 0}.leave-item .bold-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:10px 0;gap:4px}.leave-item .bold-box .green{color:#3dd84d}.leave-item .bold-box .blue{color:#205ad5}.leave-item .bold-box .red{color:#d94845}.leave-item .status-container{margin-top:20px;display:flex;flex-direction:column;gap:10px}.leave-item .status-container p{font-weight:700}.confirmation-model{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:20px}.confirmation-model .confirm-buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;padding-inline:30px}.leave-filter{max-width:300px;background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 8px #0000000d;font-family:Segoe UI,sans-serif;height:calc(100vh - 120px);max-height:calc(100vh - 80px);overflow-y:auto;overflow-x:hidden}.leave-filter h4{font-size:.95rem;margin-bottom:.6rem;color:#444}.leave-filter .form-group{margin-bottom:1.5rem}.leave-filter .form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#333}.leave-filter .form-group input,.leave-filter .form-group select{padding:.6rem .8rem;border:1px solid #ccc;border-radius:.4rem;font-size:.95rem;transition:border-color .3s}.leave-filter .form-group input:focus,.leave-filter .form-group select:focus{border-color:#007bff;outline:none}.leave-filter .filter-section{margin-bottom:1.5rem}.leave-filter .filter-section .filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.leave-filter .filter-section .filter-options .option{background-color:#f5f5f5;padding:.4rem .8rem;border-radius:.4rem;font-size:.875rem;cursor:pointer;transition:background-color .2s}.leave-filter .filter-section .filter-options .option:hover{background-color:#dbeafe}.leave-filter .filter-section .filter-options .selected{background-color:#bcd7f9}.leave-forms{max-height:calc(100vh - 80px);overflow-y:auto}.comming-soon{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.comming-soon .construction{height:400px;width:400px}.comming-soon div{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-direction:column;align-items:center;gap:10px}.comming-soon div h3{font-weight:700}.comming-soon div span{color:#205ad5;cursor:pointer}.calender-component{max-height:calc(100vh - 90px);overflow-y:auto}.calender-component .month-year-picker{position:absolute;top:100px;left:60%;transform:translate(-50%);background:#fff;padding:15px;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;gap:10px;align-items:center;justify-content:center;z-index:1000}.calender-component .month-year-picker select{padding:5px;font-size:14px;border:1px solid #ddd;border-radius:5px;background:#fff;cursor:pointer}.calender-component .month-year-picker button{background:#205ad5;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:5px;transition:.3s}.calender-component .month-year-picker button:hover{background:#1947a9}.calender-component .calendar-header{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;margin-bottom:15px;cursor:pointer}.calender-component .calendar-header h3{font-size:18px}.calender-component .calendar-header button{background:#007bff;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:5px}.calender-component .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:10px;border-radius:5px}.calender-component .calendar-grid .calendar-day{background:#fff;border:1px solid #ddd;border-radius:5px;padding:10px;text-align:center;cursor:pointer;min-height:80px;transition:.3s}.calender-component .calendar-grid .calendar-day:hover{background:#f0f0f0}.calender-component .calendar-grid .calendar-day .event-list{margin-top:10px}.calender-component .calendar-grid .calendar-day .event-list .event-name{background:#205ad5;color:#fff;margin:2px;padding:3px;border-radius:3px;font-size:12px}.header-container{padding:10px;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;justify-content:space-between;align-items:center;flex-wrap:wrap}.header-container .left-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:10px;align-items:center}.header-container .left-container img{width:200px;height:auto;max-height:70px;aspect-ratio:1;border-radius:5px;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none}.header-container .left-container .company-desc{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-direction:column;gap:5px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;color:#205ad5;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none}.header-container .right-container{padding-right:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.header-container .right-container .quick-links{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:8px;align-items:center;flex-wrap:wrap}.header-container .right-container .quick-links span{font-family:Montserrat,sans-serif;font-size:12px;font-weight:650;color:#205ad5;cursor:pointer}.header-container .right-container img{height:70px;max-width:100%;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none}@media (max-width: 768px){.header-container .quick-links{display:none}.header-container .left-container,.header-container .right-container{justify-content:center}.header-container .left-container .quick-links,.header-container .right-container .quick-links,.header-container .left-container .company-desc,.header-container .right-container .company-desc{display:none}.header-container .right-container img{display:none;max-width:100%;height:auto}}.layout{height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.child{flex:1;overflow:auto}.login-screen{display:flex;flex-direction:row;justify-content:center;align-items:center;height:calc(100vh - 80px)}.login-screen .center-element{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;border-radius:10px;background-color:#fff}.login-screen .center-element .left-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding-inline:60px;height:400px}.login-screen .center-element .left-container .greeting-heading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.login-screen .center-element .left-container .greeting-heading .title{font-size:23px;font-optical-sizing:auto;font-weight:600;font-style:normal}.login-screen .center-element .left-container .greeting-heading .subtitle{color:#353535;font-size:15px}.login-screen .center-element .left-container .inputs{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12vh}.login-screen .center-element .left-container .inputs .btn{width:78%}.login-screen .center-element .left-container .inputs .error-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;width:80%;text-align:left;font-size:14px}.login-screen .center-element .left-container .inputs .error-container span{text-align:left;color:#d94845}.login-screen .center-element .left-container .clickable{color:#205ad5;cursor:pointer}.login-screen .center-element .right-container img{height:500px;width:300px;object-fit:cover;border-top-right-radius:10px;border-bottom-right-radius:10px}@media screen and (max-width: 768px){.login-screen .center-element{flex-direction:column;gap:10px;padding:15px;width:100%}.login-screen .left-container{padding:20px;width:100%}.login-screen .right-container,.login-screen .right-container img{display:none}}@media screen and (max-width: 480px){.login-screen .left-container{padding:10px}.login-screen .greeting-heading .title{font-size:20px}.login-screen .greeting-heading .subtitle{font-size:13px}.login-screen .inputs,.login-screen .btn{width:100%}.login-screen .right-container,.login-screen .right-container img{display:none}}.gallery-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;max-width:300px;margin:10px;cursor:pointer;transition:transform .3s ease;gap:10px;padding:20px;background-color:#fff;border-radius:10px}.gallery-item img{height:300px;border-radius:10px}.gallery-item h3{font-weight:600;font-size:16px;text-align:center}.gallery-item .plus-item{height:100px;width:100px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#ede9e9}.gallery-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;padding:20px;justify-content:center;max-height:calc(100vh - 100px);overflow-y:auto;max-width:calc(100vw - 300px);overflow-x:auto}@media (min-width: 1024px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1400px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1600px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}.create-gallery-model{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.create-events{padding:20px}.create-events .btn{width:40%}.student-populate-panel .container{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;background-color:#fff;padding:10px;gap:10px;border-radius:10px}.student-populate-panel .container .btns{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:5px}.subject-item{background-color:#fff;padding:10px;border-radius:10px;margin:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:10px}.subject-item p{max-width:80%}.subject-item .posted{background-color:#aab7d2;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;padding:5px;border-radius:10px;width:fit-content;font-size:14px}
