@import url(https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;800&family=Varela&family=El+Messiri:wght@700&display=swap&family=Bebas+Neue&display=swap);#app,.container,html{height:100%}*{box-sizing:border-box}body{background:#f7f7f7;font-family:Varela,sans-serif;margin:0;padding:0;height:100%}.top-nav{height:64px;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;align-items:Center;justify-content:center;position:sticky;top:0;z-index:10}.top-nav .logo{width:40px;position:absolute;left:32px}.top-nav .nav-link{height:64px;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:0 16px;font-weight:700;color:#8d8d8d;min-width:140px;border:4px solid #fff;transition:all .2s ease}.top-nav .nav-link:hover{color:#444}.top-nav .nav-link.router-link-exact-active{border-bottom:4px solid #57b9e5;color:#57b9e5}.page-a4{width:210mm;min-height:297mm;margin:10mm auto;position:relative;border-radius:5px;background:#fff;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.cards-container{position:relative;padding-top:8mm}.employee-card{display:flex;justify-content:center;align-items:center;position:relative}.employee-card:first-of-type{padding-top:0!important}.employee-card:nth-of-type(5n){margin-bottom:8mm}.employee-card:nth-of-type(5n+1){padding-top:8mm}.employee-card .back-face,.employee-card .front-face{width:88mm;height:51mm;background:#fff;border-radius:3mm;margin:3mm;box-shadow:0 7px 29px 0 rgba(100,100,111,.1);font-size:48px;position:relative;overflow:hidden}.employee-card .front-face{display:flex;align-items:center}.employee-card .front-face .ellipse1{position:absolute;width:161mm;height:161mm;left:-140mm;top:-109.98%;bottom:-106.82%;border-radius:50%;background:#57b9e5;box-shadow:0 4px 4px rgba(0,0,0,.25)}.employee-card .front-face .ellipse2{position:absolute;width:19mm;height:19mm;left:10mm;top:88.54%;bottom:-25.89%;border-radius:50%;background:#57b9e5;mix-blend-mode:multiply}.employee-card .front-face .ellipse3{position:absolute;width:17.5mm;height:17.5mm;left:76.5mm;top:82.31%;bottom:-16.9%;border-radius:50%;background:#fbd872;mix-blend-mode:multiply}.employee-card .front-face .ellipse4{position:absolute;width:19mm;height:19mm;left:56.7mm;top:-30.44%;bottom:93.08%;border-radius:50%;background:#1f728d;mix-blend-mode:multiply}.employee-card .front-face .employee-data{display:flex;justify-content:center;flex-direction:column;margin-left:40mm;color:#045069}.employee-card .front-face .employee-data span{white-space:nowrap;width:170px;overflow:hidden;text-shadow:0 4px 4px rgba(0,0,0,.25)}.employee-card .front-face .employee-data span:focus{background:#fff}.employee-card .front-face .employee-data .title{font-size:6.3mm;font-weight:900;font-family:Baloo\ 2}.employee-card .front-face .employee-data .name{font-size:8.5mm;font-weight:900;margin-top:-4mm;font-family:Baloo\ 2}.employee-card .front-face .employee-data .position{font-size:4.5mm;height:7mm;margin-top:-2mm;white-space:normal;overflow:initial}.employee-card .back-face{display:flex;align-items:center;justify-content:center;z-index:1}.employee-card .back-face .logo{width:15mm;position:absolute;left:8mm;bottom:8mm;z-index:2}.employee-card .back-face .blueprint{width:62mm;position:absolute;right:2mm;top:2mm;mix-blend-mode:multiply}.employee-card .back-face .ellipse1{position:absolute;width:17.5mm;height:17.5mm;left:-8.8mm;top:78.86%;bottom:-13.44%;border-radius:50%;background:#57b9e5}.employee-card .back-face .ellipse2{position:absolute;width:17.5mm;height:17.5mm;left:3mm;top:-26.29%;bottom:91.7%;border-radius:50%;background:#fbd872}.employee-card .back-face .ellipse3{position:absolute;width:17.5mm;height:17.5mm;left:75mm;top:95.17%;bottom:-29.76%;border-radius:50%;background:#1f728d}.employee-card:hover .delete-btn{right:-24px}.employee-card .delete-btn{position:absolute;right:60px;height:40px;width:40px;border-radius:8px;z-index:0}.employee-card .delete-btn svg{width:18px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;max-width:400px;height:90vh}.empty-state img{width:200px}.empty-state .title{font-weight:700;font-size:18px;color:#8d8d8d;margin:12px 0 8px 0}.empty-state .subtitle{font-size:14px;color:#ccc;text-align:center;margin:0}.subject-cards-page{display:flex;justify-content:center;padding-top:10mm}.subject-cards-page .page-a4{margin:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;padding-left:8mm;padding-right:8mm;align-items:end}.subject-cards-page .page-a4 .subject-card{width:97mm;height:70mm;padding:2mm}.subject-cards-page .page-a4 .subject-card:first-of-type{margin:0!important}.subject-cards-page .page-a4 .subject-card:nth-child(8n),.subject-cards-page .page-a4 .subject-card:nth-of-type(8n-1){margin-bottom:8.5mm}.subject-cards-page .page-a4 .subject-card:nth-child(8n+1),.subject-cards-page .page-a4 .subject-card:nth-child(8n+2){margin-top:8.5mm}.subject-cards-page .page-a4 .subject-card .subject-wrapper{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;box-shadow:0 7px 29px 0 rgba(100,100,111,.1)}.subject-cards-page .page-a4 .subject-card .subject-wrapper .student-class{position:absolute;top:20px;left:16px;font-size:18px;font-weight:700;font-family:Baloo\ 2}.subject-cards-page .page-a4 .subject-card .subject-wrapper .school-logo{position:absolute;top:16px;right:16px;width:40px}.subject-cards-page .page-a4 .subject-card .subject-wrapper .subject{font-weight:900;font-family:Baloo\ 2;font-size:60px}.subject-cards-page .page-a4 .subject-card .subject-wrapper .student-name{font-size:24px;font-weight:700;font-family:Baloo\ 2;text-transform:capitalize;margin-top:-20px}.subject-cards-page .page-a4 .subject-blank .subject-wrapper .school-logo,.subject-cards-page .page-a4 .subject-blank .subject-wrapper .student-class,.subject-cards-page .page-a4 .subject-blank .subject-wrapper .student-name,.subject-cards-page .page-a4 .subject-blank .subject-wrapper .subject{display:none}.subject-cards-page .page-a4 .subject-math .subject-wrapper{background:url(../img/math.c785a327.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.subject-cards-page .page-a4 .subject-math .subject-wrapper .school-logo,.subject-cards-page .page-a4 .subject-math .subject-wrapper .student-class,.subject-cards-page .page-a4 .subject-math .subject-wrapper .subject{fill:#4a95b0;color:#4a95b0}.subject-cards-page .page-a4 .subject-math .subject-wrapper .student-name{color:#67afc9}.subject-cards-page .page-a4 .subject-history .subject-wrapper{background:url(../img/history.e130150e.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.subject-cards-page .page-a4 .subject-history .subject-wrapper .school-logo,.subject-cards-page .page-a4 .subject-history .subject-wrapper .student-class,.subject-cards-page .page-a4 .subject-history .subject-wrapper .subject{fill:#876327;color:#876327}.subject-cards-page .page-a4 .subject-history .subject-wrapper .student-name{color:#9b7535}.subject-cards-page .page-a4 .subject-english .subject-wrapper{background:url(../img/english.3ea2c8be.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.subject-cards-page .page-a4 .subject-english .subject-wrapper .school-logo,.subject-cards-page .page-a4 .subject-english .subject-wrapper .student-class,.subject-cards-page .page-a4 .subject-english .subject-wrapper .subject{fill:#b22025;color:#b22025}.subject-cards-page .page-a4 .subject-english .subject-wrapper .student-name{color:#c02e33}.subject-cards-page .page-a4 .subject-geography .subject-wrapper{background:url(../img/geography.9a4c26c5.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.subject-cards-page .page-a4 .subject-geography .subject-wrapper .school-logo,.subject-cards-page .page-a4 .subject-geography .subject-wrapper .student-class,.subject-cards-page .page-a4 .subject-geography .subject-wrapper .subject{fill:#74975a;color:#74975a}.subject-cards-page .page-a4 .subject-geography .subject-wrapper .student-name{color:#84ad64}.subject-cards-page .page-a4 .subject-science .subject-wrapper{background:url(../img/science.15167c77.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.subject-cards-page .page-a4 .subject-science .subject-wrapper .school-logo,.subject-cards-page .page-a4 .subject-science .subject-wrapper .student-class,.subject-cards-page .page-a4 .subject-science .subject-wrapper .subject{fill:#dc9d43;color:#dc9d43}.subject-cards-page .page-a4 .subject-science .subject-wrapper .student-name{color:#e6a852}.subject-cards-page .page-a4 .subject-pshe .subject-wrapper{background:url(../img/pshe.a1860c7b.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.subject-cards-page .page-a4 .subject-pshe .subject-wrapper .subject .pshe-content{display:block!important}.subject-cards-page .page-a4 .subject-pshe .subject-wrapper .subject span:first-child{color:#547dbf}.subject-cards-page .page-a4 .subject-pshe .subject-wrapper .subject span:nth-child(2){color:#db4536}.subject-cards-page .page-a4 .subject-pshe .subject-wrapper .subject span:nth-child(3){color:#f3b41b}.subject-cards-page .page-a4 .subject-pshe .subject-wrapper .subject span:nth-child(4){color:#0b9d58}.subject-cards-page .page-a4 .subject-pshe .subject-wrapper .school-logo{fill:#db4536}.subject-cards-page .page-a4 .subject-pshe .subject-wrapper .student-class{color:#0b9d58}.subject-cards-page .page-a4 .subject-pshe .subject-wrapper .student-name{color:#547dbf}.subject-cards-page .page-a4 .subject-topic .subject-wrapper{background:url(../img/topic.1ac7d72c.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.subject-cards-page .page-a4 .subject-topic .subject-wrapper .school-logo,.subject-cards-page .page-a4 .subject-topic .subject-wrapper .student-class,.subject-cards-page .page-a4 .subject-topic .subject-wrapper .subject{fill:#9f529a;color:#9f529a}.subject-cards-page .page-a4 .subject-topic .subject-wrapper .student-name{color:#ad5ca8}.subject-cards-page .page-a4 .subject-spelling .subject-wrapper{background:url(../img/spelling.e00e523c.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.subject-cards-page .page-a4 .subject-spelling .subject-wrapper .school-logo,.subject-cards-page .page-a4 .subject-spelling .subject-wrapper .student-class,.subject-cards-page .page-a4 .subject-spelling .subject-wrapper .subject{fill:#109488;color:#109488}.subject-cards-page .page-a4 .subject-spelling .subject-wrapper .student-name{color:#109488}.subject-cards-page .page-a4 .subject-journal .subject-wrapper{background:url(../img/journal.a500eeed.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.subject-cards-page .page-a4 .subject-journal .subject-wrapper .school-logo,.subject-cards-page .page-a4 .subject-journal .subject-wrapper .student-class,.subject-cards-page .page-a4 .subject-journal .subject-wrapper .subject{fill:#c9a32d;color:#c9a32d}.subject-cards-page .page-a4 .subject-journal .subject-wrapper .student-name{color:#d6af39}.subject-cards-page .page-a4 .subject-german .subject-wrapper{background:url(../img/german.75ae9aed.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.subject-cards-page .page-a4 .subject-german .subject-wrapper .school-logo,.subject-cards-page .page-a4 .subject-german .subject-wrapper .student-class,.subject-cards-page .page-a4 .subject-german .subject-wrapper .subject{fill:#553f40;color:#553f40}.subject-cards-page .page-a4 .subject-german .subject-wrapper .student-name{color:#725556}.subject-cards-page .page-a4 .subject-romanian .subject-wrapper{background:url(../img/romanian.3186dd78.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.subject-cards-page .page-a4 .subject-romanian .subject-wrapper .school-logo,.subject-cards-page .page-a4 .subject-romanian .subject-wrapper .student-class,.subject-cards-page .page-a4 .subject-romanian .subject-wrapper .subject{fill:#6e449b;color:#6e449b}.subject-cards-page .page-a4 .subject-romanian .subject-wrapper .student-name{color:#7b4eaa}.subject-cards-page .page-a4 .subject-default .subject-wrapper{background:url(../img/blank.afccbe2a.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:#fcfcfc}.subject-cards-page .page-a4 .subject-default .subject-wrapper .school-logo,.subject-cards-page .page-a4 .subject-default .subject-wrapper .student-class,.subject-cards-page .page-a4 .subject-default .subject-wrapper .subject{fill:#3499c7;color:#3499c7}.subject-cards-page .page-a4 .subject-default .subject-wrapper .student-name{color:#045069;font-weight:900;font-size:40px;margin-top:0;padding:0 16px;text-align:center;line-height:48px}.subject-cards-page .page-a4 .subject-default .subject-wrapper .subject{display:none}.subject-cards-page .page-a4 .subject-christmas .subject-wrapper{background:url(../img/Christmas.726e889c.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:#fcfcfc}.subject-cards-page .page-a4 .subject-christmas .subject-wrapper .school-logo{fill:#e7ae4b}.subject-cards-page .page-a4 .subject-christmas .subject-wrapper .student-name{color:#41592a;font-family:Bebas Neue;font-size:48px;margin-top:0;padding:0 16px;text-align:center;line-height:48px;text-transform:uppercase;letter-spacing:2px}.subject-cards-page .page-a4 .subject-christmas .subject-wrapper .student-class,.subject-cards-page .page-a4 .subject-christmas .subject-wrapper .subject{display:none}.subject-cards-page .page-a4 .subject-whiteboard .subject-wrapper{background:url(../img/Whiteboard.c8454646.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:#fcfcfc}.subject-cards-page .page-a4 .subject-whiteboard .subject-wrapper .school-logo{fill:#3499c7}.subject-cards-page .page-a4 .subject-whiteboard .subject-wrapper .student-class,.subject-cards-page .page-a4 .subject-whiteboard .subject-wrapper .student-name,.subject-cards-page .page-a4 .subject-whiteboard .subject-wrapper .subject{display:none}.subject-cards-page .options-panel{width:100%;max-width:320px;margin-right:24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);height:-moz-fit-content;height:fit-content;padding-bottom:16px}.subject-cards-page .options-panel .header{font-size:24px;font-weight:900;font-family:Baloo\ 2;height:64px;padding-left:16px;display:flex;align-items:center;border-bottom:1px solid #e5e5e5;color:#444}.subject-cards-page .options-panel .content{padding:16px;padding-bottom:0}.subject-cards-page .options-panel .content .subjects-count{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:16px}.subject-cards-page .options-panel .content .form-group{margin-bottom:16px}.clothes-stickers-page{display:flex;justify-content:center;padding-top:10mm}.clothes-stickers-page .page-a4{margin:0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:min-content;padding:5mm 2mm}.clothes-stickers-page .cloth-sticker{width:51.5mm;height:28.7mm;position:relative}.clothes-stickers-page .cloth-sticker .cloth-type{font-family:baloo\ 2;font-weight:900;font-size:24px;color:#045069;position:absolute;max-width:39mm;line-height:22px;top:3mm;left:3mm}.clothes-stickers-page .cloth-sticker .size-wrapper{position:absolute;bottom:3mm;left:3mm;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;width:40px;height:40px}.clothes-stickers-page .cloth-sticker .size-wrapper .cloth-icon{fill:#3499c7;height:40px;width:40px;position:absolute;top:0;left:0}.clothes-stickers-page .cloth-sticker .size-wrapper .cloth-size{font-family:baloo\ 2;font-size:18px;line-height:14px;font-weight:900;color:#3499c7;background-color:#fff;z-index:2}.clothes-stickers-page .cloth-sticker .school-logo{width:24px;fill:#3499c7;position:absolute;top:3mm;right:3mm}.clothes-stickers-page .cloth-sticker .cloth-price{color:#dc3545;font-family:baloo\ 2;font-weight:900;position:absolute;bottom:-2px;right:3mm;font-size:32px}.clothes-stickers-page .cloth-sticker .cloth-price sup{font-size:12px;margin-top:-4px}.clothes-stickers-page .cloth-sticker .cloth-price span:nth-child(3){font-family:Varela;font-size:10px;position:absolute;bottom:16px;right:1px}.clothes-stickers-page .options-panel{width:100%;max-width:320px;margin-right:24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);height:-moz-fit-content;height:fit-content;padding-bottom:16px}.clothes-stickers-page .options-panel .header{font-size:24px;font-weight:900;font-family:Baloo\ 2;height:64px;padding-left:16px;display:flex;align-items:center;border-bottom:1px solid #e5e5e5;color:#444}.clothes-stickers-page .options-panel .content{padding:16px;padding-bottom:0}.clothes-stickers-page .options-panel .content .form-group{margin-bottom:16px}.house-points-page{display:flex;justify-content:center;padding-top:10mm}.house-points-page .page-a4{margin:0}.house-points-page .page-a4 .house-points-card{width:210mm;height:74.25mm;display:flex;align-items:center;justify-content:space-evenly;position:relative}.house-points-page .page-a4 .house-points-card .back-face,.house-points-page .page-a4 .house-points-card .front-face{width:95mm;height:60mm;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;box-shadow:0 7px 29px 0 rgba(100,100,111,.1);z-index:1}.house-points-page .page-a4 .house-points-card .back-face .student-class,.house-points-page .page-a4 .house-points-card .front-face .student-class{position:absolute;top:20px;left:16px;font-size:18px;font-weight:700;font-family:Baloo\ 2}.house-points-page .page-a4 .house-points-card .back-face .school-logo,.house-points-page .page-a4 .house-points-card .front-face .school-logo{position:absolute;top:16px;right:16px;width:32px}.house-points-page .page-a4 .house-points-card .back-face .student-name,.house-points-page .page-a4 .house-points-card .front-face .student-name{font-size:48px;margin-top:16px;text-align:center;line-height:48px;font-weight:700;font-family:El Messiri}.house-points-page .page-a4 .house-unicorns .front-face{background:url(../img/unicorns-front.249bf3f2.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.house-points-page .page-a4 .house-unicorns .front-face .school-logo,.house-points-page .page-a4 .house-unicorns .front-face .student-class{fill:#7c7340;color:#7c7340}.house-points-page .page-a4 .house-unicorns .front-face .student-name{color:#595439}.house-points-page .page-a4 .house-unicorns .back-face{background:url(../img/unicorns-back.980788f8.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.house-points-page .page-a4 .house-dragons .front-face{background:url(../img/dragons-front.a138ba93.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.house-points-page .page-a4 .house-dragons .front-face .school-logo,.house-points-page .page-a4 .house-dragons .front-face .student-class{fill:#873f3f;color:#873f3f}.house-points-page .page-a4 .house-dragons .front-face .student-name{color:#652929}.house-points-page .page-a4 .house-dragons .back-face{background:url(../img/dragons-back.a6f7ce71.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.house-points-page .page-a4 .house-hydras .front-face{background:url(../img/hydras-front.931d6463.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.house-points-page .page-a4 .house-hydras .front-face .school-logo,.house-points-page .page-a4 .house-hydras .front-face .student-class{fill:#3f84a3;color:#3f84a3}.house-points-page .page-a4 .house-hydras .front-face .student-name{color:#36697f}.house-points-page .page-a4 .house-hydras .back-face{background:url(../img/hydras-back.6016e8a5.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.house-points-page .page-a4 .house-centaurs .front-face{background:url(../img/centaurs-front.578af74e.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.house-points-page .page-a4 .house-centaurs .front-face .school-logo,.house-points-page .page-a4 .house-centaurs .front-face .student-class{fill:#459c67;color:#459c67}.house-points-page .page-a4 .house-centaurs .front-face .student-name{color:#39714f}.house-points-page .page-a4 .house-centaurs .back-face{background:url(../img/centaurs-back.df1a11e8.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.house-points-page .options-panel{width:100%;max-width:320px;margin-right:24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);height:-moz-fit-content;height:fit-content;padding-bottom:16px}.house-points-page .options-panel .header{font-size:24px;font-weight:900;font-family:Baloo\ 2;height:64px;padding-left:16px;display:flex;align-items:center;border-bottom:1px solid #e5e5e5;color:#444}.house-points-page .options-panel .content{padding:16px;padding-bottom:0}.house-points-page .options-panel .content .cards-count{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:16px}.house-points-page .options-panel .content .form-group{margin-bottom:16px}.list-enter-from{opacity:0;transform:scale(.6)}.list-enter-active{transition:all .3s ease}.list-leave-to{opacity:0;transform:scale(.6)}.list-leave-active{transition:all .3s ease;position:absolute!important;width:100%}.list-move{transition:all .4s ease}.fab-container{position:fixed;right:32px;bottom:32px;display:flex;flex-direction:column-reverse;justify-content:space-between;height:136px}.btn{display:flex;align-items:center;justify-content:center;height:48px;border:none;box-shadow:0 7px 20px #dbdbdb,0 -7px 20px #fff;border-radius:8px;transition:all .3s ease-out;cursor:pointer;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;text-decoration:none}.btn:hover{box-shadow:0 4px 4px rgba(0,0,0,.25)}.btn:active{box-shadow:0 7px 29px 0 rgba(100,100,111,.1)}.fab-btn{display:flex;align-items:center;justify-content:center;height:56px;width:56px;box-shadow:0 7px 20px #dbdbdb,0 -7px 20px #fff;border-radius:16px;transition:all .3s ease-out;cursor:pointer}.fab-btn svg{width:24px}.fab-btn:hover{box-shadow:0 4px 4px rgba(0,0,0,.25)}.fab-btn:active{box-shadow:0 7px 29px 0 rgba(100,100,111,.1)}.primary-btn{background:#57b9e5}.primary-btn svg{fill:#fff}.primary-btn:hover{background:#4baedb}.primary-btn:active{background:#3499c7}.neutral-btn{background:#fff}.neutral-btn svg{fill:#045069}.neutral-btn:hover{background:#fafafa}.neutral-btn:active{background:#f9f9f9}.custom-tooltip{position:relative}.custom-tooltip .tooltip-name{color:#fff;background:#045069;white-space:nowrap;padding:3px 8px;border-radius:4px;margin-top:16px;font-size:14px;text-align:center;transition:color .2s ease;z-index:99;text-transform:none}.custom-tooltip .tooltip-name,.custom-tooltip:after{position:absolute;top:100%;transform:translateY(-50%);display:none}.custom-tooltip:after{content:"";border:8px solid #045069;border-color:transparent transparent #045069 transparent}.custom-tooltip.tooltip-right .tooltip-name{left:100%;top:50%;margin-top:0;margin-left:12px}.custom-tooltip.tooltip-right:after{left:100%;top:50%;border-color:transparent #045069 transparent transparent;display:none}.custom-tooltip.tooltip-left .tooltip-name{right:100%;top:50%;margin-top:0;margin-right:12px}.custom-tooltip.tooltip-left:after{right:100%;top:50%;border-color:transparent transparent transparent #045069;display:none}.custom-tooltip.tooltip-top .tooltip-name{top:auto;bottom:100%;margin-top:0;margin-bottom:12px}.custom-tooltip.tooltip-top:after{top:auto;bottom:100%;border-color:#045069 transparent transparent transparent;display:none}.custom-tooltip:hover .tooltip-name,.custom-tooltip:hover:after{display:block}.scrollbar{scrollbar-width:thin;scrollbar-color:#8d8d8d transparent;overflow:auto!important;overflow-y:overlay!important}.scrollbar::-webkit-scrollbar{width:8px;-webkit-appearance:none}.scrollbar::-webkit-scrollbar-track{background:transparent}.scrollbar::-webkit-scrollbar-thumb{background-color:#8d8d8d;border-radius:8px;border:3px solid transparent;visibility:hidden}.scrollbar:hover::-webkit-scrollbar-thumb{visibility:visible}.scrollbar.scrollshadow{background:linear-gradient(#fff 30%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),#fff 70%) 0 100%,radial-gradient(50% 0,farthest-side,rgba(0,0,0,.2),transparent),radial-gradient(50% 100%,farthest-side,rgba(0,0,0,.2),transparent) 0 100%;background:linear-gradient(#fff 30%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),#fff 70%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.2),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.2),transparent) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}@page{size:A4 portrait;margin:0}@media print{body,html{width:210mm;height:297mm;-webkit-print-color-adjust:exact}.fab-container,.options-panel,.top-nav{display:none}.scrollbar{overflow:visible!important}.scrollbar::-webkit-scrollbar-thumb{background-color:transparent}.clothes-stickers-page,.house-points-page,.subject-cards-page{padding:0}.page-a4{margin:0;border:initial;border-radius:initial;width:auto;min-height:0;box-shadow:none;background:initial}.page-a4 .back-face,.page-a4 .front-face{outline:4px dashed #333;box-shadow:none!important}.page-a4 .subject-wrapper{box-shadow:none!important}.page-a4 .subject-christmas .subject-wrapper{border-radius:0!important;outline:4px dashed #333}}.input{border:1px solid #e5e5e5!important;border-bottom:2px solid #e5e5e5!important;border-radius:4px;height:40px;padding:0 16px;background:#f7f7f7;transition:all .2s ease;font-family:Varela;font-size:14px}.input::-moz-placeholder{color:#ccc!important}.input::placeholder{color:#ccc!important}.input:focus{box-shadow:none;border-bottom:2px solid #57b9e5!important;outline:none!important;background:#fff}.input:focus::-moz-placeholder{color:#ccc}.input:focus::placeholder{color:#ccc}.form-group{position:relative}.form-group .col-form-label{font-family:Varela;font-weight:700;text-transform:capitalize;font-size:12px;padding:8px 0;display:inline-block;transition:all .2s ease}.form-group:focus-within .col-form-label{color:#57b9e5}.form-group .input,.form-group .textarea{width:100%}.form-group.input-error{border:none!important;animation:initial}.form-group.input-error .col-form-label{color:#dc3545}.form-group.input-error .input{border:2px solid #dc3545!important;animation:shake .5s}.form-group.input-error .input:focus{border-color:#dc3545!important}.form-group .autocomplete-panel{position:absolute;bottom:-15px;left:0;z-index:2;width:100%;transform:translateY(100%);background-color:#fff;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 4px rgba(0,0,0,.25);padding:4px 0;max-height:300px}.form-group .autocomplete-panel .autocomplete-item{display:flex;align-items:center;padding:8px 16px;min-height:40px;list-style:none;font-size:14px;cursor:pointer}.form-group .autocomplete-panel .autocomplete-item:hover{background-color:#f7f7f7}.form-group .counter-wrapper{display:flex}.form-group .counter-wrapper .minus-btn,.form-group .counter-wrapper .plus-btn{height:40px;width:40px;flex-shrink:0;color:#045069;font-size:24px;cursor:pointer;border:1px solid #e5e5e5;border-radius:4px}.form-group .counter-wrapper .minus-btn{border-top-right-radius:0;border-bottom-right-radius:0;padding-bottom:5px}.form-group .counter-wrapper .plus-btn{border-top-left-radius:0;border-bottom-left-radius:0}.form-group .counter-wrapper .input{text-align:center}.input-error{border:2px solid #dc3545!important;animation:shake .5s}.input-error:focus{border-color:#dc3545!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(5px)}40%{transform:translate(-5px)}60%{transform:translate(5px)}80%{transform:translate(-5px)}to{transform:translate(0)}}.login-page{display:flex;align-items:center;justify-content:center;height:100%}.login-page .login-container{background:#fff;box-shadow:0 7px 29px 0 rgba(100,100,111,.1);padding:16px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:8px;width:320px}.login-page .login-container .logo{width:96px;margin:24px 0}.login-page .login-container .login-form{display:flex;flex-direction:column;justify-content:center;width:100%}.login-page .login-container .form-group{margin-bottom:8px}.login-page .login-container .btn{margin-top:24px}.login-page .login-container .login-error{margin-top:8px;padding:8px;border-radius:4px;text-align:center;font-size:14px;color:#dc3545;background:#f3dfe1}.login-page .login-container .rights{margin-top:16px;text-align:center;font-size:12px;color:#8d8d8d}.login-page .login-container .rights a{color:#8d8d8d}.avatar{width:25.5mm;height:25.5mm;border-radius:50%;overflow:hidden;position:absolute;margin-left:8.5mm;box-shadow:0 4px 4px rgba(0,0,0,.25);border:4px solid #fff;align-items:center;justify-content:center;cursor:pointer}.avatar,.avatar:hover .change-image{display:flex}.avatar .change-image{display:none;position:absolute;width:25.5mm;height:25.5mm;top:0;left:0;align-items:center;justify-content:center;font-family:Varela;font-weight:500;font-size:14px;text-align:center;color:#fff;background:rgba(0,0,0,.45)}.avatar .uploaded-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}