body,html{background-color:#fff;font-family:Lato-Regular;letter-spacing:.1px;margin:0}body{background-color:#fff!important;display:flex;flex-direction:column;min-height:100vh}a{color:#404040;color:#353535;font-size:14px;text-decoration:none}li{list-style:none}p{letter-spacing:.1px;text-align:justify}label,p{color:#404040;color:#353535;font-size:14px}input[type=submit]{-webkit-appearance:none;background:#007acc;border:0;-webkit-border-radius:4px;border-radius:5px;color:#fff;cursor:pointer;height:35px;margin:5px 0;padding:0;width:100%}h1,h2,h3,h4{margin:0}input[type=password],input[type=text]{-webkit-appearance:none;background-color:#f2f2f2;border:none;-webkit-border-radius:4px;border-radius:5px;height:35px;margin:5px 0;padding:0;text-indent:10px;width:100%}::placeholder{color:#9f9f9f}div{box-sizing:border-box}button:disabled{background-color:gray;cursor:none}#left-menu ul svg{height:24px;width:24px}@font-face{font-family:fontello;font-style:normal;font-weight:400;src:url(3495c41b435adf156fd5.eot?39386776);src:url(3495c41b435adf156fd5.eot?39386776#iefix) format("embedded-opentype"),url(66b0dfc3f225cb5b1219.woff2?39386776) format("woff2"),url(0efa2d37af468920b33d.woff?39386776) format("woff"),url(549a247a086baa0a747c.ttf?39386776) format("truetype"),url(e89114f0606be472af1b.svg?39386776#fontello) format("svg")}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:never;display:inline-block;font-variant:normal;line-height:1em;margin-left:.2em;margin-right:.2em;text-align:center;text-decoration:inherit;text-transform:none;width:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-circled:before{content:"\e800"}.icon-bell:before{content:"\e801"}.icon-mail:before{content:"\e802"}.icon-mail-1:before{content:"\e803"}.icon-calendar:before{content:"\e804"}.icon-star-empty:before{content:"\e805"}.icon-attention-circled:before{content:"\e806"}.icon-edit:before{content:"\e807"}.icon-home:before{content:"\e808"}.icon-cancel:before{content:"\e809"}.icon-logout:before{content:"\e80a"}.icon-right-small:before{content:"\e80b"}.icon-users:before{content:"\e80c"}.icon-left:before{content:"\e80d"}.icon-right:before{content:"\e80e"}.icon-doc-text:before{content:"\e80f"}.icon-align-justify:before{content:"\e810"}.icon-language:before{content:"\e811"}.icon-docs-1:before{content:"\e812"}.icon-attention-circled-1:before{content:"\e813"}.icon-gift:before{content:"\e814"}.icon-cancel-circled:before{content:"\e815"}.icon-pin:before{content:"\e816"}.icon-sun:before{content:"\e817"}.icon-down-open-big:before{content:"\e818"}.icon-up-open-big:before{content:"\e819"}.icon-light-up:before{content:"\e81a"}.icon-search:before{content:"\e81b"}.icon-volume-up:before{content:"\e81c"}.icon-volume-off:before{content:"\e81d"}.icon-cancel-1:before{content:"\e81e"}.icon-edit-1:before{content:"\e81f"}.icon-gift-1:before{content:"\e821"}.icon-biljeske:before{content:"\e827"}.icon-ispiti:before{content:"\e828"}.icon-izostanci:before{content:"\e829"}.icon-ocjene:before{content:"\e82a"}.icon-raspored:before{content:"\e82b"}.icon-vladanje:before{content:"\e82c"}.icon-down-open:before{content:"\f004"}.icon-docs:before{content:"\f0c5"}.icon-menu:before{content:"\f0c9"}.icon-angle-double-up:before{content:"\f102"}.icon-angle-double-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-circle:before{content:"\f111"}.icon-unlink:before{content:"\f127"}.icon-moon-1:before{content:"\f186"}.icon-graduation-cap:before{content:"\f19d"}.icon-file-pdf:before{content:"\f1c1"}.icon-calc:before{content:"\f1ec"}.icon-bell-off:before{content:"\f1f6"}.icon-clone:before{content:"\f24d"}.icon-id-card-o:before{content:"\f2c3"}@media (min-width:768px){.notification{display:flex;margin-left:auto;margin-right:40px}.grades-chart{max-width:580px}.grades-chart-wrapper{align-items:center;display:flex;justify-content:center}#back-button,.back-button{display:none}.mobile-only{pointer-events:none}#scroll-button{display:none!important}#page-wrapper:not(.login){flex-flow:row wrap}#page-wrapper.login{background:url(2b15a7ea444b21ff0816.svg) no-repeat 50% fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#page-wrapper{background-color:#fff;display:flex;flex:1;flex-direction:column}.login-body{flex-direction:row!important}.login-body-box{height:260px;margin:0 25px 20px}.store-links{display:none}#header{align-items:center;box-shadow:0 4px 4px 0 rgba(0,0,0,.1);display:flex;flex:0 0 100%;height:10vh;padding-right:25px;z-index:20}#header .ed-logo{display:flex;justify-content:center;scale:.8;width:18%}#header>i{font-size:25px;font-weight:700}#header .logged-in-user{margin-left:auto;padding-right:20px}#header .logged-in-user .user-name{font-weight:700}#header .section-menu-title{display:none}.dropdown-menu-header{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);margin-top:15px;position:absolute;right:25px}.content-wrapper{display:flex;flex:1;flex-flow:column nowrap;height:90vh;justify-content:center;z-index:10}.content{flex:1 1 auto;height:100%;min-height:0;overflow-y:auto;padding:5px 10px 30px}.content.no-records{padding-top:50px}.content-menu{flex:1 0 auto;height:50px;padding:50px 20px}.content-menu .section-menu-title{padding-right:10px}#left-menu{background-color:#f8f8f8;display:flex;flex-flow:column nowrap;height:90vh}#left-menu ul{display:flex;flex-direction:column}#left-menu ul li{align-items:center;color:#000;display:flex;flex-direction:row;font-weight:700;height:55px;line-height:55px}#left-menu ul li.menu{padding-bottom:20px;padding-top:15px}#left-menu ul li a{display:flex;height:55px;text-decoration:none}#left-menu ul li a:not(.new_data){align-items:center;display:flex;flex:1;justify-content:flex-start;padding-left:20px}#left-menu ul li.selected{background-color:#1676bb;border-bottom-right-radius:30px;border-top-right-radius:30px}#left-menu ul li.selected a{color:#fff}.helpdesk-contact{display:flex;flex-direction:row;font-size:15px;margin:15px 0}.helpdesk-contact .cn-logo{width:100px}.helpdesk-contact>*{padding:0 10px}.title{font-size:16px;padding:12px 0}.section-menu-title{font-size:17px;padding-right:10px}.section-text{font-size:14px;padding:10px}.list{flex-direction:column}.list li{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.161);display:flex;height:50px;margin-bottom:10px}.list li .course-info{display:flex;flex-direction:column;justify-content:center;width:90%}.list li .course-info span{display:flex}.list li .course-info span:first-of-type{align-items:end;font-weight:700}.list li .course-info span:last-of-type{align-items:start}.list li .list-average-grade{align-items:center;display:flex;justify-content:center;width:10%}.list li .list-average-grade span{align-items:center;background-color:#007acc;border-radius:20px;color:#fff;height:35px;left:16px;padding:0;width:35px}.list li .list-average-grade span,.list li .list-average-grade span .new-data-number{display:flex;justify-content:center}.list li a{display:flex;flex:1;flex-direction:row;height:100%;padding:0 20px 0 10px;text-decoration:none}.list li a .class-teacher{display:flex;flex-direction:column}.list li a span:nth-of-type(2){display:-webkit-box;font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.flex-table:not(.flex-table.small) .box .cell{height:100%}.flex-table:not(.flex-table.small) .row{min-height:40px}.flex-table:not(.flex-table.small) .row .cell:not(:last-of-type){border-right:1px solid #f0f0f0}.flex-table.grades-table .row.header:not(.first){background-color:#fff;border-radius:0;color:#000}.flex-table.grades-table .header.first .cell:first-of-type{width:40%}.flex-table.grades-table .header.first .cell:nth-of-type(2){width:60%}.flex-table.grades-table .cell{font-size:14px;min-height:40px;width:6%}.flex-table.grades-table .cell.first{width:40%}.flex-table.grades-table .cell.head{width:60%}.flex-table.grades-table .final-grade div:nth-of-type(2){width:24%}.flex-table.grades-table .final-grade div:nth-of-type(3){width:36%}.flex-table:not(.small) .row.header{font-size:15px}.flex-table:not(.small) .row .box{flex-direction:row}.flex-table.correctional-exams-table .cell,.flex-table.notes-table .cell,.flex-table.pedagogical-table .cell,.flex-table.progress-table .cell,.flex-table.readings-table .cell{padding:10px}.flex-table.correctional-exams-table .row.header .cell,.flex-table.notes-table .row.header .cell,.flex-table.pedagogical-table .row.header .cell,.flex-table.progress-table .row.header .cell,.flex-table.readings-table .row.header .cell{border-right:none!important}.flex-table.correctional-exams-table .row:not(.box) .cell:first-of-type,.flex-table.notes-table .row:not(.box) .cell:first-of-type,.flex-table.pedagogical-table .row:not(.box) .cell:first-of-type,.flex-table.progress-table .row:not(.box) .cell:first-of-type,.flex-table.readings-table .row:not(.box) .cell:first-of-type{width:15%}.flex-table.correctional-exams-table .row.header.first,.flex-table.notes-table .row.header.first,.flex-table.pedagogical-table .row.header.first,.flex-table.progress-table .row.header.first,.flex-table.readings-table .row.header.first{display:none}.flex-table.correctional-exams-table .row.header.cell,.flex-table.notes-table .row.header.cell,.flex-table.pedagogical-table .row.header.cell,.flex-table.progress-table .row.header.cell,.flex-table.readings-table .row.header.cell{width:100%}.flex-table.progress-table .row .cell:first-of-type{width:30%!important}.flex-table.progress-table .row .cell:nth-of-type(2){width:70%}.flex-table.notes-table .row .box{width:85%}.flex-table.notes-table .row .box .cell:first-of-type{width:20%}.flex-table.notes-table .row .box .cell:nth-of-type(2){width:80%}.flex-table.national-exam-table.hide-header .row.header:first-of-type{display:none}.flex-table.national-exam-table.hide-header .row.header:nth-of-type(2){align-items:center;background-color:#1676bb;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;font-weight:700;justify-content:center}.flex-table.national-exam-table.hide-header .row.header:nth-of-type(2) .cell{border-right:none!important}.flex-table.national-exam-table .row:not(.box) .cell:first-of-type{width:15%}.flex-table.national-exam-table.w3 .row .box{align-items:center;text-align:center;width:85%}.flex-table.national-exam-table.w3 .row .box .cell:first-of-type{width:40%}.flex-table.national-exam-table.w3 .row .box .cell:nth-of-type(2),.flex-table.national-exam-table.w3 .row .box .cell:nth-of-type(3){width:30%}.flex-table.national-exam-table.w3 .row .box.croatian .cell:first-of-type,.flex-table.national-exam-table.w3 .row .box.croatian .cell:nth-of-type(2),.flex-table.national-exam-table.w3 .row .box.croatian .cell:nth-of-type(3),.flex-table.national-exam-table.w3 .row .box.croatian .cell:nth-of-type(4),.flex-table.national-exam-table.w4 .row:not(.box) .cell:nth-of-type(2){width:25%}.flex-table.national-exam-table.w4 .row .box{align-items:center;text-align:center;width:60%}.flex-table.national-exam-table.w4 .row .box .cell:first-of-type,.flex-table.national-exam-table.w4 .row .box .cell:nth-of-type(2){width:50%}.flex-table.national-exam-table.w4 .row .box.croatian .cell:first-of-type,.flex-table.national-exam-table.w4 .row .box.croatian .cell:nth-of-type(2){width:23%}.flex-table.national-exam-table.w4 .row .box.croatian .cell:nth-of-type(3){width:20%}.flex-table.national-exam-table.w4 .row .box.croatian .cell:nth-of-type(4){width:34%}.flex-table.readings-table .row .box{width:85%}.flex-table.readings-table .row .box .cell:first-of-type{width:40%}.flex-table.readings-table .row .box .cell:nth-of-type(2){width:60%}.flex-table.pedagogical-table .row .box{width:85%}.flex-table.pedagogical-table .row .box .cell:first-of-type{width:40%}.flex-table.pedagogical-table .row .box .cell:nth-of-type(2){width:60%}.flex-table.correctional-exams-table .row .box{width:85%}.flex-table.correctional-exams-table .row .box .cell:first-of-type{width:40%}.flex-table.correctional-exams-table .row .box .cell:nth-of-type(2){width:60%}.flex-table.oos-notes-table .cell{padding:10px}.flex-table.oos-notes-table .row:not(.box) .cell:first-of-type{width:20%}.flex-table.oos-notes-table .row.header.first{display:none}.flex-table.oos-notes-table .row.header.cell{width:100%}.flex-table.oos-notes-table .row .box{width:80%}.flex-table.oos-notes-table .row .box .cell:first-of-type{width:100%}.flex-table.national-exam-table .row.header:not(.first),.flex-table.new-absent-table .row.header:not(.first),.flex-table.new-exam-table .row.header:not(.first),.flex-table.new-grades-table .row.header:not(.first),.flex-table.potvrde-table .row.header:not(.first){background-color:#fff;border-radius:0;color:#000}.flex-table.national-exam-table .row:not(.box) .cell:first-of-type,.flex-table.new-absent-table .row:not(.box) .cell:first-of-type,.flex-table.new-exam-table .row:not(.box) .cell:first-of-type,.flex-table.new-grades-table .row:not(.box) .cell:first-of-type,.flex-table.potvrde-table .row:not(.box) .cell:first-of-type{width:15%}.flex-table.national-exam-table .row.header.first .cell,.flex-table.new-absent-table .row.header.first .cell,.flex-table.new-exam-table .row.header.first .cell,.flex-table.new-grades-table .row.header.first .cell,.flex-table.potvrde-table .row.header.first .cell{width:100%}.flex-table.national-exam-table .cell,.flex-table.new-absent-table .cell,.flex-table.new-exam-table .cell,.flex-table.new-grades-table .cell,.flex-table.potvrde-table .cell{padding:10px}.flex-table.new-grades-table .row .box{display:flex;width:85%}.flex-table.new-grades-table .row .box.oos{width:100%}.flex-table.new-grades-table .row .box .cell:first-of-type{width:60%}.flex-table.new-grades-table .row .box .cell:nth-of-type(2){width:30%}.flex-table.new-grades-table .row .box .cell:nth-of-type(3){width:10%}.flex-table.new-exam-table .row .box{width:85%}.flex-table.new-exam-table .row .box .cell:first-of-type,.flex-table.new-exam-table .row .box .cell:nth-of-type(2){width:50%}.flex-table.new-absent-table .row:not(.box) .cell:last-of-type{width:15%}.flex-table.new-absent-table .row .box{width:80%}.flex-table.new-absent-table .row .box .cell:first-of-type{width:50%}.flex-table.new-absent-table .row .box .cell:nth-of-type(2){border-right:1px solid #f0f0f0;width:50%}.flex-table.new-absent-table .row.header.first .cell{width:100%}.flex-table.potvrde-table .row:not(.box) .cell:last-of-type{width:15%}.flex-table.potvrde-table .row .box{width:80%}.flex-table.potvrde-table .row .box .cell:first-of-type{width:50%}.flex-table.potvrde-table .row .box .cell:nth-of-type(2){border-right:1px solid #f0f0f0;width:50%}.flex-table.ib-grades-table .cell{height:40px;width:6%}.flex-table.ib-grades-table .row:not(.final-grade) .cell:last-child,.flex-table.ib-grades-table .row:not(.final-grade) .cell:nth-last-child(2){flex-grow:1}.flex-table.ib-grades-table .first:not(.header){justify-content:flex-start;padding:5px 15px;width:40%}.flex-table.ib-grades-table .row.header .cell span{text-align:center}.flex-table.ib-grades-table .row.header .cell:first-of-type{width:40%}.flex-table.ib-grades-table .row.header.first .cell:last-of-type{width:60%}.flex-table.ib-grades-table .row.header:not(.first){background:#fff;color:#000}.flex-table.ib-grades-table .final-grade.w3 .cell:nth-of-type(2){width:18%}.flex-table.ib-grades-table .final-grade.w4 .cell:nth-of-type(2){width:24%}.flex-table.ib-grades-table .final-grade.w5 .cell:nth-of-type(2){width:30%}.flex-table.ib-grades-table .final-grade.w6 .cell:nth-of-type(2){width:36%}.flex-table.ib-grades-table .final-grade.w7 .cell:nth-of-type(2){width:42%}.flex-table.ib-grades-table .final-grade.w8 .cell:nth-of-type(2){width:48%}.table-wrapper,.table-wrapper-calendar{width:50%}.table-wrapper{float:right;overflow-y:auto;padding:0 5px 5px}.schedule-table{display:flex;flex-direction:row}.schedule-table .flex-table-schedule:not(:first-of-type){width:15.83333%}.schedule-table .flex-table-schedule:first-of-type{width:5%}.schedule-table .flex-table-schedule:first-of-type .header{background-color:none;border-top:none}.schedule-table .shift-row{display:none}.schedule-table .no-box{background:repeating-linear-gradient(45deg,#fbfdff,#fbfdff 10px,#f4f5fc 0,#f4f5fc 20px)}.schedule-table .flex-table-schedule .cell:not(.no-box){align-items:center;display:flex;font-weight:700;justify-content:center;text-align:center}.schedule-table .flex-table-schedule .cell{font-weight:700;width:100%}.schedule-table .flex-table-schedule .row{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;flex-direction:column}.schedule-table .flex-table-schedule .row.school-hour-column .cell{border-bottom:1px solid #f0f0f0}.schedule-table .flex-table-schedule .row.school-hour-column .cell span{align-items:center;display:flex;justify-content:center;transform:rotate(-90deg)}.schedule-table .flex-table-schedule .header .cell{border:none;height:50px}.schedule-table .flex-table-schedule:not(:first-of-type){border-left:none}.round-absent{height:13px;width:13px}.flex-table-schedule .cell{height:65px}.flex-table-schedule .cell:not(.no-box){font-size:13px}.schedule-navigation{display:none}::-webkit-scrollbar{height:18px;width:14px}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d3d3d3;border:4px solid transparent;-webkit-border-radius:7px;-webkit-box-shadow:inset -1px -1px 0 rgba(0,0,0,.05),inset 1px 1px 0 rgba(0,0,0,.05);height:6px}::-webkit-scrollbar-button{display:none;height:0;width:0}::-webkit-scrollbar-corner{background-color:transparent}.content{scrollbar-width:thin}.table-wrapper-calendar{float:left;margin-top:20px}.modal-content-wrapper{margin:auto;width:500px!important}#footer{display:flex;flex-direction:column;margin-bottom:50px;margin-top:auto}@-webkit-keyframes footerhide{0%{opacity:1}1%{opacity:0}to{opacity:0}}@keyframes footershow{0%{opacity:0}99%{opacity:1}to{opacity:1}}.show-menu#left-menu .footer{animation-duration:1s;animation-name:footershow;opacity:1}.hide-menu#left-menu .footer{animation-duration:.1s;animation-name:footerhide;opacity:0}.export-menu{width:60%}.content-sub-menu{display:flex;flex:1 0 auto;justify-content:flex-end}.content-sub-menu .export-menu{margin-left:50px}.legend-text,.school-info{display:none}.absent-menu .button{margin-right:20px}.grades-menu .button{margin-left:20px}.exam-menu .button{margin-right:20px}.ed-logo{width:500px}.dark-mode #left-menu ul li.selected{background-color:#014d80}.dark-mode #left-menu ul li.selected a i,.dark-mode #left-menu ul li.selected a span{color:#fff}.dark-mode .flex-table.new-absent-table .row .box .cell:nth-of-type(2){border-right:1px solid #575759}.dark-mode .login-body-box{background-color:#3e3e42}.dark-mode .login-body-box>h4{color:#fff}.dark-mode .flex-table:not(.dark-mode .flex-table.small) .cell:not(:last-of-type){border-right:1px solid #575759}.dark-mode .schedule-table .flex-table-schedule .row.school-hour-column .cell{border-bottom:1px solid #575759}.dark-mode .schedule-table .flex-table-schedule .row{border-bottom:1px solid #575759;border-right:1px solid #575759}.flex-table.review-absent-table .row .cell:first-of-type{width:50%}.flex-table.review-absent-table .row:not(.header) .cell:first-of-type{width:25%}.flex-table.review-absent-table .row:not(.header) .cell:last-of-type{width:75%}.flex-table.review-absent-table .header{min-height:50px}.flex-table.review-absent-table .header .cell.first{border-radius:10px;justify-content:space-around;padding:0 10px;width:100%}.flex-table.review-absent-table .header .cell.first span{font-size:16px;margin-left:20px;margin-right:auto}.flex-table.review-absent-table .header .cell.first i{font-size:20px}.flex-table.review-absent-table .header.br{border-bottom:none;border-radius:10px}.content.excuse-request,.content.final-assignment{display:flex;justify-content:center}.content.excuse-request .final-assignment-form textarea,.content.excuse-request .review-absent textarea,.content.final-assignment .final-assignment-form textarea,.content.final-assignment .review-absent textarea{width:100%}}@media (max-height:700px){#left-menu #footer{display:none}}@media (max-height:520px){#left-menu{overflow-y:auto}}@media (min-width:768px) and (max-width:850px){#header .logged-in-user .user-name{font-size:16px;font-weight:700}}@media (min-width:768px) and (max-width:1023px){.absent-charts{align-items:center;display:flex;flex-direction:column;justify-content:center}.content{padding:5px 10px 30px}.dropdown-menu-wrapper{width:45%}#header .logo{width:18%}#left-menu{transition:width .2s;width:60px}#left-menu ul li .new_data{border-radius:10px;font-size:12px;height:10px;left:45px;position:absolute;transition:left .2s,border-radius .2s,height .2s,width .2s,font-size .2s;width:10px}#left-menu ul li span{opacity:0;transition:width .1s,opacity .2s;width:0}#left-menu .footer{font-size:12px;opacity:0}#left-menu .footer a{font-size:12px}#left-menu .footer .cn-logo{padding:5px;scale:.6}.show-menu#left-menu{width:18%}.show-menu#left-menu ul li .new_data{border-radius:20px;font-size:12px;height:32px;left:13%;width:32px}.show-menu#left-menu li a span{opacity:1;width:100%}.hide-menu#left-menu{width:60px}.hide-menu#left-menu li a span{opacity:0;width:0}.hide-menu#left-menu .new-data-number{display:none}.hide-menu#left-menu li .new_data{border-radius:10px;font-size:10px;height:10px;left:45px;width:10px}.table-wrapper,.table-wrapper-calendar{width:100%}.content-sub-menu.exam-menu{display:flex;justify-content:space-evenly}.before-after-month{display:flex;font-size:25px;margin-top:25px;width:100%}.before-after-month .month{font-weight:700;padding-right:30px}.before-after-month .before-after-select{display:flex;flex:1;justify-content:space-between}.calendar-table .row .cell{font-size:23px;height:60px}.schedule-table{font-size:14px}.schedule-table .row.school-hour-column .cell{height:66px}.schedule-table .row.school-hour-column .cell span{font-size:13px}.schedule-table .row:not(.school-hour-column) .cell{padding:5px}.flex-table-schedule .cell{height:65px}.flex-table-schedule .cell:not(.no-box){font-size:13px}}@media (min-width:768px) and (max-width:1365px){.title{font-size:16px;padding:12px 0}.section-text{font-size:14px;padding:10px}.final-assignment-form,.review-absent{width:100%}}@media (min-width:1024px){.absent-charts{align-items:center;display:flex;flex-direction:row;justify-content:center}.content{padding:5px 20px 30px}#header .school-data{padding-left:40px}#header .logged-in-user .user-name{font-size:18px;font-weight:700}#left-menu{transition:width .2s;width:18%}#left-menu ul li svg{margin-right:10px}#left-menu ul li i{align-items:center;display:flex;font-size:20px;margin-right:10px}#left-menu ul li .new_data{border-radius:20px;font-size:12px;height:40px;left:12%;position:absolute;transition:left .2s,border-radius .2s,height .2s,width .2s,font-size .2s;width:40px}#left-menu ul li span{opacity:1;transition:width .1s,opacity .2s;width:100%}#left-menu .footer{font-size:14px}#left-menu .footer .cn-logo{margin:10px;scale:.6}#left-menu .footer a{font-size:14px}.show-menu#left-menu ul li .new_data{border-radius:20px;font-size:12px;height:40px;left:12%;width:40px}.show-menu#left-menu li a span{opacity:1;width:100%}.hide-menu#left-menu{width:60px}.hide-menu#left-menu li a span{opacity:0;width:0}.hide-menu#left-menu li{align-items:center;display:flex}.hide-menu#left-menu li .new_data{border-radius:10px;font-size:10px;height:10px;left:45px;width:10px}.calendar-table .row .cell{font-size:20px}.before-after-month{display:flex;font-size:25px;margin-bottom:15px}.before-after-month .month{font-weight:700;padding-right:30px}.before-after-month .before-after-select{display:flex;flex:1;justify-content:space-between}.table-wrapper{height:75%;margin-top:0}}@media (min-width:1024px) and (max-width:1365px){.dropdown-menu-wrapper{width:40%}.calendar-table .row .cell{height:60px}#left-menu ul li a{font-size:16px}.export-menu{width:50%}.schedule-table{font-size:16px}.schedule-table .row.school-hour-column .cell{height:71px}.schedule-table .row.school-hour-column .cell span{font-size:14px}.schedule-table .row:not(.school-hour-column) .cell{padding:5px}.flex-table-schedule .cell{height:70px}.flex-table-schedule .cell:not(.no-box){font-size:16px}}@media (min-width:1366px){.final-assignment-form,.review-absent{width:75%}.section-text{font-size:16px;padding:15px 10px}.title{font-size:20px;padding:20px 0}#header{width:15%}#header .school-name{font-size:18px}.dropdown-menu-wrapper{width:30%}.calendar-table .row .cell{height:65px}#left-menu ul li a{font-size:18px}.export-menu{width:35%}.flex-table-schedule .cell{height:80px}.flex-table-schedule .cell:not(.no-box),.schedule-table{font-size:16px}.schedule-table .row.school-hour-column .cell{height:81px}.schedule-table .row.school-hour-column .cell span{font-size:18px}.schedule-table .row:not(.school-hour-column) .cell{padding:7px}}@media (max-height:600px) and (min-width:768px){#left-menu ul li.menu{padding-bottom:0;padding-top:5px}#left-menu ul li{height:50px;line-height:50px}#left-menu ul li a{height:50px}}@media (min-width:768px){.dark-mode .login-body-box{background-color:#3e3e42}.dark-mode .login-body-box>h4{color:#fff}.login-body-box{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);justify-content:center;margin:0 25px 20px;padding:20px}.login-body-box>h4{display:flex;font-size:25px;justify-content:center;margin-bottom:10px;width:100%}.login-body-box.nias{background-color:#d14b54}.login-body-box .nias-login{text-decoration:none}.login-body-box .nias-description{margin:0 0 5px}.login-body-box .nias-description-bigger{font-size:17px;letter-spacing:.4px;margin:0 0 5px;text-align:center}.login-body-box-smallprint>span{font-size:14px}.footer{color:#404040;color:#353535;display:flex;flex-direction:column;font-size:13px;font-size:14px;margin-top:auto;text-align:center}.footer .fs-standard{font-size:15px;text-decoration:none}.footer>p{margin:5px 0}.nias-login{align-items:center;background-color:#d14b54;border-radius:5px;color:#fff;display:flex;height:35px;justify-content:center;margin:10px 0;width:100%}.nias-description-wrapper{padding-left:10px}.l-row-centered{align-items:center;display:flex;flex:1;flex-direction:column;flex-wrap:wrap;justify-content:center}.l-col-centered{align-items:center;display:flex;flex-flow:column wrap}.l-flipped-flex.footer{flex-direction:column;justify-content:center}.l-flipped-flex.footer .l-two-columns{display:flex;margin:10px 0}.l-flipped-flex.footer .l-two-columns .column{flex-basis:50%;word-break:break-word}.l-flipped-flex.footer .l-two-columns .column:first-of-type{padding-right:5px}.l-flipped-flex.footer .l-two-columns .column:last-of-type{padding-left:5px}#header .logo{display:flex}#header .logo .logo-link{font-size:24px;font-weight:800}#header .logged-in-user{margin-left:auto;padding-right:15px}#header .logged-in-user .user-name{font-size:20px}.past-schoolyear .class-info{background-color:#fcfcfc}.student-list::-webkit-scrollbar{height:0;width:0}.student-name{font-size:20px;font-weight:700;padding-left:5px}.child-list{border-top:1px solid #f2f2f2;padding-left:20px}.student-list .class-info .class-menu ul:not(.show).is-collapsed{display:block;height:auto}.h-list{display:flex;flex-wrap:wrap;justify-content:center;margin:30px 0}.student-info :nth-child(3n+1){font-weight:700}.arrow-right,.list-arrow{align-items:center;display:flex;position:absolute}.arrow-right{background-color:#e1e1e1;border:1px solid gray;border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);height:50px;justify-content:center;opacity:.9;right:52px;width:50px}.scroll-smooth{scroll-behavior:smooth}.exam-button{align-items:center;background-color:#fff;border:1px solid #d3d3d3;border-radius:20px;cursor:pointer;display:flex;height:34px;justify-content:center;margin-left:auto;padding:0 10px}.show{display:block!important}.hide-border{border-top:none!important}}@media (min-width:768px) and all and (min-width:768px){.content-overflow{max-height:500px;overflow-y:scroll!important}.schedule-tab .dropdown-menu-wrapper{display:none}#scroll-button{display:none!important}.section-text.no-title,.section-title{margin-top:10px}.legend-text{display:none}.mobile-only{pointer-events:none}}@media (min-width:768px) and all and (max-width:767px){.hospital-report .title{font-weight:400}}@media (max-width:420px){.login-body-box{width:90%}}@media  (min-width:421px) and (max-width:767px){.login-body-box{width:350px}}@media (max-width:767px){.absent-charts{align-items:center;display:flex;flex-direction:column;justify-content:center}.grades-chart{max-width:700px}.dark-mode #left-menu ul li.selected a i,.dark-mode #left-menu ul li.selected a span,.dark-mode #left-menu ul li.selected a svg{color:#007acc}#page-wrapper.login{background:url(e5519dac73f537c993ae.svg) no-repeat 50% fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.login-body-box{margin:20px 0;padding:10px}.login-body-box>h4{font-size:25px}.footer{flex-direction:column;margin-bottom:20px;margin-top:auto}#page-wrapper{display:flex;flex-direction:column;height:100%;max-width:100%;min-height:100vh;min-width:320px;overflow-y:auto}.login-header{margin:0 0 25px}#header{align-items:center;display:flex;padding:15px}#header.mobile-hide{display:none}.content-wrapper{display:flex;flex-flow:column;height:90vh;justify-content:center}.content-wrapper.chat{height:100vh}.content{display:flex;flex:1;flex-direction:column;overflow-y:scroll;padding:10px 10px 100px}.content-menu{background-color:#fff;flex:0 0 auto;flex-wrap:wrap;padding:10px}.student,.student-list{flex-direction:column}.back-button{background-color:#007acc;border:none;border-radius:10px;bottom:50px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);color:#fff;cursor:pointer;font-size:15px;left:15px;padding:15px;position:fixed;z-index:99}#left-menu{background-color:#fff;bottom:0;box-shadow:0 -4px 4px #d6d6d6;display:flex;order:3;position:fixed;width:100vw;z-index:80}#left-menu.mobile-hide{display:none}}.ed-box{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);padding:15px}@font-face{font-family:Lato-Regular;src:url(75614cfcfedd509b1f7a.woff2)}.red{color:#ff220c!important}.green{color:#3bc62f!important}.gray{color:#d1d5de!important}.gold{color:#ffb20f!important}.dark{color:#172121!important}.dark-mode .red{color:#b3001b!important}.dark-mode .green{color:#248232!important}.dark-mode .gray{color:#d1d5de!important}.dark-mode .gold{color:#faa613!important}.dark-mode .dark{color:#172121!important}.t-center{text-align:center}.t-right{text-align:right}ul{margin:0;padding:0}.show{display:block}.hide{display:none!important}.bold{font-weight:700}.lightergray{color:#c2c4ca}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.font-small{font-size:small}.disable-click{pointer-events:none}.login-body-box{background-color:#fff}.login-body-box-smallprint{color:#404040;color:#353535;font-size:14px;margin:5px 0 10px;text-align:center}#header .school-city{display:none}#header .school{display:flex;flex-direction:column;font-size:15px;justify-content:center;padding:0 5px}#header .school-name{display:-webkit-box;font-weight:700;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}#header .school-data{align-items:center;display:flex;flex:1}#header .school-data .classmaster{font-size:14px}#header .school-data .menu-toggle{display:none}.menu-wrapper{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);margin-left:10px;padding:0}.menu-wrapper i{font-size:20px}.toggle-button{cursor:pointer;padding:5px}.dropdown-menu-header{background:#fff;display:none;height:0;overflow:hidden;position:absolute;transition:height .25s ease-in-out;z-index:1}.dropdown-menu-header i{margin-left:5px}.dropdown-menu-header li{padding:0 15px}.dropdown-menu-header li:first-of-type{border-top:none}.dropdown-menu-header a{align-items:center;display:flex;font-size:15px;height:45px;justify-content:space-between;text-decoration:none}.dropdown-menu-child-list{background:#fff;display:none;height:0;overflow:hidden;position:absolute;transition:height .25s ease-in-out;z-index:10}.dropdown-menu-child-list a{align-items:center;display:flex;font-size:15px;font-weight:700;height:40px;justify-content:space-between;padding:5px 0;text-decoration:none}.dropdown-menu-child-list a img{height:100%}.dropdown-menu-header .child-list,.dropdown-menu-header li:not(:first-of-type){border-top:1px solid #f0f0f0}.is-collapsed.icon-angle-double-down,.is-collapsed.icon-angle-down{transform:rotate(-180deg)}.is-collapsed.dropdown-content,.is-collapsed.dropdown-menu-child-list,.is-collapsed.dropdown-menu-header{display:block;height:auto}.student-list{display:flex;flex-direction:column;height:92vh;overflow-y:auto;padding:15px 0;scrollbar-width:none;-ms-overflow-style:none;flex:1 1 auto}.student-list .class-info .school-data{flex-basis:80%!important}.student-list .class-info .menu-toggle{align-items:flex-start;cursor:pointer;display:flex;flex-basis:20%;padding:15px 10px 0 0}.student-list .class-info .menu-toggle i{font-size:25px;margin-left:auto;transition:transform .25s}.content-list ul{overflow-y:scroll;padding:10px}.content-list ul li a{align-items:center}.student-list .class-info .class-menu ul:not(.show).is-collapsed{display:block;height:auto}.classes{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:row;padding-bottom:20px;padding-left:20px}.classes::-webkit-scrollbar{height:0;width:0}.class-menu{flex-basis:100%}.class-menu ul{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.class-menu ul li{align-items:center;border-top:1px solid #f0f0f0;display:flex;font-size:15px;height:50px;line-height:50px;padding:0 20px}.class-menu ul li a:not(.new_data){align-items:center;display:flex;justify-content:flex-start}.class-menu ul a:link{font-size:15px;text-decoration:none}.class-menu ul a:first-of-type{flex:1}.class-menu svg{height:22px;padding-right:4px;width:22px}.class-menu i{padding-right:3px}.student-list .class-menu ul:not(.show){display:none;height:0;transition:height .25s ease-in-out}.student-list .class-menu ul.show span{font-size:18px;margin-left:auto}.student-list .class-menu ul li{padding:0 15px}.student-list .class-menu ul.show li{padding:0 20px}.class-menu-vertical:last-of-type{padding-right:5px}.past-schoolyear .class-info{background-color:#fcfcfc}.student-list::-webkit-scrollbar{height:0;width:0}.student-name{font-size:20px;font-weight:700;padding-left:5px}.class-menu-vertical{padding-right:5px;padding-top:20px}.class-menu-vertical a{text-decoration:none}.class-menu-vertical .show span{font-size:18px;margin-left:auto}.class-menu-vertical .class-info{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);display:flex;flex-wrap:wrap;width:330px}.class-menu-vertical .class-info .school-data{display:flex}.class-menu-vertical .class-info .school-data .class{border-right:1px solid #f0f0f0;margin:15px 0}.class-menu-vertical .class-info .school-data .class span:first-of-type{white-space:nowrap}.class-menu-vertical .class-info .school-data .school{margin:15px 10px}.class-menu-vertical .class-info .school-data .school .school-name{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;font-size:16px;font-weight:700}.class{align-items:center;display:flex;flex-flow:column wrap;font-size:20px;padding:0 5px}.class-schoolyear{font-size:14px}.content-menu{align-items:center;display:flex}.section-title{font-size:20px;margin:20px 0}.section-text{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);line-height:30px}.section-text div:nth-of-type(odd):not(:first-of-type){padding-top:5px}.section-text .teacher-name{font-weight:700}.section-text a{text-decoration:none;text-color:blue}.section-text.national-exam{margin-bottom:20px}.title{font-weight:700}.flex-table{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);margin-bottom:20px}.flex-table.small .row{padding:5px;width:100%}.flex-table.small .cell{border-left:none;border-right:none;padding:0}.flex-table .row:not(:last-of-type){border-bottom:1px solid #f0f0f0}.flex-table .row{min-height:40px}.flex-table .row .cell{align-items:center;display:flex;justify-content:center;text-align:center}.flex-table .row.header{align-items:center;background-color:#1676bb;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;font-size:18px;font-weight:700;justify-content:center}.flex-table .row.header .cell{align-items:center}.flex-table .row .box{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.flex-table .row .box .cell:before{margin-right:5px}.calendar-table .row .header.span{color:#ddd}.calendar-table .row .month{font-size:20px}.calendar-table .cell{align-items:center;display:flex;flex-direction:column;width:14.28571%}.calendar-table .cell.has-entry{color:#007acc;cursor:pointer}.calendar-table .header{justify-content:space-around}.calendar-table .header .first{display:none}.calendar-table .number-of-absents,.calendar-table .week{display:flex;flex-direction:row}.calendar-table .round-absent{align-items:center;border-radius:50%;color:#fff;color:#fff!important;display:flex;font-size:11px!important;height:13px;justify-content:center;margin:1px;width:13px}.calendar-table .round-absent.green{background:#3bc62f!important}.calendar-table .round-absent.red{background:#ff220c!important}.calendar-table .round-absent.gold{background:#ffb20f!important}.calendar-table .round-absent.dark{background:#172121!important}.dark-mode .round-absent.green{background:#248232!important}.dark-mode .round-absent.red{background:#b3001b!important}.dark-mode .round-absent.gold{background:#faa613!important}.dark-mode .round-absent.dark{background:#172121!important}.flex-table.exam-table .row:not(.header)>.cell:first-of-type{width:15%}.flex-table.exam-table .row .box{width:85%}.flex-table.exam-table .row .box .cell:first-of-type{font-weight:700}.table-wrapper:not(.show-all){margin-top:20px}.table-wrapper.show-all{height:unset;width:100%}.absent-legend-table .row{display:flex;flex:1;justify-content:space-around}.absent-legend-table .row .cell{align-items:center;display:flex;flex-direction:column}.flex-table.absent-table .row:not(.header)>.cell:first-of-type,.flex-table.absent-table .row:not(.header)>.cell:nth-of-type(3){width:10%}.flex-table.absent-table .row .box{width:80%}.flex-table.absent-table .row .box .cell:first-of-type{font-weight:700}.flex-table.absent-table .row .box .cell:nth-of-type(2){font-size:14px}.review-absent.single .review-absent-table .header.first .cell.first{justify-content:space-between}.review-absent.single .review-absent-table .row.option-select{border-bottom:none}.no-box{background:repeating-linear-gradient(45deg,#fbfdff,#fbfdff 10px,#f4f5fc 0,#f4f5fc 20px)}ul.tab-navigation{align-items:center;background-color:#fff;border-radius:10px;display:flex;height:40px;line-height:40px;margin-right:20px}ul.tab-navigation li{border:1px solid #007acc;font-size:14px;height:40px;list-style:none;padding:0 5px}ul.tab-navigation li:hover{background-color:#fff;cursor:pointer}ul.tab-navigation li:first-of-type{border-bottom-left-radius:10px;border-right:none;border-top-left-radius:10px}ul.tab-navigation li:last-of-type{border-bottom-right-radius:10px;border-left:none;border-top-right-radius:10px}ul.tab-navigation .tab-button.selected{background-color:#007acc;color:#fff}.dropdown-menu-wrapper{background-color:#007acc;border-radius:10px;cursor:pointer;display:flex;height:40px;margin-left:auto;position:relative}.dropdown-menu-wrapper i,.dropdown-menu-wrapper span{align-items:center;color:#fff;cursor:pointer;display:flex;padding:0 10px;transition:all .25s}.dropdown-menu-wrapper span{padding-left:15px}.dropdown-menu-wrapper a{text-decoration:none}.dropdown-menu-wrapper .dropdown-content{cursor:pointer;left:0;max-height:400px;overflow-y:auto;position:absolute;top:45px}.dropdown-menu-wrapper .dropdown-content .selected{background-color:#eaf3f9;font-weight:700}.dropdown-menu-wrapper .dropdown-title{border-right:1px solid #d3d3d3;color:#fff;display:flex;flex-grow:1}.dropdown-menu-wrapper .dropdown-title span{font-size:15px}.dropdown-menu-wrapper.disabled{display:none}.dropdown-menu-wrapper ul{background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;display:none;height:0;overflow:hidden;transition:height .25s ease-in-out;width:100%}.dropdown-menu-wrapper ul li{padding:5px}.dropdown-menu-wrapper ul li a{background-color:#fff;border-radius:10px;display:block;line-height:40px;overflow:hidden;padding-left:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu-wrapper ul li a:hover{background-color:#f5f5f5}.button{align-items:center;background-color:#007acc;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:40px;padding:0 15px}.button.big{font-size:18px;height:50px;padding:0 20px}.button a{color:#fff;text-decoration:none}.button.delete{background-color:#ff220c!important}.dark-mode .button.delete{background-color:#b3001b!important}.before-after-select i.disabled{color:#9f9f9f;pointer-events:none}.export-menu{display:flex;justify-content:space-between}.export-menu .button{justify-content:center;width:45%}.export-menu a{color:#fff;text-decoration:none}.export-menu a.disabled{color:#d3d3d3;cursor:default}.absent-legend-table{margin-bottom:15px}.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;padding-top:50px;position:fixed;top:0;width:100%;z-index:100}.modal-content-wrapper{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animatetop;animation-name:animatetop;background-color:#fdfeff;border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin:auto;position:relative;width:90%}@-webkit-keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}.modal-body{padding:0 15px 15px}.modal-body .title-row{font-size:25px}.modal-body .text-section-title{border-top:1px solid #f0f0f0;margin-top:10px;padding-top:10px}.modal-body .text-section{font-size:14px}.modal-body .modal-section{padding:10px 0}.modal-body .modal-section .title-row{cursor:pointer}.modal-body .modal-section div:not(.title-row){display:none!important}.modal-body .modal-section:not(:last-of-type){border-bottom:2px solid #f0f0f0}.h-list{display:flex;flex-wrap:wrap;justify-content:center;margin:30px 0}.modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;height:50px;width:100%}.modal-header .modal-title{font-weight:700;padding-left:20px}.modal-header .close{font-size:28px;font-weight:700;margin-left:auto;padding-right:10px}.select-dropdown{background-color:#fff;border:1px solid #f0f0f0;border-radius:10px;color:#000;display:block;font-size:14px;height:34px;padding:6px 12px;width:100%}.potvrde-button{background-color:#007acc;border:none;border-radius:10px;color:#fff;font-size:14px;height:40px;margin-top:20px;padding:6px 12px;text-align:center}.row{display:flex}.loader{animation:spin 2s linear infinite;border:5px solid #f0f0f0;border-radius:50%;border-top-color:#007acc;height:40px;margin-bottom:10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.potvrde-message{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px 0;text-align:center}.potvrde-message span{font-size:18px;padding:5px 0}.potvrde-message .icon-wrapper{padding-top:20px}.grades-message{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px;text-align:center}.grades-message span{font-size:18px;padding:5px 0}.grades-message .icon-wrapper{padding-top:20px}#certificate-form{display:flex;flex-direction:column}#certificate-form,#certificate-form .row{justify-content:center}#certificate-form .row .button{margin-top:30px}.hospital-report .title-main{font-size:18px;padding:20px 0}.hospital-report .section-text{padding-bottom:10px}.user-data-section{padding:10px 0}.user-data-section-title,.user-data-section:not(:last-of-type){border-bottom:1px solid #f0f0f0}.user-data-section-title{font-weight:700;padding:10px 0;text-align:center}.user-data-section-title.user-data{border-top:1px solid #f0f0f0}.l-two-columns{display:flex;flex-direction:row;justify-content:space-around;padding:5px 0}.l-two-columns span{flex-basis:50%;padding:0 5px}.school-info .modal-row{margin-top:10px;padding-top:10px}.school-info .modal-row:not(:first-of-type){border-top:1px solid #f0f0f0}.modal-content{padding:5px 0}.modal-content .flex-table{box-shadow:none}.dark-mode .list li{background-color:#3e3e42}.dark-mode .list .list-average-grade span{background-color:#014d80}.absent-charts .absent-bar-chart{max-height:340px;max-width:600px}.absent-charts .absent-pie-chart{margin:0 auto;max-height:250px;max-width:200px}.new_data{align-items:center;background-color:#3bc62f!important;border:1px solid #fff;color:#fff;padding:0}.new_data,.new_data .new-data-number{display:flex;justify-content:center}.class-menu .menu{display:none}.class-menu ul li .new_data{border-radius:20px;height:35px;left:0;margin-left:auto;width:35px}.student-info{padding-left:20px}.dark-mode .new_data{background-color:#248232!important}.dark-mode .school-info .modal-row:not(:first-of-type){border-top:1px solid #575759}.dark-mode p{color:#fff}.dark-mode #header{box-shadow:0 1px 6px 0 #202129;color:#fff}.dark-mode #header,.dark-mode #page-wrapper{background-color:#2d2d30}.dark-mode .title,.dark-mode .title-main{color:#fff}.dark-mode #left-menu{background-color:#353539}.dark-mode #left-menu .class-menu{border-top:none}.dark-mode #left-menu a i,.dark-mode #left-menu a span,.dark-mode #left-menu a svg{color:#9a9a9c}.dark-mode .new-data-number{color:#fff!important}.dark-mode .section-text{background-color:#3e3e42;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.161);color:#fff}.dark-mode .section-menu-title,.dark-mode .section-title,.dark-mode a,.dark-mode span{color:#fff}.dark-mode .dropdown-menu-header{background-color:#353539}.dark-mode .dropdown-menu-header .child-list,.dark-mode .dropdown-menu-header li:not(:first-of-type){border-top:1px solid #575759}.dark-mode .content-menu{background-color:#2d2d30}.dark-mode .content-menu .export-menu div,.dark-mode .dropdown-menu-wrapper{background-color:#014d80}.dark-mode .dropdown-menu-wrapper .dropdown-content{background-color:#505055}.dark-mode .dropdown-menu-wrapper .dropdown-content .selected{background-color:#2d2d30}.dark-mode .dropdown-menu-wrapper .dropdown-content li a{background-color:#505055}.dark-mode .dropdown-menu-wrapper .dropdown-content li a:hover{background-color:#424246}.dark-mode .button{background-color:#014d80}.dark-mode .menu-wrapper{background:#3e3e42;color:#fff}.dark-mode .absent-legend-table{background-color:#2d2d30;color:#fff}.dark-mode .work-hour-mobile{color:#fff}.dark-mode ul.tab-navigation{background-color:#014d80;border:none;color:#fff}.dark-mode ul.tab-navigation li{border:none}.dark-mode ul.tab-navigation .tab-button.selected{background-color:#014d80;color:#fff}.dark-mode ul.tab-navigation .tab-button:not(.selected){background-color:#353539;color:#fff}.dark-mode .schedule-table{color:#fff}.dark-mode .no-box{background:repeating-linear-gradient(45deg,#353539,#353539 10px,#2d2d30 0,#2d2d30 20px)}.dark-mode .flex-table.ib-grades-table .row .cell{color:#fff}.dark-mode .flex-table.ib-grades-table .row.header:not(.first){background:#3e3e42;color:#fff}.dark-mode .flex-table .row .box .cell:before{color:#fff}.dark-mode .flex-table{background-color:#3e3e42;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.161)}.dark-mode .flex-table span{color:#fff}.dark-mode .flex-table .row.header{background-color:#505055}.dark-mode .has-entry span{color:#007acc}.dark-mode .flex-table .row:not(:last-of-type){border-bottom:1px solid #575759}.dark-mode .flex-table.grades-table .row.header:not(.first){background-color:#3e3e42;color:#fff}.dark-mode .flex-table.national-exam-table .row.header:not(.first),.dark-mode .flex-table.new-absent-table .row.header:not(.first),.dark-mode .flex-table.new-exam-table .row.header:not(.first),.dark-mode .flex-table.new-grades-table .row.header:not(.first),.dark-mode .flex-table.potvrde-table .row.header:not(.first){background-color:#3e3e42}.dark-mode .potvrde-select{background-color:#353539;border:1px solid #575759;color:#fff}.dark-mode .potvrde-button{background-color:#014d80}.dark-mode .modal-content{background-color:#3e3e42;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.dark-mode .modal-content-wrapper{background-color:#2d2d30}.dark-mode .modal-header{border-bottom:1px solid #575759}.dark-mode .modal-body .modal-section:not(:last-of-type){border-bottom:2px solid #575759}.dark-mode .modal-body .text-section-title{border-top:1px solid #575759}.dark-mode #scroll-button{background-color:#014d80}.dark-mode .class-menu ul li{border-top:1px solid #575759}.dark-mode .class-menu-vertical .class-info{background-color:#353539;color:#fff}.dark-mode .user-data-section-title{border-bottom:1px solid #575759;color:#fff}.dark-mode .user-data-section-title.user-data{border-top:1px solid #575759}.dark-mode .user-data-section:not(:last-of-type){border-bottom:1px solid #575759}.dark-mode .toggle-container .toggle-label{color:#fff}.dark-mode .button-locale{border:1px solid #575759}.dark-mode .button-locale.selected{background-color:#014d80}.dark-mode .select-dropdown{background-color:#353539;border:1px solid #575759;color:#fff}#notification-settings .row.submit{justify-content:center;margin-top:20px}.button-locale{align-items:center;border:1px solid #f0f0f0;border-radius:10px;display:flex;margin:4px}.button-locale a{font-size:15px;padding:20px;text-decoration:none}.button-locale.selected{background-color:#007acc;font-weight:700}.button-locale.selected a{color:#fff}.button-locale:hover:not(.selected){background-color:#f8f9ff}.alert{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);margin:10px}.alert p{color:#fff;font-size:16px;margin:0;padding:5px;text-align:center}.alert.alert-success{background:#50b748}.alert.alert-error{background:#ff220c!important}.alert.alert-neutral{background:#007acc}.dark-mode .alert.alert-error{background:#b3001b!important}.list-title{color:#6d6e71;font-size:30px;letter-spacing:-1px;margin-bottom:20px;text-align:center}.switch{display:inline-block;height:34px;position:relative;width:90px}.switch input{display:none}.toggle{background-color:silver;border-radius:35px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;-webkit-transition:.4s;transition:.4s;-moz-transition:.4s;-o-transition:.4s;-webkit-transition-duration:background-color .4s linear;transition-duration:background-color .4s linear}.toggle.disabled{cursor:default;filter:none}.toggle.no-transition,.toggle.transition{background-color:#50b748}.toggle.no-transition{-webkit-transition-duration:none;transition-duration:none}.no-transition .slider,.transition .slider{-webkit-transform:translateX(53px);transform:translateX(53px);-moz-transform:translateX(53px);-o-transform:translateX(53px)}.no-transition .slider{-webkit-transition:none;transition:none}.toggle.disabled{background-color:#76acd7}.slider{background-color:#fff;border-radius:15px;bottom:4px;content:"";height:26px;position:absolute;right:58px;-webkit-transition:.4s;transition:.4s;-moz-transition:.4s;-o-transition:.4s;-webkit-transition-duration:background-color .4s linear;transition-duration:background-color .4s linear;width:26px}.toggle-content{color:#fff;display:block;font-size:14px;left:45px;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.toggle-container{align-items:center;display:flex;justify-content:center;margin:10px 0}.toggle-container .insert-grade{padding-left:15px;width:300px}.toggle-container .edit-work-hour{width:200px}.toggle-container .insert-week{width:230px}.toggle-container label.switch{height:34px!important;vertical-align:bottom;width:90px}.toggle-container label.toggle-label{font-weight:700;min-width:50%}.dark-mode .e-lektire-icon img{content:url(eeee5ee303692b7148fc.svg)}.dark-mode .portal-skole-icon img{content:url(c5b3a11fdf8e20868a76.svg)}.dark-mode .e-laboratorij-icon img{content:url(40a6aa7926e9d808dd90.svg)}.dark-mode .edutorij-icon img{content:url(14b21f176f2f37af7dd4.svg)}.dark-mode .data-icon img{content:url(1469e7a3a5d96b69d164.svg)}.dark-mode .info-icon img{content:url(9ddf0e13084212dabe71.svg)}.dark-mode .office365-icon img{content:url(efead3cfd227db81467a.png)}.dark-mode .google-education-icon img{content:url(b02ca30e58f3291a8e2a.png)}.dark-mode .ed-logo{content:url(5c8feb2f01b7986bc6c6.svg)}.ed-logo{content:url(261e344a2e7ed76ab298.svg)}.e-lektire-icon img{content:url(68ea97fd4b6808ba14a9.svg)}.portal-skole-icon img{content:url(ba7b02e053f9f837e5dd.svg)}.e-laboratorij-icon img{content:url(1e6c2bfd132812289f21.svg)}.edutorij-icon img{content:url(4ba242c26600db0bc770.svg)}.data-icon img{content:url(77f65d4dd8eead668c03.svg)}.info-icon img{content:url(9fb4f030551e01138350.svg)}.office365-icon img{content:url(efead3cfd227db81467a.png)}.google-education-icon img{content:url(b02ca30e58f3291a8e2a.png)}.tab-menu-content{color:#2c3e50;flex-wrap:wrap}.service-box,.tab-menu-content{align-items:center;display:flex}.service-box{align-items:flex-start;border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);cursor:pointer;flex-direction:column;font-size:16px;height:220px;margin-top:20px;padding:10px;text-decoration:none;width:330px}.service-box:hover{background-color:#f0f0f0}.service-box .service-logo img{height:40px;object-fit:scale-down}.service-box .service-name{font-weight:700;padding:10px 0;text-align:center}.service-box .service-description{padding-top:10px}.service-box .service-links{display:flex;flex-direction:row}.service-box .service-links button{border:1px solid #007acc;border-radius:10px;cursor:pointer;height:45px;margin:0 10px;width:70px}.service-box .service-links button.link{background-color:#007acc;color:#fff}.service-box .service-links button.description{background-color:#fff}.dark-mode .service-box{background-color:#3e3e42;box-shadow:0 1px 6px 0 #202129}.dark-mode .service-box:hover{background-color:#575759}@media (max-width:499px){.tab-menu-content{align-items:center;justify-content:center;padding-bottom:80px}}@media (min-width:500px) and (max-width:767px){.tab-menu-content{justify-content:center;padding-bottom:80px}.service-box{font-size:13px;height:230px;margin-right:10px;margin-top:20px;padding:9px;width:200px}}@media (min-width:768px){.service-box{margin-right:20px}}@media (max-width:400px){.dropdown-menu-header li{padding:0!important}.dropdown-menu-header{padding:0 15px!important}}input[type=checkbox]{-webkit-appearance:none;border:2px solid #fff;border-radius:10px;cursor:pointer;height:25px;width:25px}input[type=checkbox]:checked{background-color:#fff}.review-absent .option-select{display:flex;flex-direction:column;padding:10px}.review-absent .option-select .select-dropdown:last-of-type{margin-top:10px}.row.buttons,.row.textarea{align-items:center;border-bottom:none!important;display:flex;justify-content:space-evenly;padding:10px;width:100%}.row.buttons.upload-buttons,.row.textarea.upload-buttons{flex-direction:column}.row.textarea textarea{background-color:#fff;border:1px solid #007acc;border-radius:10px;font-family:Lato-Regular,serif;font-size:15px;padding-left:5px}.row.textarea textarea::placeholder{color:#000}.dark-mode .row.textarea textarea{background-color:#353539;border:1px solid #575759;color:#fff}.dark-mode .row.textarea textarea::placeholder{color:#fff}@media (min-width:768px){.row.textarea textarea{width:50%}}@media (max-width:767px){.row.textarea textarea{width:100%}}.classmaster-reply{margin-bottom:15px}.classmaster-reply smalltext{text-align:center}.dark-mode .classmaster-reply smalltext{color:#fff}.dark-mode .absent-data{border-top:1px solid #575759}.child-list{padding-left:20px}.login-body-box{width:350px}.login-header{color:#6d6e71;font-size:37px;font-weight:600;margin:45px 0;width:100%}.logo-link{color:#6d6e71;font-size:40px;text-decoration:none}.logo-line{background:linear-gradient(90deg,#50b748,#50b748,#52b348,#58a846,#5f9a45,#976872,#b05187,#ad519e,#ad519e,#ad519e,#865aa6,#6663ac,#4a69b2,#356fb6,#2672b9,#1e74ba,#1b75bb);border-radius:2px 0 0 2px;height:4px}.form-login{width:100%}.form-login .password-wrapper{display:inline-block;position:relative;width:100%}.form-login .password-wrapper input{box-sizing:border-box;padding-right:40px}.form-login #toggle-password-visibility{background-color:transparent;border:none;cursor:pointer;font-size:1.25em;outline:none;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.logo{color:#6d6e71;display:flex}.login-body-box{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);justify-content:center;padding:20px}.login-body-box>h4{display:flex;font-size:25px;justify-content:center;margin-bottom:10px;width:100%}.login-body-box.nias{background-color:#d14b54}.login-body-box .nias-login{text-decoration:none}.login-body-box .nias-description{margin:0 0 5px}.login-body-box .nias-description-bigger{font-size:17px;letter-spacing:.4px;margin:0 0 5px;text-align:center}.login-body-box .footer .cn-logo{order:-1}.helpdesk-contact .cn-logo{margin:8px}.login-body-box-smallprint>span{font-size:14px}.footer{color:#404040;color:#353535;display:flex;flex-direction:column;font-size:13px;font-size:14px;margin-top:auto;text-align:center}.footer .fs-standard{font-size:15px;text-decoration:none}.footer>p{margin:5px 0}.nias-login{align-items:center;background-color:#d14b54;border-radius:5px;color:#fff;display:flex;height:35px;justify-content:center;margin:10px 0;width:100%}.nias-description-wrapper{padding-left:10px}.l-row-centered{align-items:center;display:flex;flex:1;flex-direction:column;flex-wrap:wrap;justify-content:center}.l-col-centered{align-items:center;display:flex;flex-flow:column wrap}.l-flipped-flex.footer{flex-direction:column;justify-content:center}.l-flipped-flex.footer .l-two-columns{display:flex;margin:10px 0}.l-flipped-flex.footer .l-two-columns .column{flex-basis:50%;word-break:break-word}.l-flipped-flex.footer .l-two-columns .column:first-of-type{padding-right:5px}.l-flipped-flex.footer .l-two-columns .column:last-of-type{padding-left:5px}.services-catalogue{border-top:none!important;display:flex;flex-wrap:wrap;justify-content:center}.services-catalogue :nth-child(n+7){display:none}.services-catalogue a{display:flex;flex-direction:column}.services-catalogue a img{float:left;height:32px;object-fit:scale-down;width:100px}.services-catalogue a.e-laboratorij-icon img{width:140px}.read-more-link{display:flex;justify-content:end;margin-right:20px}.read-more-link a{color:#1676bb;font-weight:700}.read-more-link a:hover{text-decoration:underline}.service-list{display:flex;flex-direction:column;margin-top:15px}.service-list .service-list-row{display:flex;flex-direction:row;justify-content:space-between;padding:15px 5px}.service-list .service-list-row span{font-size:14px;margin-top:10px}.flash-messages{top:50px;width:100%}.flash-messages-chat{left:0;position:fixed;top:10vh;width:100%;z-index:100}.new-data-number{color:#fff}.average-grade{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);display:flex;font-size:18px;justify-content:space-between;padding:15px}.average-grade .numbered-average{font-size:24px;margin-left:auto;margin-right:30px}.dark-mode .average-grade{background-color:#3e3e42;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.161)}.remove-document-text{color:#b3001b!important;cursor:pointer;font-size:16px;font-weight:700;margin-top:5px;text-decoration:underline;width:100%}.dark-mode .upload-button{border:2px solid #014d80}.dark-mode .upload-button:after{background:#2d2d30;color:#fff}.dark-mode .upload-button:before{background:#014d80;color:#fff}.dark-mode .remove-document-text{color:#ff220c!important}.upload-button{border:2px solid #007acc;border-radius:10px;height:40px;margin-top:10px;max-width:400px;position:relative;width:100%}.upload-button:after{background:#fff;border-radius:10px;color:#007acc;content:attr(data-text);display:block;font-size:15px;font-weight:300;height:16px;left:0;line-height:16px;max-width:70%;overflow:hidden;padding:10px 15px;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 40px);z-index:20}.upload-button:before{background:#007acc;border-radius:0 6px 6px 0;color:#fff;content:"Priloži";display:inline-block;font-size:16px;font-weight:700;height:38px;line-height:38px;padding:0 15px;position:absolute;right:0;text-transform:uppercase;z-index:25}.upload-button input{bottom:0;cursor:pointer;display:block;height:40px;left:0;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:99}#error-page{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:space-around}#error-page .error-message{align-items:center;display:flex;flex-direction:column;margin:auto;padding:0 20px;text-align:center!important}#error-page .error-message h1{color:#ff220c!important}#error-page .error-message p{text-align:center}#error-page #footer .footer{align-items:center}#error-page #footer .footer .cn-logo{width:100px}.accessibility_list li{display:list-item;list-style:disc none outside;margin-left:5px}.bell-container{position:relative}.bell-container .bell-notification{background-color:#3bc62f!important;border:3px solid #fff;border-radius:50%;font-size:10px;height:15px;line-height:15px;opacity:1;position:absolute;right:-5px;text-align:center;width:15px;z-index:1}.bell-container .bell-shape{position:relative;transform-style:preserve-3d}.bell-container .bell-shape>*{background-color:#007acc}.bell-container .bell-shape .bell-top{border-radius:50%;height:5px;margin:0 auto;transform:translateZ(0);width:5px;z-index:1}.bell-container .bell-shape .bell-body{animation:swing 5s ease-in-out .2s infinite;animation-iteration-count:1;border:2px solid #fff;border-radius:20px 20px 0 0;height:34px;margin-top:-3px;position:relative;transform:translateZ(0);width:30px}.bell-container .bell-shape .bell-body:after{background-color:#007acc;border-radius:15px 15px 2px 2px;bottom:0;content:"";height:7px;left:-50%;position:absolute;transform:translateX(25%);width:35px}.bell-container .bell-shape .bell-ball{animation:bellswing 5s ease-in-out .4s infinite;animation-iteration-count:1;border-radius:0 0 50% 50%;height:4px;margin:0 auto;transform:translateZ(-1px);width:7px}@keyframes pop{0%{opacity:0}10%,50%{opacity:1}to{opacity:0}}@keyframes swing{0%{transform:rotate(-10deg) translateZ(0)}2%{transform:rotate(-30deg) translateZ(0)}5.5%{transform:rotate(30deg) translateZ(0)}8.5%{transform:rotate(-10deg) translateZ(0)}12.5%{transform:rotate(10deg) translateZ(0)}15.5%{transform:rotate(-5deg) translateZ(0)}18.5%{transform:rotate(2deg) translateZ(0)}20%{transform:rotate(0deg) translateZ(0)}}@keyframes bellswing{0%{transform:translateZ(-1px)}2%{transform:translate3d(7px,0,-1px)}5.5%{transform:translate3d(-5px,0,-1px)}8.5%{transform:translate3d(5px,0,-1px)}12.5%{transform:translate3d(-5px,0,-1px)}15.5%{transform:translate3d(3px,0,-1px)}17.5%{transform:translate3d(-1px,0,-1px)}18.5%{transform:translateZ(-1px)}20%{transform:translateZ(-1px)}}.button.show-graph.selected{background-color:#fff;border:1px solid #007acc;height:40px}.button.show-graph.selected a{color:#007acc!important}.dark-mode .button.show-graph.selected{background-color:unset;border:1px solid #014d80;height:40px}.dark-mode .bell-notification{background-color:#248232!important;border:3px solid #2d2d30}.dark-mode .bell-shape>*{background-color:#014d80}.dark-mode .bell-shape .bell-body{border:2px solid #2d2d30}.dark-mode .bell-shape .bell-body:after{background-color:#014d80}.chart-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.final-asignment-withdraw{padding:0 20px}.final-asignment-withdraw .row.textarea textarea{width:100%}.description{font-size:16px;font-weight:700;margin:15px 0}.final-assignment .row.textarea{padding:0}@media (max-width:420px){.list li .list-average-grade{width:20%}.list li .course-info{width:80%}.login-body-box{width:90%}.calendar-table .row .cell{font-size:18px;height:45px}.before-after-select{font-size:22px}.flex-table .row:not(.header) .cell{font-size:14px}.flex-table .header.first,.flex-table .row{min-height:35px}}@media  (min-width:421px) and (max-width:767px){.list li .list-average-grade{width:15%}.list li .course-info{width:85%}.login-body-box{width:350px}.calendar-table .row .cell{font-size:20px;height:50px}.before-after-select{font-size:25px}}@media (max-width:767px){.notification{display:flex;margin-left:10px;margin-right:auto}.grades-menu{flex-wrap:wrap;justify-content:end!important}.grades-menu .button{margin-left:10px}.grades-menu .button:not(:last-of-type){margin-bottom:10px}.absent-menu .button,.exam-menu .button{margin-left:20px}.absent-summary-data{align-items:center;display:flex;flex-direction:column}.helpdesk-contact{margin-top:20px}.login-body-box:last-of-type{margin-top:30px}.store-links{align-items:center;display:flex;flex-direction:row;margin-bottom:15px}.store-links .android img{width:150px}.store-links .ios img{width:120px}.login-body-box>h4{font-size:25px}.logo-text{display:none!important}.logo-link{font-size:30px}.form-login input{height:35px}.nias-description{font-size:15px;margin:5px 0;text-align:center}.login-body-box.nias{background-color:#014d80;margin-top:20px;padding:0}#class-administration-menu .selected{-webkit-box-shadow:unset;-moz-box-shadow:unset;box-shadow:unset;color:unset}.login-header{margin:0 0 25px}.ed-logo{margin-top:30px;width:250px}#header .logged-in-user{display:none!important}#header i{font-size:25px}#header .ed-logo{display:none!important}#header .section-menu-title{font-size:20px;overflow:hidden;padding-left:0;text-overflow:ellipsis;white-space:nowrap}#header .class-info,#header .logo,#header .school,#header .school-data{display:none}.menu-wrapper{padding-right:0}.dropdown-menu-header{border-bottom:2px solid #f0f0f0;border-radius:0;box-sizing:border-box;left:0;margin-left:0;margin-top:10px;padding:0 30px;position:absolute;width:100%;z-index:100}.dropdown-menu-header li{padding:0 15px}.class-menu-vertical>.class-info{box-shadow:0 3px 6px #00000029;max-width:320px;width:85vw}.class-menu-vertical{padding-right:15px}#left-menu #footer{display:none}#left-menu ul{display:flex;flex:1;flex-direction:row;justify-content:space-around}#left-menu ul li.menu{display:none}#left-menu ul li,#left-menu ul li a{align-items:center;color:#000;display:flex;flex:1;justify-content:center}#left-menu ul li a{flex-direction:column;height:55px;text-decoration:none}#left-menu ul li a span{font-size:12px}#left-menu ul li a i{font-size:20px}#left-menu ul li.selected a{color:#007acc}.list{flex-direction:column}.list li{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.161);display:flex;height:50px;margin-bottom:10px}.list li .course-info{display:flex;flex-direction:column;justify-content:center}.list li .course-info span{display:flex}.list li .course-info span:first-of-type{align-items:end;font-weight:700}.list li .course-info span:last-of-type{align-items:start}.list li .list-average-grade,.list li .list-average-grade span{align-items:center;display:flex;justify-content:center}.list li .list-average-grade span{background-color:#007acc;border-radius:20px;color:#fff;height:35px;left:16px;padding:0;width:35px}.list li .list-average-grade span .new-data-number{display:flex;justify-content:center}.list li a{display:flex;flex:1;flex-direction:row;height:100%;padding:0 20px 0 10px;text-decoration:none}.list li a .class-teacher{display:flex;flex-direction:column}.list li{align-items:center}.list li a{flex-wrap:wrap}.list li span{border-right:none;margin:0;padding:0}.list li span:nth-of-type(2){display:-webkit-box;font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.flex-table.ib-grades-table.w5 .cell{width:14.28571%}.flex-table.ib-grades-table.w4 .cell{width:16.66667%}.flex-table.ib-grades-table .row{padding:0!important}.flex-table.ib-grades-table .row.header .cell.first{display:none}.flex-table.ib-grades-table .row.header:not(.first){background-color:#1676bb}.flex-table.ib-grades-table .row.header .cell:last-of-type span{display:none}.flex-table.ib-grades-table .row.header .cell:last-of-type:before{content:"2. pol."}.flex-table.ib-grades-table .row.header .cell:nth-last-of-type(2) span{display:none}.flex-table.ib-grades-table .row.header .cell:nth-last-of-type(2):before{content:"1. pol."}.flex-table.grades-table .final-grade .cell:nth-of-type(2),.flex-table.grades-table .final-grade .cell:nth-of-type(3),.flex-table.ib-grades-table .final-grade .cell:nth-of-type(2),.flex-table.ib-grades-table .final-grade .cell:nth-of-type(3){border-right:1px solid #f0f0f0;border-top:1px solid #f0f0f0}.flex-table.grades-table .row:not(.header),.flex-table.ib-grades-table .row:not(.header){flex-flow:row wrap}.flex-table.grades-table .row:not(.header) .cell:not(.first),.flex-table.ib-grades-table .row:not(.header) .cell:not(.first){border-top:1px solid #f0f0f0}.flex-table.grades-table .row:not(.header) .cell:not(.first):not(:last-of-type),.flex-table.ib-grades-table .row:not(.header) .cell:not(.first):not(:last-of-type){border-right:1px solid #f0f0f0}.flex-table.grades-table .cell,.flex-table.ib-grades-table .cell{font-size:12px;min-height:40px}.flex-table.grades-table .cell:not(.first),.flex-table.ib-grades-table .cell:not(.first){flex:1}.flex-table.grades-table .cell.first,.flex-table.ib-grades-table .cell.first{font-size:13px;font-weight:700;width:100%}.flex-table.grades-table .row.header.first,.flex-table.ib-grades-table .row.header.first{display:none}.flex-table.grades-table .header:not(.first),.flex-table.ib-grades-table .header:not(.first){border-bottom:1px solid #f0f0f0;color:#fff!important}.flex-table.grades-table .header:not(.first) .cell.first,.flex-table.ib-grades-table .header:not(.first) .cell.first{display:none}.absent-legend-table .row .cell{font-size:12px}.flex-table.correctional-exams-table,.flex-table.national-exam-table,.flex-table.notes-table,.flex-table.readings-table{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28)}.flex-table.correctional-exams-table .row.header:not(.first),.flex-table.national-exam-table .row.header:not(.first),.flex-table.notes-table .row.header:not(.first),.flex-table.readings-table .row.header:not(.first){display:none}.flex-table.correctional-exams-table .row:not(.header)>.cell:first-of-type,.flex-table.national-exam-table .row:not(.header)>.cell:first-of-type,.flex-table.notes-table .row:not(.header)>.cell:first-of-type,.flex-table.readings-table .row:not(.header)>.cell:first-of-type{width:15%}.flex-table.correctional-exams-table .row,.flex-table.national-exam-table .row,.flex-table.notes-table .row,.flex-table.readings-table .row{padding:5px 0}.flex-table.correctional-exams-table .row .box,.flex-table.national-exam-table .row .box,.flex-table.notes-table .row .box,.flex-table.readings-table .row .box{width:85%}.flex-table.progress-table{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28)}.flex-table.progress-table .row.header:not(.first){display:none}.flex-table.progress-table .row{align-items:flex-start;flex-direction:column}.flex-table.progress-table .row .cell{padding:5px}.flex-table.progress-table .row .cell:first-of-type{font-weight:700}.flex-table.progress-table .row.header{align-items:center}.flex-table.oos-notes-table{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);margin-top:20px}.flex-table.oos-notes-table .row{padding:5px 0}.flex-table.oos-notes-table .row.header:not(.first){display:none}.flex-table.oos-notes-table .row:not(.header)>.cell:first-of-type{flex-direction:column;justify-content:center;width:20%}.flex-table.oos-notes-table .box{width:80%}.flex-table.pedagogical-table{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);margin-top:20px}.flex-table.pedagogical-table .row{padding:5px 0}.flex-table.pedagogical-table .row.header:not(.first){display:none}.flex-table.pedagogical-table .row:not(.header)>.cell:first-of-type{flex-direction:column;justify-content:center;width:20%}.flex-table.pedagogical-table .box{width:80%}.flex-table.pedagogical-table .box .cell:first-of-type{font-weight:700}.flex-table.notes-table .row .box .cell:first-of-type:before{content:"Ocjena: ";font-weight:700}.flex-table.national-exam-table .row .box.croatian{margin-left:10px;width:50%}.flex-table.national-exam-table .row .box.croatian .cell:first-of-type:before{content:"Čitanje i hrvatski jezik: ";font-weight:700}.flex-table.national-exam-table .row .box.croatian .cell:nth-of-type(2):before{content:"Pisanje: ";font-weight:700}.flex-table.national-exam-table .row .box.croatian .cell:nth-of-type(3):before{content:"Ukupno: ";font-weight:700}.flex-table.national-exam-table .row .box.croatian .cell:nth-of-type(4):before{content:"Maksimalni broj: ";font-weight:700}.flex-table.national-exam-table .row .box{margin-left:10px;width:50%}.flex-table.national-exam-table .row .box .cell:first-of-type:before{content:"Broj bodova: ";font-weight:700}.flex-table.national-exam-table .row .box .cell:nth-of-type(2):before{content:"Maksimalni broj: ";font-weight:700}.flex-table.national-exam-table.w4 .row>.cell:nth-of-type(2){text-align:center;width:30%}.flex-table.new-grades-table .header:nth-of-type(2){display:none}.flex-table.new-grades-table .row:not(.header)>.cell:first-of-type{width:15%}.flex-table.new-grades-table .row{padding:5px 0}.flex-table.new-grades-table .row .box{width:85%}.flex-table.new-grades-table .row .box .cell:first-of-type:before{content:"Bilješka: ";font-weight:700}.flex-table.new-grades-table .row .box .cell:nth-of-type(2):before{content:"Element: ";font-weight:700}.flex-table.new-grades-table .row .box .cell:nth-of-type(3):before{content:"Ocjena: ";font-weight:700}.flex-table.new-exam-table{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28)}.flex-table.new-exam-table .header:nth-of-type(2){display:none}.flex-table.new-exam-table .row:not(.header)>.cell:first-of-type{width:15%}.flex-table.new-exam-table .row{padding:5px 0}.flex-table.new-exam-table .row .box{width:85%}.flex-table.new-exam-table .row .box .cell:first-of-type span{font-weight:700}.flex-table.review-absent-table{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28)}.flex-table.review-absent-table .header:nth-of-type(2){display:none}.flex-table.review-absent-table .row{padding:5px 0}.flex-table.review-absent-table .row .cell:first-of-type{width:25%}.flex-table.review-absent-table .row .cell:last-of-type{width:75%}.flex-table.review-absent-table .row.option-select{display:flex;flex-direction:column;padding:10px}.flex-table.review-absent-table .header .cell.first{border-radius:10px;justify-content:space-around;padding:0 10px;width:100%}.flex-table.review-absent-table .header .cell.first span{font-size:16px;margin-left:20px;margin-right:auto}.flex-table.review-absent-table .header .cell.first i{font-size:20px}.flex-table.review-absent-table .header.br{border-bottom:none;border-radius:10px}.flex-table.new-absent-table{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28)}.flex-table.new-absent-table .header:nth-of-type(2){display:none}.flex-table.new-absent-table .row:not(.header)>.cell:first-of-type,.flex-table.new-absent-table .row:not(.header)>.cell:last-of-type{width:10%}.flex-table.new-absent-table .row{padding:5px 0}.flex-table.new-absent-table .row .box{width:80%}.flex-table.new-absent-table .row .box .cell:first-of-type span{font-weight:700}.flex-table.potvrde-table{border-radius:10px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28)}.flex-table.potvrde-table .header:nth-of-type(2){display:none}.flex-table.potvrde-table .row:not(.header)>.cell:first-of-type{width:15%}.flex-table.potvrde-table .row:not(.header)>.cell:last-of-type{width:10%}.flex-table.potvrde-table .row{padding:5px 0}.flex-table.potvrde-table .row .box{width:75%}.flex-table.potvrde-table .row .box .cell:first-of-type span{font-weight:700}.hide-day{display:none}.show-day{display:block}.schedule-table{display:flex;flex-direction:column}.schedule-table .flex-table-schedule.show{display:block}.schedule-table .flex-table-schedule.hide,.schedule-table .flex-table-schedule:first-of-type{display:none}.schedule-table .flex-table-schedule:not(:first-of-type){width:100%}.schedule-table .flex-table-schedule:not(:first-of-type) .row.header.first{display:none}.schedule-table .flex-table-schedule:not(:first-of-type) .row:not(.header){flex-direction:row}.schedule-table .flex-table-schedule:not(:first-of-type) .row:not(.header) div:first-of-type{flex-basis:15%;flex-direction:column}.schedule-table .flex-table-schedule:not(:first-of-type) .row:not(.header) div:last-of-type{border-bottom:1px solid #f0f0f0;flex-basis:85%;flex-direction:column}.schedule-table .flex-table-schedule:not(:first-of-type) .cell{align-items:center;display:flex;font-weight:700;height:75px;justify-content:center;margin:0}.schedule-table .flex-table-schedule:not(:first-of-type) .cell .work-hour-mobile{color:#404040;font-size:14px;font-weight:700;left:0}.schedule-navigation{display:flex;flex:1;justify-content:space-around;margin-bottom:5px;margin-left:auto}.schedule-navigation li{margin:0 5px;width:16.66667%}.schedule-navigation li:hover{cursor:pointer}.schedule-navigation a{align-items:center;border:1px solid #f0f0f0;border-radius:5px;display:flex;height:50px;justify-content:center;list-style:none}.schedule-navigation a.selected{background:#007acc;border:1px solid #007acc;border-radius:10px;border-radius:5px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);color:#fff}.before-after-select{display:flex;font-size:25px;justify-content:space-between;padding:5px 0 20px}.dropdown-menu-wrapper{flex:1}.content-menu .section-menu-title{display:none}.content-sub-menu{display:flex;justify-content:end;margin:0;width:100%}.content-sub-menu.potvrde{justify-content:flex-end;margin-bottom:0}.content-sub-menu.grades{flex-wrap:wrap}.content-sub-menu.absent-menu,.content-sub-menu.exam-menu,.content-sub-menu.schedule-menu{margin-bottom:20px}.legend-text{display:flex;font-size:12px;justify-content:center;margin-bottom:10px}.school-info{margin-left:auto;margin-right:20px}#left-menu .new_data{background:green;border-radius:12px;bottom:50px;box-shadow:0 4px 4px rgba(0,0,0,.161);color:#fff;height:12px;left:unset;position:absolute;width:12px}#left-menu .new_data span{display:none}.is-collapsed.icon-angle-double-down{transform:rotate(180deg)}.title{font-size:18px;font-weight:700;padding:15px 0}.section-text{font-size:12px;padding:10px 5px}.button-big{width:100%}.export-menu{margin-top:15px;width:100%}.export-menu a{font-size:14px;text-align:center}.export-menu div{align-items:center;padding:10px}.footer{flex-direction:column;margin-top:5px}.school-name{font-size:13px}.school-name div:first-of-type{-webkit-line-clamp:3}.cn-logo{width:80px}#scroll-button{background-color:#62a1d1;border:none;border-radius:10px;bottom:100px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);color:#fff;cursor:pointer;display:none;font-size:18px;padding:15px;position:fixed;right:15px;z-index:99}.class-name-mobile,.student-name-mobile{font-size:15px;font-weight:700;text-align:center}.school-name-mobile{font-size:12px;font-weight:700;margin-top:5px;text-align:center}.title-mobile{font-size:18px;font-size:20px;font-weight:700;padding:15px 0 10px}.pdf-export{margin-right:0}ul.tab-navigation{margin-left:0}.calendar-table .header{padding:5px 0}.calendar-table .round-absent{height:12px;width:12px}.calendar-table .number-of-absents{padding-top:0}.dark-mode .legend-text{color:#fff}.dark-mode .dropdown-menu-header{border-bottom:2px solid #575759}.dark-mode #left-menu{box-shadow:0 -4px 4px rgba(0,0,0,.161)}.dark-mode .flex-table.grades-table .row:not(.header) .cell:not(.first),.dark-mode .flex-table.ib-grades-table .row:not(.header) .cell:not(.first){border-top:1px solid #575759}.dark-mode .flex-table.grades-table .row:not(.header) .cell:not(.first):not(:last-of-type),.dark-mode .flex-table.ib-grades-table .row:not(.header) .cell:not(.first):not(:last-of-type){border-right:1px solid #575759}.dark-mode .flex-table.grades-table .header:not(.first),.dark-mode .flex-table.ib-grades-table .header:not(.first){border-bottom:1px solid #575759}.dark-mode .flex-table.grades-table .final-grade .cell:nth-of-type(2),.dark-mode .flex-table.grades-table .final-grade .cell:nth-of-type(3),.dark-mode .flex-table.ib-grades-table .final-grade .cell:nth-of-type(2),.dark-mode .flex-table.ib-grades-table .final-grade .cell:nth-of-type(3){border-right:1px solid #575759;border-top:1px solid #575759}.dark-mode .schedule-table .flex-table-schedule:not(:first-of-type) .row:not(.header) div:last-of-type{border-bottom:1px solid #575759}.dark-mode .schedule-navigation a{border:1px solid #575759;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.161)}.dark-mode .schedule-navigation a.selected{background:#014d80;border:1px solid #014d80}}@media (min-width:768px) and (max-width:900px){#class-administration-menu .class-menu ul li{padding:10px 0}#class-administration-menu .class-menu ul li a{font-size:15px}#class-administration-menu{padding:0 15px}.export-menu{width:55%}}.legend-text{font-size:12px;font-weight:700;text-align:center}*{box-sizing:border-box;font-family:inherit}:root{--cn-green:#008c3c;--cn-blue:#1576bb;--cn-purple:#ae519f;--cn-gray:#6d6e70;--light-color-50:#fff;--light-color-100:#f5f7f8;--light-color-200:#e6ebee;--light-color-300:#d9d9d9;--light-color-400:#d1d8db;--light-color-500:#8d9da6;--dark-color-100:#000;--dark-color-200:#2d2d30;--dark-color-300:#3e3e42;--dark-color-400:#505055;--dark-color-500:#727272;--avatar-green:#008c3c;--avatar-blue:#1576bb;--avatar-purple:#ae519f;--avatar-gray:#6d6e70;--group-list-background:var(--light-color-50);--group-list-actions-background:var(--light-color-200);--group-notification-background:var(--cn-blue);--group-notification-color:var(--light-color-50);--header-background:var(--light-color-50);--header-actions-background:var(--light-color-300);--chat-background:var(--light-color-200);--chat-top-background:var(--light-color-50);--no-messages-info-background:var(--light-color-50);--sent-message-background:var(--cn-blue);--received-message-background:var(--light-color-50);--deleted-message-background:#ffd0d0;--deleted-message-color:#d14747;--sent-replay-message-background:#013659;--received-replay-message-background:#f5f5f5;--option-menu-background:var(--light-color-50);--option-menu-background-hover:var(--light-color-300);--option-menu-background-active:var(--cn-blue);--chat-bottom-background:var(--light-color-50);--send-button-background:var(--light-color-200);--chat-info-top-background:var(--light-color-50);--chat-info-body-background:var(--light-color-200);--chat-sidebar-body-background:var(--light-color-50);--text-primary:var(--dark-color-300);--text-secondary:var(--light-color-500);--toggle-track-background-active:#024d80;--toggle-indicator-background-active:#1a78b8;--upload-wrapper-background:var(--light-color-50);--upload-wrapper-border:var(--cn-blue);--upload-wrapper-border-over:#013659;--dialog-button-background:var(--cn-blue);--dialog-button-background-hover:#013659;--dialog-button-disabled-background:var(--dark-color-500);--document-border:var(--light-color-300);--document-download-button:var(--dark-color-400);--create-poll-textarea-border:var(--light-color-500);--create-poll-textarea-background:var(--light-color-50);--dialog-poll-option-result-background:var(--light-color-100);--poll-holder-background:var(--light-color-50);--poll-option-border:var(--light-color-400);--poll-option-background-hover:var(--light-color-100);--poll-option-background-selected:var(--light-color-300);--poll-option-percentage:var(--light-color-500);--show-poll-answers-button-background:var(--cn-blue)}:root .dark-mode{--avatar-green:#00cc58;--avatar-blue:#47a7eb;--avatar-purple:#c686bb;--avatar-gray:#98999a;--dark-color-100:#000;--dark-color-200:#2d2d30;--dark-color-300:#3e3e42;--dark-color-400:#505055;--dark-color-500:#727272;--group-list-background:var(--dark-color-200);--group-list-actions-background:var(--dark-color-300);--group-notification-background:#ed6464;--group-notification-color:var(--light-color-100);--header-background:var(--dark-color-200);--header-actions-background:var(--dark-color-300);--chat-background:var(--dark-color-300);--chat-top-background:var(--dark-color-400);--no-messages-info-background:var(--dark-color-400);--sent-message-background:#024d80;--received-message-background:var(--dark-color-400);--deleted-message-background:#974545;--deleted-message-color:#e8c6c6;--sent-replay-message-background:#013d66;--received-replay-message-background:#363639;--chat-bottom-background:var(--dark-color-400);--send-button-background:var(--dark-color-200);--chat-info-top-background:var(--dark-color-300);--chat-info-body-background:var(--dark-color-200);--chat-sidebar-body-background:var(--dark-color-200);--text-primary:var(--light-color-50);--text-secondary:var(--light-color-400);--option-menu-background:var(--dark-color-400);--option-menu-background-hover:var(--dark-color-500);--option-menu-background-active:var(--cn-blue);--upload-wrapper-background:var(--dark-color-300);--document-border:var(--light-color-500);--document-download-button:var(--dark-color-400);--create-poll-textarea-border:var(--dark-color-500);--create-poll-textarea-background:var(--dark-color-400);--dialog-poll-option-result-background:var(--dark-color-400);--poll-holder-background:var(--dark-color-300);--poll-option-border:var(--dark-color-500);--poll-option-background-hover:var(--dark-color-500);--poll-option-background-selected:var(--light-color-300);--poll-option-percentage:var(--light-color-400);--show-poll-answers-button-background:var(--text-primary)}@media screen and (max-width:767px){:root .dark-mode{--chat-background:var(--dark-color-200);--chat-top-background:var(--dark-color-300);--no-messages-info-background:var(--dark-color-300);--sent-message-background:#1a78b8;--received-message-background:var(--dark-color-300);--chat-bottom-background:var(--dark-color-300)}}main#chat-platform{background-color:var(--chat-background);display:grid;grid-template-columns:400px calc(100% - 400px);grid-template-rows:60px auto;height:calc(100dvh - 60px);max-height:calc(100dvh - 60px);overflow:hidden;position:relative;z-index:5}@media screen and (max-width:1200px){main#chat-platform{grid-template-columns:350px calc(100% - 350px)}}@media screen and (max-width:767px){main#chat-platform{display:block;grid-template-rows:78px auto;height:100dvh;margin-top:0;max-height:100dvh;z-index:100}}main#chat-platform .chat-header{align-items:center;background-color:var(--header-background);display:flex;grid-column:1/3;height:60px;justify-content:flex-start;width:100%}@media screen and (max-width:767px){main#chat-platform .chat-header{height:78px}}main#chat-platform .chat-header .chat-header-holder{align-items:center;align-self:center;display:flex;gap:15px;justify-content:space-between;padding-inline:15px;width:400px}@media screen and (max-width:1200px){main#chat-platform .chat-header .chat-header-holder{width:350px}}@media screen and (max-width:767px){main#chat-platform .chat-header .chat-header-holder{width:100%}}main#chat-platform .chat-header .chat-header-holder .chat-title{align-items:center;display:flex;gap:5px;padding-block:5px;width:100%}main#chat-platform .chat-header .chat-header-holder .chat-title a{display:none}@media screen and (max-width:767px){main#chat-platform .chat-header .chat-header-holder .chat-title a{align-items:center;background-color:transparent;color:var(--text-primary);display:flex;height:42px;justify-content:center;width:42px}}main#chat-platform .chat-header .chat-header-holder .chat-title h1{color:var(--text-primary);flex:1;font-size:18px;margin:0}main#chat-platform .chat-header .chat-header-holder .header-actions{align-items:center;display:flex;gap:15px;justify-content:flex-end}main#chat-platform .chat-header .chat-header-holder .header-actions button{align-items:center;background-color:var(--header-actions-background);border:none;border-radius:50%;color:var(--text-primary);display:flex;height:38px;justify-content:center;width:38px}main#chat-platform #group-list{background-color:var(--group-list-background);display:flex;flex-direction:column;gap:10px;height:100%;overflow:hidden;width:100%}@media screen and (max-width:767px){main#chat-platform #group-list{height:calc(100% - 78px)}}main#chat-platform #group-list .group-list-top{align-items:flex-start;display:flex;flex-direction:column;gap:15px;justify-content:space-between;padding-inline:15px;padding-top:15px}@media screen and (max-width:767px){main#chat-platform #group-list .group-list-top{padding-top:unset}}main#chat-platform #group-list .group-list-top .group-list-actions{align-items:center;display:flex;gap:5px;justify-content:flex-start}main#chat-platform #group-list .group-list-top .group-list-actions button{background-color:var(--group-list-actions-background);border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:90%;padding:8px 10px}main#chat-platform #group-list .group-list-top .group-list-actions button.active{font-weight:700}main#chat-platform #group-list .group-list-top .group-list-actions button:hover{text-decoration-line:underline}main#chat-platform #group-list .group-list-top p{color:var(--text-primary)}main#chat-platform #group-list .group-list-body{flex:1;overflow:auto;width:100%;-ms-overflow-style:none;scrollbar-width:none}main#chat-platform #group-list .group-list-body::-webkit-scrollbar{display:none}main#chat-platform #group-list .group-list-body ul{display:flex;flex-direction:column;list-style:none;padding:0!important}main#chat-platform #group-list .group-list-body ul .group-button{align-items:center;column-gap:10px;display:flex;height:65px;padding-inline:15px;position:relative}main#chat-platform #group-list .group-list-body ul .group-button.active{background-color:var(--chat-background)}main#chat-platform #group-list .group-list-body ul .group-button .favorite-indicator{align-items:center;color:var(--avatar-gray);display:flex;font-size:10px;height:12px;justify-content:center;left:2px;position:absolute;top:calc(50% - 6px);width:12px}main#chat-platform #group-list .group-list-body ul .group-button .group-avatar{flex:0 0 42px;height:42px;width:42px}main#chat-platform #group-list .group-list-body ul .group-button .group-details{align-self:center;display:flex;flex-direction:column;flex-grow:1;gap:5px;overflow:hidden}main#chat-platform #group-list .group-list-body ul .group-button .group-details .chat-title{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main#chat-platform #group-list .group-list-body ul .group-button .group-details .message{color:var(--text-secondary);font-size:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main#chat-platform #group-list .group-list-body ul .group-button .group-info{align-items:flex-end;align-self:center;display:flex;flex:0 0 65px;flex-direction:column;gap:5px}main#chat-platform #group-list .group-list-body ul .group-button .group-info .time{color:var(--text-secondary);font-size:75%}main#chat-platform #group-list .group-list-body ul .group-button .group-info .notifications{align-items:center;background-color:var(--group-notification-background);border-radius:50%;color:var(--group-notification-color);display:flex;font-size:75%;height:22px;justify-content:center;text-align:center;width:22px}main#chat-platform #chat-container{overflow:hidden;position:relative}@media screen and (max-width:767px){main#chat-platform #chat-container{height:calc(100% - 78px)}}main#chat-platform #chat-container .chat-top{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:20px 2% 0;position:sticky;top:0;width:100%;z-index:2}@media screen and (max-width:767px){main#chat-platform #chat-container .chat-top{background-color:var(--chat-top-background);border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:0;padding-inline:15px;position:fixed}}main#chat-platform #chat-container .chat-top .unselect-communication-group{background-color:transparent;border:none;color:var(--text-primary);display:none;flex:0 0 42px;height:42px;outline:none;width:42px}@media screen and (max-width:767px){main#chat-platform #chat-container .chat-top .unselect-communication-group{display:block}}main#chat-platform #chat-container .chat-top .selected-group-container{align-items:center;background-color:var(--chat-top-background);border-radius:8px;box-shadow:0 7px 15px 0 #0000000d;column-gap:10px;display:flex;flex-grow:1;height:78px;overflow:hidden;padding-inline:20px}@media screen and (max-width:767px){main#chat-platform #chat-container .chat-top .selected-group-container{box-shadow:unset;padding-inline:0}}main#chat-platform #chat-container .chat-top .selected-group-container .group-avatar{flex:0 0 42px;height:42px;width:42px}main#chat-platform #chat-container .chat-top .selected-group-container .group-details{align-self:center;display:flex;flex-direction:column;flex-grow:1;gap:5px;overflow:hidden}main#chat-platform #chat-container .chat-top .selected-group-container .group-details .chat-title{color:var(--text-primary);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main#chat-platform #chat-container .chat-top .selected-group-container .group-details .members{color:var(--text-secondary);font-size:90%}main#chat-platform #chat-container .chat-top .group-actions{align-items:center;display:flex;gap:10px}main#chat-platform #chat-container .chat-top .group-actions button{background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:25px;outline:none}main#chat-platform #chat-container .chat-body{display:flex;flex-direction:column;gap:5px;height:calc(100% - 104px);left:0;margin-bottom:45px;margin-top:59px;max-height:calc(100% - 104px);overflow:auto;padding-inline:2%;padding-bottom:45px;padding-top:59px;position:absolute;top:0;width:100%;-ms-overflow-style:none;scrollbar-width:none}main#chat-platform #chat-container .chat-body::-webkit-scrollbar{display:none}@media screen and (max-width:767px){main#chat-platform #chat-container .chat-body{height:calc(100% - 35px);margin-top:0;max-height:calc(100% - 35px);padding-top:10px;padding-inline:10px;padding-bottom:35px}}main#chat-platform #chat-container .chat-body.to-bottom{height:calc(100% - 59px);margin-bottom:0;max-height:calc(100% - 59px);padding-bottom:20px}@media screen and (max-width:767px){main#chat-platform #chat-container .chat-body.to-bottom{height:100%;max-height:100%;padding-bottom:10px}}main#chat-platform #chat-container .chat-body .message-holder{display:flex;flex-direction:column;gap:5px;position:relative}main#chat-platform #chat-container .chat-body .message-holder .row-container{align-items:flex-start;display:flex;gap:5px;width:100%}main#chat-platform #chat-container .chat-body .message-holder .row-container .select-reaction-container{display:none;height:38px;position:relative}@media screen and (max-width:767px){main#chat-platform #chat-container .chat-body .message-holder .row-container .select-reaction-container{position:static}}main#chat-platform #chat-container .chat-body .message-holder .row-container .select-reaction-container button{align-items:center;background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25em;height:38px;justify-content:center;outline:none;width:38px}@media screen and (max-width:767px){main#chat-platform #chat-container .chat-body .message-holder .row-container .select-reaction-container button{font-size:1.5em}}main#chat-platform #chat-container .chat-body .message-holder .row-container .select-reaction-container .select-reaction-list{background-color:var(--chat-top-background);border-radius:20px;height:38px;max-width:0;overflow:hidden;position:absolute;transition:max-width .15s ease-in-out;white-space:nowrap;width:auto;z-index:1}@media screen and (max-width:767px){main#chat-platform #chat-container .chat-body .message-holder .row-container .select-reaction-container .select-reaction-list{border-radius:25px;height:46px}}main#chat-platform #chat-container .chat-body .message-holder .row-container .select-reaction-container .select-reaction-list ul{align-items:center;display:flex;gap:2px;justify-content:center;list-style:none;margin:4px;padding:0}@media screen and (max-width:767px){main#chat-platform #chat-container .chat-body .message-holder .row-container .select-reaction-container .select-reaction-list ul{gap:4px}}main#chat-platform #chat-container .chat-body .message-holder .row-container .select-reaction-container .select-reaction-list ul button{align-items:center;background-color:var(--chat-top-background);border:1px solid var(--chat-top-background);border-radius:50%;cursor:pointer;display:flex;font-size:1em;height:30px;justify-content:center;outline:none;padding-bottom:1px;width:30px}@media screen and (max-width:767px){main#chat-platform #chat-container .chat-body .message-holder .row-container .select-reaction-container .select-reaction-list ul button{font-size:1.25rem;height:38px;width:38px}}main#chat-platform #chat-container .chat-body .message-holder .row-container .select-reaction-container .select-reaction-list ul button:hover{background-color:var(--chat-background);border:1px solid var(--chat-background)}main#chat-platform #chat-container .chat-body .message-holder .row-container .select-reaction-container .select-reaction-list ul button.active{background-color:var(--chat-background);border:1px solid var(--text-secondary)}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box{align-items:flex-start;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;max-width:55%;min-height:42px!important;padding:12px;position:relative;width:fit-content}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.loading{align-items:unset!important;min-width:35%}@media screen and (max-width:1200px){main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box{max-width:65%}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.loading{min-width:45%}}@media screen and (max-width:767px){main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box{max-width:calc(100% - 50px)}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.loading{min-width:65%}}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.received{align-self:flex-start;background-color:var(--received-message-background)}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.received .message-options{background:var(--received-message-background)}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.received .message-options button{color:var(--text-primary)}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.received .message-options button i.icon-angle-down{border-bottom-left-radius:5px;color:inherit;font-size:25px;position:relative;z-index:1}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.received .message-options ul{left:0;top:100%}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.received .original-message{background-color:var(--received-replay-message-background)}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.received .show-more-button,main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.received p{color:var(--text-primary)}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.received .timestamp{color:var(--text-secondary)}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.sent{align-self:flex-end;background-color:var(--sent-message-background)}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.sent .message-options{background:var(--sent-message-background)}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.sent .message-options button{color:var(--light-color-50)}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.sent .message-options button i.icon-angle-down{border-bottom-left-radius:5px;color:inherit;font-size:25px;position:relative;z-index:1}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.sent .message-options ul{right:0;top:100%}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.sent .original-message{background-color:var(--sent-replay-message-background)}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.sent .show-more-button,main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.sent p{color:var(--light-color-50)}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.sent .timestamp{color:var(--light-color-200)}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.deleted{background-color:var(--deleted-message-background)!important}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.deleted p{color:var(--text-primary)!important}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.deleted .deleted-info{color:var(--deleted-message-color)!important}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.deleted .show-more-button{color:var(--text-primary)!important}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.deleted .timestamp{color:var(--text-secondary)!important}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box.deleted .deleted-info{display:block;padding-block:2px}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box .message-options{border-radius:10px;position:absolute;right:0;top:0;z-index:5}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box .message-options button{cursor:pointer;display:none}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box .message-options.active ul{display:block}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box .message-options.active button,main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box:hover .message-options button{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:42px;justify-content:center;padding:0!important;width:34px}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box .original-message{align-items:flex-start;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:10px;overflow:hidden;padding:10px 15px 10px 25px;position:relative;width:100%}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box .original-message:before{background-color:var(--sent-message-background);border-radius:5px;content:"";height:calc(100% - 16px);left:10px;position:absolute;top:8px;width:5px}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box .message-info{align-items:center;align-self:flex-end;bottom:3px;display:flex;gap:10px;justify-content:flex-end;position:absolute;right:5px}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box .message-info .timestamp{font-size:60%;font-weight:700;pointer-events:none;user-select:none}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box .message-info i{color:var(--light-color-200);font-size:60%;margin:0!important}main#chat-platform #chat-container .chat-body .message-holder .row-container .message-box p{margin:0!important}main#chat-platform #chat-container .chat-body .message-holder .row-container .select-reaction-container.active,main#chat-platform #chat-container .chat-body .message-holder .row-container:hover .select-reaction-container{display:block}main#chat-platform #chat-container .chat-body .message-holder.sent{align-items:flex-end}main#chat-platform #chat-container .chat-body .message-holder.sent .row-container{flex-direction:row-reverse}main#chat-platform #chat-container .chat-body .message-holder.sent .row-container .select-reaction-list{border:unset;box-shadow:2px 2px 10px 0 #0000003a;left:unset;right:100%;top:0}@media screen and (max-width:767px){main#chat-platform #chat-container .chat-body .message-holder.sent .row-container .select-reaction-list{bottom:calc(100% + 4px);left:0;right:unset;top:unset}}main#chat-platform #chat-container .chat-body .message-holder.received{align-items:flex-start}main#chat-platform #chat-container .chat-body .message-holder.received .select-reaction-list{border:unset;box-shadow:-2px 2px 10px 0 #0000003a;left:100%;right:unset;top:0}@media screen and (max-width:767px){main#chat-platform #chat-container .chat-body .message-holder.received .select-reaction-list{bottom:calc(100% + 4px);left:unset;right:0;top:unset}}main#chat-platform #chat-container .chat-body .message-holder:last-of-type:not(:only-child) .message-options ul{bottom:100%!important;top:unset!important}main#chat-platform #chat-container .chat-body .message-holder .reactions-holder{align-items:center;display:flex;gap:5px;justify-content:center;margin-bottom:10px}main#chat-platform #chat-container .chat-body .message-holder .reactions-holder .reaction-counter{align-items:center;background-color:var(--chat-top-background);border:1px solid var(--chat-top-background);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9em;gap:2px;justify-content:center;padding:3px 6px}main#chat-platform #chat-container .chat-body .message-holder .reactions-holder .reaction-counter span{pointer-events:none;user-select:none}main#chat-platform #chat-container .chat-body .message-holder .reactions-holder .reaction-counter:hover{background-color:var(--chat-background);border:1px solid var(--text-secondary)}main#chat-platform #chat-container .chat-body .no-messages-info{background-color:var(--no-messages-info-background);border-radius:4px;color:var(--text-secondary);font-size:12px;margin:0 auto;padding:6px 10px}main#chat-platform #chat-container .chat-body .day-line{align-items:center;display:flex;justify-content:center;margin-block:10px;position:relative;width:100%}main#chat-platform #chat-container .chat-body .day-line:before{background-color:var(--text-secondary);content:"";height:1px;left:0;opacity:.75;position:absolute;top:50%;width:100%}main#chat-platform #chat-container .chat-body .day-line span{background-color:var(--chat-background);color:var(--text-secondary);font-size:14px;padding:2px 5px;pointer-events:none;position:relative;user-select:none;z-index:1}main#chat-platform #chat-container .chat-bottom{bottom:0;left:0;padding:0 2% 20px;position:absolute;width:100%;z-index:1}@media screen and (max-width:767px){main#chat-platform #chat-container .chat-bottom{padding:10px;position:fixed}}main#chat-platform #chat-container .chat-bottom .reply-enter-active,main#chat-platform #chat-container .chat-bottom .reply-leave-active{transition:all 50ms ease-in-out}main#chat-platform #chat-container .chat-bottom .reply-enter-from,main#chat-platform #chat-container .chat-bottom .reply-leave-to{opacity:0;transform:translateY(30px)}main#chat-platform #chat-container .chat-bottom .reply-container{align-items:flex-start;background-color:var(--chat-bottom-background);border-radius:5px 5px 0 0;display:flex;gap:10px;justify-content:space-between;padding:15px 15px 5px;position:relative;z-index:-1}main#chat-platform #chat-container .chat-bottom .reply-container .reply-message{display:-webkit-box;flex-grow:1;padding-left:15px;padding-block:2px;position:relative;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}main#chat-platform #chat-container .chat-bottom .reply-container .reply-message:before{background-color:var(--sent-message-background);border-radius:5px;content:"";height:100%;left:0;position:absolute;top:0;width:5px}main#chat-platform #chat-container .chat-bottom .reply-container .reply-message .sender{display:block;margin-bottom:5px}main#chat-platform #chat-container .chat-bottom .reply-container .reply-message .reply-message-text{overflow-wrap:break-word;word-break:break-word;word-wrap:break-word;display:-webkit-box;flex-grow:1;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;max-height:50dvh;overflow:auto}main#chat-platform #chat-container .chat-bottom .reply-container .reply-message .reply-message-text p{color:var(--text-primary);line-height:1.25em;margin:0!important}main#chat-platform #chat-container .chat-bottom .reply-container .reply-message .show-more-button{color:var(--text-primary)}main#chat-platform #chat-container .chat-bottom .reply-container button{background-color:transparent;border:none;color:var(--text-secondary);font-size:14px;outline:none;padding-left:4px}main#chat-platform #chat-container .chat-bottom .type-message{align-items:center;background-color:var(--chat-bottom-background);border-radius:25px;box-shadow:0 7px 15px 0 #0000000d;display:flex;justify-content:center;min-height:50px;padding-left:10px;transition:border-radius 50ms ease-in-out;width:100%}main#chat-platform #chat-container .chat-bottom .type-message.no-border-top{border-radius:0 0 25px 25px}main#chat-platform #chat-container .chat-bottom .type-message .type-options{position:relative}main#chat-platform #chat-container .chat-bottom .type-message .type-options button{align-items:center;background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;outline:none;width:40px}main#chat-platform #chat-container .chat-bottom .type-message .type-options ul{bottom:100%!important;left:0!important}main#chat-platform #chat-container .chat-bottom .type-message .type-options.active ul{display:block}main#chat-platform #chat-container .chat-bottom .type-message textarea{background-color:transparent;border:none;color:var(--text-primary);flex:1;margin:5px;max-height:35dvh;min-height:20px!important;outline:none;resize:none;-ms-overflow-style:none;scrollbar-width:none}main#chat-platform #chat-container .chat-bottom .type-message textarea::-webkit-scrollbar{display:none}main#chat-platform #chat-container .chat-bottom .type-message textarea:active{background-color:transparent}main#chat-platform #chat-container .chat-bottom .type-message .send-button{align-items:center;background-color:var(--cn-blue);border:none;border-radius:50%;color:var(--light-color-50);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;margin:5px 5px 5px 0;outline:none;transition:all .25s ease-out;width:40px}main#chat-platform #chat-container .chat-bottom .type-message .send-button:disabled{background-color:var(--send-button-background);color:var(--text-secondary);pointer-events:none}main#chat-platform .message-content .uploaded-document-holder{border-radius:5px;height:auto;max-width:100px;min-width:100px;position:relative;width:100px}main#chat-platform .message-content .uploaded-document-holder img{border-radius:5px;display:block;margin:0 auto;min-width:100px;width:100px}main#chat-platform .message-content .uploaded-document-holder button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;left:50%;opacity:0;outline:none;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity 50ms ease-in-out;width:40px}main#chat-platform .message-content .uploaded-document-holder button i{color:var(--document-download-button);font-size:1.5rem;z-index:1}main#chat-platform .message-content .uploaded-document-holder button:before{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:hsla(0,0%,100%,.5);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.15);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}main#chat-platform .message-content .uploaded-document-holder:hover button{opacity:1;pointer-events:auto}main#chat-platform .message-content .document-name{font-size:85%;max-width:110px;padding-block:10px;text-align:center;width:110px;word-break:break-word}main#chat-platform .message-content .poll-holder{background-color:var(--poll-holder-background);border:1px solid var(--poll-option-border);border-radius:8px;margin-bottom:6px;margin-top:10px;overflow:hidden}main#chat-platform .message-content .poll-holder .poll-options{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;list-style:none;margin:0;min-width:300px;padding:0}main#chat-platform .message-content .poll-holder .poll-options li{background-color:transparent;cursor:pointer;width:100%}main#chat-platform .message-content .poll-holder .poll-options li.disabled{cursor:default;pointer-events:none;user-select:none}main#chat-platform .message-content .poll-holder .poll-options li:not(:last-child){border-bottom:1px solid var(--poll-option-border)}main#chat-platform .message-content .poll-holder .poll-options li:hover{background-color:var(--poll-option-background-hover)}main#chat-platform .message-content .poll-holder .poll-options li .option-input{align-items:flex-start;display:flex;gap:8px;justify-content:flex-start;margin:0;padding:12px 10px;width:100%}main#chat-platform .message-content .poll-holder .poll-options li .option-input .option-status{display:block;margin-right:16px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main#chat-platform .message-content .poll-holder .poll-options li .option-input .option-status input{cursor:pointer;height:0;margin:0;opacity:0;position:absolute;width:0}main#chat-platform .message-content .poll-holder .poll-options li .option-input .option-status .checkmark{background-color:var(--light-color-300);cursor:pointer;height:18px;left:0;position:absolute;top:0;width:18px}main#chat-platform .message-content .poll-holder .poll-options li .option-input .option-status .checkmark.thick{border-radius:4px}main#chat-platform .message-content .poll-holder .poll-options li .option-input .option-status .checkmark.circle{border-radius:50%}main#chat-platform .message-content .poll-holder .poll-options li .option-input .option-status .checkmark.thick:after{border:solid var(--light-color-50);border-width:0 3px 3px 0;content:"";display:none;height:8px;left:6px;position:absolute;top:2px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:4px}main#chat-platform .message-content .poll-holder .poll-options li .option-input .option-status .checkmark.circle:after{background:var(--light-color-50);border-radius:50%;content:"";display:none;height:8px;left:5px;position:absolute;top:5px;width:8px}main#chat-platform .message-content .poll-holder .poll-options li .option-input .option-status input:checked~.checkmark{background-color:var(--cn-blue)}main#chat-platform .message-content .poll-holder .poll-options li .option-input .option-status input:checked~.checkmark:after{display:block}main#chat-platform .message-content .poll-holder .poll-options li .option-input p{color:var(--text-primary)!important;line-height:1em;padding-top:2px;text-align:left}main#chat-platform .message-content .poll-holder .poll-options li .percentage-progress{align-items:center;display:flex;gap:5px;justify-content:center;margin-bottom:5px;padding-inline:10px}main#chat-platform .message-content .poll-holder .poll-options li .percentage-progress progress{appearance:none;border-radius:4px;height:8px;width:100%}main#chat-platform .message-content .poll-holder .poll-options li .percentage-progress progress::-webkit-progress-bar{background-color:transparent;border:1px solid var(--poll-option-percentage);border-radius:4px}main#chat-platform .message-content .poll-holder .poll-options li .percentage-progress progress::-webkit-progress-value{background-color:var(--poll-option-percentage);border-radius:4px}main#chat-platform .message-content .poll-holder .poll-options li .percentage-progress progress::-moz-progress-bar{background-color:var(--poll-option-percentage);border-radius:4px}main#chat-platform .message-content .poll-holder .poll-options li .percentage-progress span{color:var(--poll-option-percentage);display:block;text-align:right;width:40px}main#chat-platform .message-content .poll-holder .show-poll-answers-button{background-color:transparent;border:none;border-top:1px solid var(--poll-option-border);color:var(--show-poll-answers-button-background);cursor:pointer;display:block;outline:none;padding-block:12px;width:100%}main#chat-platform .message-content .poll-holder .show-poll-answers-button:hover{background-color:var(--poll-option-background-hover)}main#chat-platform .message-content .poll-hint{display:block;font-size:90%;margin-block:2px}main#chat-platform .message-content .message-text{overflow-wrap:break-word;word-break:break-word;word-wrap:break-word;display:-webkit-box;flex-grow:1;margin-right:25px;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;max-height:7.5em;overflow:hidden}main#chat-platform .message-content .message-text.expanded{-webkit-line-clamp:unset;line-clamp:unset;max-height:none}main#chat-platform .message-content .message-text p{line-height:1.25em}main#chat-platform .message-content .show-more-button{background-color:transparent;border:none;display:inline-block;font-size:90%;font-weight:700;margin-top:10px;outline:none;padding-inline:0!important}main#chat-platform .message-content .show-more-button:hover{text-decoration-line:underline}main#chat-platform .chat-info{background-color:var(--chat-info-body-background);border:unset;height:calc(100dvh - 120px);margin:0;overflow:auto;padding:0;position:absolute;right:-400px;top:60px;transition:right .25s ease-in-out;width:400px;-ms-overflow-style:none;scrollbar-width:none;z-index:5}main#chat-platform .chat-info::-webkit-scrollbar{display:none}main#chat-platform .chat-info.active{box-shadow:0 4px 4px 0 #00000040;right:0}@media screen and (max-width:767px){main#chat-platform .chat-info{height:100%;min-height:100%;min-width:100%;right:-100%;top:0;width:100%}}main#chat-platform .chat-info .chat-info-top{background-color:var(--chat-info-top-background);border-radius:0 0 16px 16px;position:sticky;top:0;z-index:1}main#chat-platform .chat-info .chat-info-top .chat-info-title{align-items:center;display:flex;gap:5px;padding-block:5px;padding-inline:10px;width:100%}@media screen and (max-width:767px){main#chat-platform .chat-info .chat-info-top .chat-info-title{height:78px;padding-inline:15px}}main#chat-platform .chat-info .chat-info-top .chat-info-title button{background-color:transparent;border:none;color:var(--text-primary);height:42px;outline:none;width:42px}main#chat-platform .chat-info .chat-info-top .chat-info-title button i.icon-left{display:none}@media screen and (max-width:767px){main#chat-platform .chat-info .chat-info-top .chat-info-title button i.icon-left{display:block}}main#chat-platform .chat-info .chat-info-top .chat-info-title button i.icon-cancel-1{cursor:pointer;display:block}@media screen and (max-width:767px){main#chat-platform .chat-info .chat-info-top .chat-info-title button i.icon-cancel-1{display:none}}main#chat-platform .chat-info .chat-info-top .chat-info-title button.exit{color:red;font-size:18px}main#chat-platform .chat-info .chat-info-top .chat-info-title h1{color:var(--text-primary);flex:1;font-size:18px;margin:0}main#chat-platform .chat-info .chat-info-top .chat-info-details{align-items:center;display:flex;flex-direction:column;justify-self:center;padding:10px 15px}main#chat-platform .chat-info .chat-info-top .chat-info-details .chat-info-avatar{height:150px;width:150px}main#chat-platform .chat-info .chat-info-top .chat-info-details h2{color:var(--text-primary);font-size:16px;text-align:center}main#chat-platform .chat-info .chat-info-top .chat-info-details .member-count{color:var(--text-secondary);font-size:12px}main#chat-platform .chat-info .chat-info-top .chat-info-details .admin-gui-button{background-color:var(--dialog-button-background);border:1px solid var(--dialog-button-background);border-radius:10px;color:var(--light-color-50);cursor:pointer;display:block;margin-top:4px;outline:none;padding:10px;transition:background-color .1s ease-in-out;width:100%}main#chat-platform .chat-info .chat-info-top .chat-info-details .admin-gui-button:hover{background-color:var(--dialog-button-background-hover);border-color:var(--dialog-button-background-hover)}main#chat-platform .chat-info .chat-info-top .chat-info-details .admin-gui-button[disabled]{background-color:var(--dialog-button-disabled-background);border-color:var(--dialog-button-disabled-background);pointer-events:none}main#chat-platform .chat-info .chat-info-body .chat-info-actions{align-items:center;display:grid;grid-template-columns:auto 52px;padding:15px;width:100%}main#chat-platform .chat-info .chat-info-body .chat-info-actions label:not(.toggle-switch){align-items:center;color:var(--text-primary);display:flex;font-size:16px;gap:10px;justify-content:flex-start;margin:0;padding-block:15px}main#chat-platform .chat-info .chat-info-body .chat-info-actions label:not(.toggle-switch) i{font-size:24px}main#chat-platform .chat-info .chat-info-body .chat-info-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding-inline:15px}main#chat-platform .chat-info .chat-info-body .chat-info-details button{align-items:center;background-color:transparent;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;width:30px}main#chat-platform .chat-info .chat-info-body .chat-info-members{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style:none;padding:0;padding-inline:15px;width:100%}main#chat-platform .chat-info .chat-info-body .chat-info-members li{width:100%}main#chat-platform .chat-sidebar{background-color:var(--chat-sidebar-body-background);border:unset;height:calc(100dvh - 120px);margin:0;overflow:auto;padding:0;position:absolute;right:-400px;top:60px;transition:right .25s ease-in-out;width:400px;-ms-overflow-style:none;scrollbar-width:none;z-index:5}main#chat-platform .chat-sidebar::-webkit-scrollbar{display:none}main#chat-platform .chat-sidebar.active{box-shadow:0 4px 4px 0 #00000040;right:0}@media screen and (max-width:767px){main#chat-platform .chat-sidebar{height:100%;min-height:100%;min-width:100%;right:-100%;top:0;width:100%}}main#chat-platform .chat-sidebar .chat-sidebar-top{align-items:center;background-color:var(--chat-sidebar-body-background);border-radius:0 0 16px 16px;display:flex;flex-direction:column;justify-content:center;position:sticky;top:0;width:100%;z-index:1}main#chat-platform .chat-sidebar .chat-sidebar-top .chat-sidebar-title{align-items:center;display:flex;gap:5px;padding-block:5px;padding-inline:10px;width:100%}@media screen and (max-width:767px){main#chat-platform .chat-sidebar .chat-sidebar-top .chat-sidebar-title{height:78px;padding-inline:15px}}main#chat-platform .chat-sidebar .chat-sidebar-top .chat-sidebar-title button{background-color:transparent;border:none;color:var(--text-primary);height:42px;outline:none;width:42px}main#chat-platform .chat-sidebar .chat-sidebar-top .chat-sidebar-title button i.icon-left{display:none}@media screen and (max-width:767px){main#chat-platform .chat-sidebar .chat-sidebar-top .chat-sidebar-title button i.icon-left{display:block}}main#chat-platform .chat-sidebar .chat-sidebar-top .chat-sidebar-title button i.icon-cancel-1{cursor:pointer;display:block}@media screen and (max-width:767px){main#chat-platform .chat-sidebar .chat-sidebar-top .chat-sidebar-title button i.icon-cancel-1{display:none}}main#chat-platform .chat-sidebar .chat-sidebar-top .chat-sidebar-title h1{color:var(--text-primary);flex:1;font-size:18px;margin:0}main#chat-platform .chat-sidebar .chat-sidebar-top .search-bar-container{padding-inline:15px;padding-bottom:10px;width:100%}main#chat-platform .chat-sidebar .chat-sidebar-body{padding-inline:15px}main#chat-platform .chat-sidebar .chat-sidebar-body .letter-group{color:var(--text-secondary);font-size:12px;font-weight:400;pointer-events:none;user-select:none}main#chat-platform .chat-sidebar .chat-sidebar-body .chat-sidebar-list{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style:none;padding:0;width:100%}main#chat-platform .chat-sidebar .chat-sidebar-body .chat-sidebar-list li{width:100%}main#chat-platform .chat-sidebar .document-info{align-items:center;border:1px solid var(--document-border);border-radius:8px;column-gap:10px;display:grid;grid-template-columns:80px 1fr auto;grid-template-rows:auto auto;margin-bottom:10px;overflow:hidden}main#chat-platform .chat-sidebar .document-info img{border-radius:4px;grid-column:1;grid-row:1/span 2;height:60px;object-fit:cover;width:80px}main#chat-platform .chat-sidebar .document-info .document-name{color:var(--text-primary);font-weight:700;grid-column:2;grid-row:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main#chat-platform .chat-sidebar .document-info .document-sender{color:var(--text-secondary);font-size:70%;grid-column:2;grid-row:2;margin:0}main#chat-platform .chat-sidebar .document-info button{align-self:center;background:none;border:none;color:var(--document-download-button);cursor:pointer;font-size:100%;grid-column:3;grid-row:1/span 2;padding:10px}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}main#chat-platform ul.option-menu{background-color:var(--option-menu-background);border-radius:10px;box-shadow:0 0 2px 0 #171a1f3d;display:none;list-style:none;margin:0;overflow:hidden;padding:5px;position:absolute;z-index:5}main#chat-platform ul.option-menu li{border-radius:5px;color:var(--text-primary);cursor:pointer;display:block;padding:8px 14px;user-select:none}main#chat-platform ul.option-menu li:hover{background-color:var(--option-menu-background-hover)}main#chat-platform ul.option-menu li:active{background-color:var(--option-menu-background-active);color:var(--light-color-50);text-decoration-line:none}main#chat-platform .skeleton-loading{display:flex;flex:1;flex-direction:column;gap:10px}main#chat-platform .skeleton-loading .loading-line{background-color:var(--light-color-300);border-radius:3px;height:14px;opacity:.75;overflow:hidden;position:relative}main#chat-platform .skeleton-loading .loading-line:after{animation:loading 2s linear infinite;background:linear-gradient(90deg,transparent,var(--light-color-500),transparent);bottom:0;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);width:100%;z-index:1}main#chat-platform .sender{font-size:90%;margin-bottom:5px;padding-right:22px}main#chat-platform .sender.green{color:var(--avatar-green)!important}main#chat-platform .sender.blue{color:var(--avatar-blue)!important}main#chat-platform .sender.purple{color:var(--avatar-purple)!important}main#chat-platform .sender.gray{color:var(--avatar-gray)!important}main#chat-platform i:before{margin:0!important}main#chat-platform .toggle-switch{border-radius:16px;cursor:pointer;display:block;height:33px;margin:0;position:relative;width:52px!important}main#chat-platform .toggle-switch *{transition:all .25s}main#chat-platform .toggle-switch .toggle-track{background-color:#36343b;border:2px solid #938f99;border-radius:23px;cursor:pointer;display:flex;height:100%;left:0;position:absolute;top:0;transition:background-color .25s ease-in-out;width:100%}main#chat-platform .toggle-switch .toggle-track .toggle-indicator{align-items:center;background-color:#938f99;border-radius:50%;display:flex;height:16px;justify-content:center;left:6px;outline:2px solid transparent;position:absolute;top:6px;width:16px}main#chat-platform .toggle-switch input{display:none;height:0}main#chat-platform .toggle-switch input:checked+.toggle-track{background-color:var(--toggle-track-background-active)}main#chat-platform .toggle-switch input:checked+.toggle-track .toggle-indicator{background-color:var(--toggle-indicator-background-active);transform:translateX(20px)}main#chat-platform .toggle-switch input:checked+.toggle-track .toggle-indicator .icon.negative{display:none;opacity:0;transition:opacity .25s ease-in-out}main#chat-platform .toggle-switch input:checked+.toggle-track .toggle-indicator .icon.positive{display:block;opacity:1;transition:opacity .25s ease-in-out}main#chat-platform .avatar-wrap{align-items:center;background-color:var(--light-color-300);border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}main#chat-platform .avatar-wrap.green{background-color:var(--avatar-green)}main#chat-platform .avatar-wrap.blue{background-color:var(--avatar-blue)}main#chat-platform .avatar-wrap.purple{background-color:var(--avatar-purple)}main#chat-platform .avatar-wrap.gray{background-color:var(--avatar-gray)}main#chat-platform .avatar-wrap.loading{background-color:var(--light-color-300);position:relative}main#chat-platform .avatar-wrap.loading:after{animation:loading 2s linear infinite;background:linear-gradient(90deg,transparent,var(--light-color-50),transparent);bottom:0;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);width:100%;z-index:1}main#chat-platform .avatar-wrap span{color:var(--light-color-50);font-weight:700;pointer-events:none;user-select:none}main#chat-platform #flash-message-container{top:60px!important}@media screen and (max-width:767px){main#chat-platform #flash-message-container{top:0!important;z-index:100}}main#chat-platform #flash-message-container .flash-message-enter-active,main#chat-platform #flash-message-container .flash-message-leave-active{transition:all .1s ease-in-out}main#chat-platform #flash-message-container .flash-message-enter-from,main#chat-platform #flash-message-container .flash-message-leave-to{opacity:0}main#chat-platform .search-bar{align-items:center;background-color:var(--group-list-actions-background);border-radius:10px;color:var(--text-primary);display:flex;gap:5px;justify-content:flex-start;padding:5px 10px;width:100%}main#chat-platform .search-bar input{background-color:transparent;border:none;outline:none;padding-block:5px;width:100%}main#chat-platform .user-widget-container{align-items:center;column-gap:10px;display:flex;height:65px;pointer-events:none;width:100%}main#chat-platform .user-widget-container .user-avatar{flex:0 0 42px;height:42px;width:42px}main#chat-platform .user-widget-container .user-details{align-self:center;display:flex;flex-direction:column;flex-grow:1;gap:5px;overflow:hidden}main#chat-platform .user-widget-container .user-details .name{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main#chat-platform .user-widget-container .user-details .role{color:var(--text-secondary);font-size:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main#chat-platform .user-widget-container .user-actions{align-items:center;display:flex;gap:5px;justify-content:flex-end}main#chat-platform .user-widget-container .user-actions button{align-items:center;background-color:transparent;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;pointer-events:all;width:30px}dialog{background-color:#fff;border:unset;border-radius:10px;-webkit-box-shadow:0 0 40px 10px rgba(0,0,0,.41);-moz-box-shadow:0 0 40px 10px rgba(0,0,0,.41);box-shadow:0 0 40px 10px rgba(0,0,0,.41);height:min-content;left:0;margin:auto;padding:0;pointer-events:all;position:fixed;top:0;width:430px}@media screen and (max-width:768px){dialog{width:100%}}dialog::backdrop{background-color:#000!important;opacity:.5}dialog .dialog-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;height:40px;justify-content:space-between;line-height:40px;padding-inline:10px;width:100%}dialog .dialog-header h1{font-size:18px;margin:0}dialog .dialog-header button{background-color:transparent;border:none;border-radius:50%;cursor:pointer;outline:none;padding:5px}dialog .dialog-buttons{display:flex;gap:20px;justify-content:space-around;margin-bottom:5px}dialog .dialog-body{max-height:75dvh;overflow:auto;padding:10px}dialog .dialog-body ul{list-style:none;margin:0;padding:0;width:100%}dialog .dialog-body ul li{align-items:center;display:flex;gap:30px;justify-content:flex-start;padding-block:15px}dialog .dialog-body ul li .rounded-number{align-items:center;border-radius:50%;display:flex;font-weight:700;height:42px;justify-content:center;width:42px}dialog .dialog-body ul li .rounded-number.blue{background-color:var(--cn-blue);color:#fff!important}dialog .dialog-body ul li .rounded-number.green{background-color:var(--cn-green);color:#fff!important}dialog .dialog-body ul li .rounded-number.purple{background-color:var(--cn-purple);color:#fff!important}dialog .dialog-body ul li p{flex:1;margin:0}dialog .dialog-body ul li.dialog-user-wrap{align-items:center;display:flex;gap:10px;justify-content:flex-start}dialog .dialog-body ul li.dialog-user-wrap .avatar-wrap{flex:0 0 42px;height:42px!important;width:42px!important}dialog .dialog-body .upload-wrap{align-items:center;background-color:var(--upload-wrapper-background);border:2px dashed var(--upload-wrapper-border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:167px;justify-content:center;margin-top:5px}dialog .dialog-body .upload-wrap.drag-over{border-color:var(--upload-wrapper-border-over);outline:2px solid var(--upload-wrapper-border-over);outline-offset:2px}dialog .dialog-body .upload-wrap input{display:none;pointer-events:none}dialog .dialog-body .upload-wrap svg{color:var(--upload-wrapper-border);pointer-events:none}dialog .dialog-body .upload-wrap p{color:var(--text-primary);pointer-events:none}dialog .dialog-body .uploaded-document-info{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}dialog .dialog-body .uploaded-document-info .document-name{color:var(--text-primary);pointer-events:none;text-align:center;width:100%;word-break:break-word}dialog .dialog-body .create-poll textarea{align-items:center;background-color:var(--create-poll-textarea-background);border:1px solid var(--create-poll-textarea-border);border-radius:10px;color:var(--text-primary);display:flex;gap:5px;justify-content:flex-start;max-height:100px;min-height:34px;padding:8px 10px;resize:vertical;width:100%}dialog .dialog-body .create-poll .flex-row{align-items:center;display:flex;gap:10px;justify-content:space-between}dialog .dialog-body .create-poll .flex-row label{color:var(--text-primary)!important}dialog .dialog-body .create-poll .poll-response-options strong{color:var(--text-primary)}dialog .dialog-body .create-poll .poll-response-options .response-option{align-items:flex-start;display:flex;gap:4px;justify-content:flex-start;margin-top:6px}dialog .dialog-body .create-poll .poll-response-options .response-option button.remove-response-option{align-items:center;background-color:transparent;border:none;color:var(--text-secondary);display:flex;height:34px;justify-content:center;outline:none;width:34px}dialog .dialog-body .create-poll .poll-response-options .response-option button.remove-response-option:hover{color:var(--deleted-message-color)}dialog .dialog-body .create-poll .new-response-option{align-items:center;background-color:var(--create-poll-textarea-background);border:1px solid var(--create-poll-textarea-border);border-radius:20px;color:var(--text-secondary);display:inline-flex;font-size:.9em;gap:4px;justify-content:center;margin-top:10px;padding:6px 10px;text-decoration-line:none}dialog .dialog-body .create-poll .new-response-option:hover{text-decoration-line:underline}dialog .dialog-body button{background-color:var(--dialog-button-background);border:1px solid var(--dialog-button-background);border-radius:10px;color:var(--light-color-50);cursor:pointer;display:block!important;outline:none;padding:10px;text-align:center;transition:background-color .1s ease-in-out;width:100%}dialog .dialog-body button:hover{background-color:var(--dialog-button-background-hover);border-color:var(--dialog-button-background-hover)}dialog .dialog-body button[disabled]{background-color:var(--dialog-button-disabled-background);border-color:var(--dialog-button-disabled-background);pointer-events:none}dialog .dialog-body .dialog-poll-option-results{background-color:var(--dialog-poll-option-result-background);border-radius:10px;color:var(--text-primary);margin-top:10px;padding:10px;width:100%}dialog .dialog-body .dialog-poll-option-results .dialog-poll-option{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}dialog .dialog-body .dialog-poll-option-results .dialog-poll-option p,dialog .dialog-body .dialog-poll-option-results .dialog-poll-option span{color:var(--text-primary);margin:0;padding:0}dialog .dialog-body .dialog-poll-option-results li{align-items:center;display:flex;gap:10px;justify-content:flex-start;padding-block:2px}dialog .dialog-body .dialog-poll-option-results li .user-avatar{flex:0 0 28px;height:28px!important;width:28px!important}.margin-center{margin:0 auto}.service-unavailable-container{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;grid-row:1/-1;height:100%;justify-content:center;padding:5%;text-align:center;width:100%}.service-unavailable-container h1,.service-unavailable-container p{color:var(--text-primary);font-size:125%;text-align:center}.service-unavailable-container a{background-color:var(--dialog-button-background);border:1px solid var(--dialog-button-background);border-radius:10px;color:var(--light-color-50);cursor:pointer;display:block;margin-top:4px;outline:none;padding:10px;transition:background-color .1s ease-in-out}.service-unavailable-container a:hover{background-color:var(--dialog-button-background-hover);border-color:var(--dialog-button-background-hover)}.dark-mode dialog{background-color:#3e3e42}.dark-mode dialog .dialog-header{border-bottom:1px solid #575759;color:#fff}.dark-mode dialog button{color:#fff}@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(7534e76b10e57c3783bc.eot?xfb4ig);src:url(7534e76b10e57c3783bc.eot?xfb4ig#iefix) format("embedded-opentype"),url(2a88da98f87fe0a28552.ttf?xfb4ig) format("truetype"),url(b7d83473a1e3aa5cbbaa.woff?xfb4ig) format("woff"),url(fa8d147a4672630add73.svg?xfb4ig#icomoon) format("svg")}[class*=" icomoon-"],[class^=icomoon-]{font-family:icomoon!important;speak:never;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icomoon-download:before{content:"\e912"}.icomoon-folder:before{content:"\e913"}.icomoon-close:before{content:"\e90f"}.icomoon-account-multiple-outline:before{content:"\e910"}.icomoon-file-outline:before{content:"\e911"}.icomoon-menu:before{content:"\e90e"}.icomoon-home-outline:before{content:"\e902"}.icomoon-translate:before{content:"\e903"}.icomoon-logout:before{content:"\e904"}.icomoon-brightness:before{content:"\e905"}.icomoon-account-circle-outline:before{content:"\e906"}.icomoon-message-text-outline:before{content:"\e907"}.icomoon-file-certificate-outline:before{content:"\e908"}.icomoon-calendar-month:before{content:"\e909"}.icomoon-clock-outline:before{content:"\e90a"}.icomoon-list-box-outline:before{content:"\e90b"}.icomoon-note-text-outline:before{content:"\e90c"}.icomoon-star-outline:before{content:"\e90d"}.icomoon-eye-outline:before{content:"\e900"}.icomoon-eye-off-outline:before{content:"\e901"}