@import url(https://fonts.googleapis.com/css2?family=Noto+Sans&family=Roboto&display=swap);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@media print{@page{margin:13mm 10mm;orphans:3;widows:3}.header,.navbar,.printpage__filters-bar{display:none!important}.main-container,.printpage__table,main{overflow:hidden!important}.printpage__employee-info{-moz-column-break-inside:avoid;break-inside:avoid}.printpage__list{padding:0!important}.printpage__employee-info-container{font-size:12px;width:100%}}body{font-family:Noto Sans,Roboto,sans-serif}*{box-sizing:border-box}a{color:inherit}.main-page{background-image:url(/images/background.jpg?332185a9e21269d311a3436aa06490bb);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}.container{background-color:rgba(0,0,0,.4);display:grid;gap:1em;grid-template-rows:max-content auto;height:inherit;height:100vh}.main{display:grid;grid-template-columns:max-content auto}.main,.main__container{overflow:auto;width:100%}.main__container{display:flex;height:inherit;justify-content:center;margin-bottom:1em}.padding-1{padding:1em}.padding-05{padding:.5em}.font-20{font-size:20px}.font-45{font-size:45px}.font-36{font-size:36px}.border{border:1px solid #000}.lineheight-12{line-height:1.2em}.label{background-color:#fff;color:#262626;display:inline-block;height:-moz-fit-content;height:fit-content}.flex-row-evenly{display:flex;justify-content:space-evenly}.flex-row-center{align-items:center;display:flex;justify-content:center}.grid-3{display:grid;gap:.2em;grid-template-columns:1fr 1fr 1fr;grid-template-rows:max-content;height:100%}.grid-3__child{border-bottom:1.5px solid #262626}.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:max-content;height:100%}.grid-2{background-color:hsla(0,0%,100%,.85);display:grid;grid-template-columns:1fr 2fr;grid-template-rows:max-content auto;margin:1em;padding:1.5em;width:98%}.accent-red{color:#a92811;text-align:center}.accent-red,.bold{font-weight:700}.transparent-background{background-color:hsla(0,0%,100%,.85)}.overflow{overflow:auto}.vacations{background-color:#e9b44c}.flex-column{justify-content:space-between;width:-moz-fit-content;width:fit-content}.column-center,.flex-column{display:flex;flex-direction:column}.column-center{align-items:center;justify-content:center}.inlineblock{display:inline-block;margin-right:1em;text-align:right}.wrap{align-content:flex-start;flex-wrap:wrap;justify-content:flex-start}.flex-center,.wrap{display:flex;flex-direction:row}.flex-center{align-items:center;background-color:#fff;border:1px solid #a4a4a4;justify-content:space-between;width:210px}.margin-left{margin-left:1em}.margin-bottom{margin-bottom:1em}.full-width{width:100%}.text-center{text-align:center}.text-right{text-align:right}.width80{width:80%}.flex-column-center{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.bolder{font-weight:bolder;margin-right:3px}.flex-row-between{display:flex;justify-content:space-between}.title{font-size:1.5em;font-weight:700}.position-relative{position:relative}.width-fitcontent{width:-moz-fit-content;width:fit-content}.width-100{font-size:17px;width:100px}.overflow-scroll{height:95%;overflow:scroll;width:100%}.align{align-items:center}.margin-auto{margin:0 auto}.autoflow{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-template-rows:max-content}.margin-right-1{margin-right:1em}.mx-1{margin-left:.25em;margin-right:.25em}.displaynone{display:none!important}.pointer{cursor:pointer}.maxwidth-100{max-width:100%}select{cursor:pointer}.form__wrapper{background-color:hsla(0,0%,100%,.85);box-sizing:border-box;height:-moz-min-content;height:min-content;max-width:1420px;overflow:auto;padding:1.6em;width:95%}.form__input-container{display:flex;flex-direction:column;margin-bottom:1em;width:-moz-fit-content;width:fit-content}.form__login-form-container{align-items:center;display:flex;justify-content:center}.form__error-message{background-color:#fff;border:2px solid #a92811;padding:.4em;position:absolute;right:0;text-align:center;top:-49px;width:300px}.form__registration-input-block{position:relative}.form__input{font-size:1em;height:1.85em;padding:.2em;width:55%}.form__input2{font-size:1em;padding:.25em;width:300px}.form__input-simple{font-size:1em;height:1.85em;padding:.2em}.form__cell{padding:4px 3px 2px}.form__cellname{font-size:1.1em;font-weight:700;text-align:center}.form__input-name{font-size:1.1em;font-weight:700;width:42%}.form__input-block{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:.3em 0}.form__avatar-block{align-items:center;display:flex;flex-direction:column;margin-bottom:1em}.form__avatar{border-radius:1em;margin-bottom:1em}.form__input-file-wrapper{display:inline-block;margin-bottom:1em;position:relative}.drop-down{align-items:stretch;border:1px solid grey;border-radius:3px;display:flex;justify-content:space-between;justify-items:stretch}.drop-down__button{font-weight:700;padding:.35em 4px;text-align:center}.drop-down__input{border:none;font-size:1em;height:1.85rem;padding:.2em;width:100%}.drop-down__container{height:-moz-fit-content;height:fit-content;position:relative;width:55%}.drop-down__list{background-color:#fff;border:1px solid grey;bottom:-199px;display:block;height:200px;left:0;overflow:auto;position:absolute;width:100%}.drop-down__item{max-width:100%;padding:4px}.drop-down__item:hover{background-color:#1e90ff;color:#fff}.employees{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}.title-page{background-color:#f2ecec;border:1px solid #262626;color:#262626;padding:.5em}.cards-list__card{background-color:hsla(0,0%,100%,.75);height:-moz-max-content;height:max-content;margin:1em;padding:1.3em;width:100%}.cards-list__card-info{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.cards-list__card-info-block{margin:.5em}.main-info{display:flex;flex-direction:row;margin-bottom:1em}.main-info__name-block{margin-left:1em}.main-info__id{position:absolute;right:5px;text-align:right;top:5px;width:100%}.main-info__name{font-size:1.2em;font-weight:700;margin:.3em 0 .6em;width:-moz-fit-content;width:fit-content}.main-info__other-info{font-size:.9em;margin:.4em 0}.email-info__items{border:2px solid #2c2929;border-radius:15px;font-size:.9em;margin:1em 0;padding:.5em .3em}.email-info__items-name{display:inline-block;font-weight:bolder;line-height:1.3em;margin-right:.5em;width:90px}.personal-data-block{font-size:14px}.personal-data-block__title{font-size:1.2em;letter-spacing:.075em;margin-bottom:.5em;padding:.5em;text-align:center;text-transform:uppercase}.personal-data-block__btn,.personal-data-block__title{background-color:#2c2929;color:#fafafa;font-weight:700}.personal-data-block__btn{padding:.5em 1.3em}.personal-data-block__item{display:flex;flex-wrap:wrap;line-height:2em}.personal-data-block__toggle{border:1px solid #fff;cursor:pointer;padding:0 10px}.items-name{display:inline-block;font-weight:700;margin-right:6px;width:40%}.table-kinder{width:100%}.table-kinder__header{font-weight:700;min-width:20%;text-align:center}.birthday{width:20%}.name{width:40%}.surname{width:39%}.block__title{font-size:1.1em;font-weight:700;margin-bottom:.5em}.header{background-color:hsla(0,8%,92%,.85);height:-moz-fit-content;height:fit-content}.header__logo{color:#ae7100;font-size:30px;font-weight:700}.header__nav-container{display:flex;justify-content:space-between;padding:10px 50px;width:100%}.cards{display:grid;grid-template-rows:max-content auto;height:100%;width:100%}.cards__container{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:0 auto;max-width:2400px;overflow:auto}.cards__filter{align-items:center;display:flex;flex-wrap:wrap}.cards__filter-search{font-size:1.2em;height:100%;margin:0 1em;padding:.5em}.cards__checkbox{color:#fff;cursor:pointer;font-size:1.2em;margin:10px}.cards__header{align-items:stretch;display:flex;justify-content:space-between;margin:.2em auto 1em;width:80%}.navbar{align-items:center;display:flex;height:100%;margin:0 1.2em}.navbar__container{display:flex;flex-direction:column;justify-content:center;width:-moz-fit-content;width:fit-content}.filter__block{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:1em;width:100%}.filter__item-block{box-sizing:border-box;height:200px;margin:.5em;overflow:auto;padding:.5em}@media (min-width:960px){.filter__item-block{width:31%}}@media (max-width:959px){.filter__item-block{width:47%}}@media (max-width:640px){.filter__item-block{width:100%}}.filter__item-block-1{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.calendar__main-conatiner{display:grid;gap:2em;grid-template-rows:max-content auto;height:100%;margin:0 auto;overflow:auto;width:-moz-fit-content;width:fit-content}.calendar__result-cell{font-size:16px;padding:0 2px}.plan-vacation{background-color:#50a2a7!important}.accepted-vacation{background-color:#e9b44c!important}.changed-vacation{background-color:#a92811!important}.statistic-cell{display:inline-block;height:30px;line-height:30px;text-align:center;width:40px}.vacations-select-plan{background-color:rgba(80,162,167,.25)!important}.vacations-select-change{background-color:rgba(169,40,17,.25)!important}.vacations-select-all{background-color:rgba(233,180,76,.25)!important}.navbar-btn{background-color:rgba(33,32,32,.8);border:1px solid #fff;color:#fff;margin-bottom:.5em;padding:8px;position:relative;z-index:20}.navbar-btn__icon{font-size:36px;text-align:center}.navbar-btn__icon-text{background-color:rgba(33,32,32,.8);bottom:1px;color:#fff;left:-500px;padding-right:10px;padding-top:20px;position:absolute;text-align:right;top:1px;width:170px;z-index:20}.navbar-btn:hover .navbar-btn__icon-text{display:inline-block;left:1px;transition:1.2s ease-in-out}.navbar-btn:hover{transform:scale(1.1);transition:.5s}.fa-user-check{color:#50a2a7}.fa-user-times{color:#a92811}.fa-baby{color:#e9b44c}.short-card{align-items:center;background-color:hsla(0,0%,100%,.85);display:flex;flex-direction:column;font-size:12px;margin:1em;padding:1em;position:relative}.short-card__personal-info{background-color:#eee;line-height:1.2em;margin:.6em;padding:.5em;text-align:center;width:200px}.short-card__title{font-size:1.2em;font-weight:700;margin-bottom:5px}.status{color:grey;font-size:1.2em;position:absolute;right:1.5em;top:1.2em}.working-card{border:1px solid #50a2a7}.fired-card{border:1px solid #a92811}.mother-card{border:1px solid #e9b44c}.short-card:hover{transform:scale(1.05);transition:.4s}.sort-btn{background-color:#151414;border:1px solid #fff;color:#fff;font-size:2.5rem;margin:0 7px;padding:5px;text-align:center;width:4rem}.sort-btn:hover{cursor:pointer;transform:scale(1.1);transition:.5s}.btn-small{border-radius:.3em;padding:.25em .6em}.btn,.btn-small{cursor:pointer;text-align:center}.btn{border:1px solid #262626;border-radius:4px;box-shadow:0 1px 0 1px #9b9b9b;font-size:1.1rem;font-weight:700;margin:0 .5em;min-width:135px;padding:.3em 1em}.btn:hover{transform:scale(1.05);transition:.5s}.btn:active{transform:scale(.95)}.btn--del{background-color:#a92811}.btn--save{background-color:#50a2a7}.btn--escape{background-color:#a92811;border:1px solid #262626;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:700;margin:0 .5em;padding:.3em 1em}.btn--hidden{height:1px;left:0;opacity:0;position:absolute;width:1px;z-index:-1}.btn-fixsize{height:2em}.project{display:grid;grid-template-rows:max-content auto 3.8vh;height:100%;width:100%}.project__filters{align-content:stretch;display:flex;margin-bottom:1em}.project__container{background-color:hsla(0,0%,100%,.3);border-left:1px solid #000;height:100%;overflow:auto;position:relative}.project__header-bntblock{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:.5em;position:relative}.project__header-btn{background-color:#fff;border:2px solid #3d3d3d;color:#000;cursor:pointer;font-size:20px;margin-right:4px;padding:.5em .8em;vertical-align:middle}.project__groupfilter{align-items:center;display:flex;margin-left:1em;margin-right:1em}.project__groupfilter__select{border:2px solid #3f3f3f;cursor:pointer;font-size:1em;padding:.5em .7em}.project__groupfilter__name{color:#fff;margin-right:.5em}.project__weekcalendar-container{background-color:#fff;height:-moz-fit-content;height:fit-content;left:0;padding:1em;position:absolute;top:100%;width:670px;z-index:8}.project__weekcalendar-monthes-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:.5em}.project__weekcalendar-month{padding:.5em}.project__weekcalendar-cell{padding:2px;width:20px}.project__weekcalendar-row:hover{background-color:rgba(169,40,17,.2)!important;cursor:pointer}.project__header-btn:hover{transform:scale(1.05);transition:.5s}.project__header-btn:active{transform:scale(1)}.project__container::-webkit-scrollbar{display:none}.project__container{-ms-overflow-style:none;scrollbar-width:none}.color{background-color:blue}.employees__container{left:0;position:sticky;width:200px;z-index:2}.employees__items{align-items:center;background-color:#bbbaba;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #000;display:flex;flex-direction:column;height:100px;justify-content:space-between;padding:.4em;width:100%}.employees__items__text{background-color:hsla(0,0%,100%,.7);border:1px solid #000;border-radius:8px;font-size:16px;padding:3px;text-align:center;width:100%}.employees__items-title{background-color:#bbbaba;border:1px solid #000;font-size:1.4em;left:0;padding:1.4em;position:sticky;text-align:center;top:0;z-index:4}.scrollbar{background-color:#fff;border-bottom:1px solid #000;border-left:2px solid #000;border-top:2px solid #000;width:100%}.scrollbar__handle-scroll{background-color:#4e32c9;border:1px solid #000;border-radius:20px;box-shadow:inset 0 0 12px 6px rgba(9,9,9,.7);cursor:grab;height:100%}.task{background-color:hsla(0,0%,100%,.85)}.task__task-block{-ms-overflow-style:none;align-items:center;border:1px solid #000;border-radius:5px;box-shadow:2px -2px 1px 1px hsla(0,0%,5%,.6);color:#000;cursor:pointer;display:grid;font-size:14px;font-weight:700;grid-template-columns:6px auto 6px;height:40%;overflow:auto}.task__task-block::-webkit-scrollbar{width:6px}.task__task-resize{cursor:e-resize;height:100%;width:6px}.task__task-info{cursor:grab;height:100%;padding:5px 0;position:relative}.task__task-info-popup{background:#fff;border:1px solid #000;display:none;font-size:12px;width:200px}.task__container{display:grid;grid-template-columns:200px auto}.task__container,.task__dates{width:-moz-fit-content;width:fit-content}.task__dates{display:flex;justify-content:flex-start;position:sticky;top:0;z-index:3}.task__weektitle{border-left:1px solid #000;border-right:1px solid #000}.task__week-number{font-size:1.2em;padding:.4em}.task__week-days-block{border-top:1px solid #000;display:flex;justify-content:flex-start}.task__dnd-copy{cursor:grabbing!important;height:40px!important;position:fixed!important}.task__week-days-header{display:flex;flex-direction:column;justify-content:space-between}.task__dates-title{font-size:1.2em;text-align:center}.task__date{align-items:center;border:1px solid #000;display:flex;flex-direction:column;justify-content:space-evenly;padding:.2em}.task__line{justify-content:flex-staborderrt}.task__day,.task__line{display:flex;flex-direction:row}.task__day{border-bottom:1px solid #000;border-top:1px solid #000;height:100px;position:relative;text-align:center}.task__week1{background-color:hsla(0,0%,100%,.85);color:#fff}.task__week2{background-color:hsla(0,6%,87%,.85);color:#dfdbdb}.task__today{background-color:rgba(181,239,243,.85);color:#dfdbdb}.task__weekday1{background-color:#fff}.task__weekday2{background-color:#dfdbdb}.task__weekdayToday{background-color:rgba(191,232,235,.85)}.task__holiday{background-color:hsla(0,100%,94%,.85)}.task__hour,.task__hour-left{border-right:1px solid #b3b3b3;position:relative}.task__hour-left{border-left:1px solid #000}.task__hour-right{border-right:1px solid #000;position:relative}.task__task-block:hover{border:2px solid #000;transform:scaleY(1.1);transition:.1s}.task__line:hover .task__day{color:#000;transition:.5s}.dash{background:repeating-linear-gradient(-60deg,#555,#a90000 3px,transparent 15px,transparent 0);border:1px solid #000;border-radius:4px;box-shadow:2px -2px 1px 1px hsla(0,1%,60%,.6);cursor:pointer;height:100%}.popup{background-color:#575757;border:2px solid #000;height:130px}.popup__btn{border:1px solid #262626;border-radius:4px;box-shadow:0 1px 0 1px #9b9b9b;cursor:pointer;font-size:.9em;font-weight:700;margin:.4em;padding:.2em .5em;text-align:center;width:80px}.task__task-info:hover .task__task-info-popup{bottom:50%;display:block;left:0;position:fixed;width:-moz-fit-content;width:fit-content;z-index:10}.birthday-cake{color:#f508f5!important}.birthday-present{color:#085af2!important}.birthday-crown{color:#f5be08!important}.workgroup{background-color:#fff;border:1px solid #a4a4a4;padding:1em}.workgroup__btn--del{align-items:center;background-color:#a92811;border:none;bottom:0;color:#fff;display:flex;font-size:2em;left:0;opacity:0;padding:.3em;position:absolute;right:0;top:0}.workgroup__input{font-size:1em;margin:.5em}.workgroup__person{align-items:center;display:grid;grid-template-columns:max-content auto;height:-moz-max-content;height:max-content;margin-left:10px;position:relative}.workgroup__invisible{align-items:center;border:2px dashed #a4a4a4;color:#a92811;display:flex;font-size:28px;height:57px;justify-content:center;width:36px}.workgroup__btn-add{margin:2em 0;padding:1em;width:50%}.workgroup__comments{margin:1em}.workgroup__person:hover .workgroup__btn--del{cursor:pointer;opacity:.85;transition:1s ease}.fa-edit{font-size:.8em;margin-left:.5em}.fa-edit:hover{color:#a92811}.fa-check-square:hover{color:#0e8f0e}.dissapear-btns{cursor:pointer;opacity:0}.fa-check-square{font-size:1.3em}.workgroup:hover .dissapear-btns{opacity:1;transition:.7s ease}.roles__container{border:2px solid #fff;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:max-content auto;height:100%;margin:0 auto;max-width:1280px;width:90%}.roles__header{border:2px solid #999696;height:-moz-fit-content;height:fit-content;padding:.5em;text-align:center}.roles__column,.roles__header{background-color:hsla(0,0%,100%,.85)}.roles__column{border:1px solid #fff;padding:1rem 1.5rem}.roles__member{background-color:#fff;border:2px solid #999696;cursor:grab;display:grid;grid-template-columns:90px auto;margin:12px 20px}.roles__member-name{display:flex;flex-direction:column;font-size:1.2em;justify-content:space-evenly;margin-right:20px}.shadow-red{box-shadow:inset 0 0 10px 2px rgba(169,40,17,.4)}.shadow-blue{box-shadow:inset 0 0 10px 2px rgba(80,162,167,.4)}.shadow-yellow{box-shadow:inset 0 0 10px 2px rgba(233,180,76,.4)}.loader{animation:spin 2s linear infinite;border:20px solid #fff;border-radius:50%;border-top-color:#50a2a7;height:160px;width:160px}.loader-container{align-items:center;background-color:hsla(0,0%,100%,.3);bottom:0;display:flex;flex-direction:row;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:46}.loader-container-small{margin:0 5px;width:-moz-fit-content;width:fit-content}.loader-small{animation:spin 2s linear infinite;border:4px solid #000;border-radius:50%;border-top-color:#50a2a7;height:20px;width:20px}.loader-background{color:inherit}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal{align-items:center;background-color:rgba(0,0,0,.8);bottom:0;display:flex;flex-direction:row;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:45}.modal__inside{background-color:hsla(0,0%,100%,.85);max-width:60%;min-width:-moz-fit-content;min-width:fit-content;padding:2em 4em}.modal__btnblock{margin-top:1.5em}.projectstable{display:grid;grid-template-rows:max-content 82vh;height:100%;margin:0 auto;max-width:1760px;width:100%}.projectstable__header{border:1px solid grey;display:grid;font-size:28px;grid-template-columns:4rem 1fr 1fr 1fr 3rem;padding:0 1.5rem}.projectstable__header-cell{border:2px solid #fff;cursor:pointer;padding:.5em 5px}.projectstable__header-btn{background-color:rgba(0,0,0,.823);border:1px solid #fff;color:#fff;cursor:pointer;font-size:22px;padding:.3em 1em}.projectstable__search-line{align-content:stretch;display:flex;justify-content:space-evenly;margin-bottom:1em;margin-top:.5em}.projectstable__search{border:1px solid #fff;font-size:18px;margin:0 2em;padding:.1em}.projectstable__list-container{background-color:hsla(0,0%,100%,.85);border:1px solid #fff;height:100%;overflow:auto;position:relative}.projectstable__list{margin:0 auto;width:100%}.projectstable__item{border-bottom:1px solid #b1afaf;border-left:1px solid #b1afaf;border-right:1px solid #b1afaf;cursor:pointer;display:grid;font-size:24px;grid-template-columns:4rem 1fr 1fr 1fr 3rem;padding:0 1.5rem;width:100%}.projectstable__employee-name{align-items:center;background-color:#fff;display:flex;font-size:20px;font-weight:700;padding:0 2em}.projectstable__cell{padding:.4em 5px}.projectstable__cell-del{background-color:#a92811;border:1px solid #000;height:1.9rem;margin:.4rem .3rem;text-align:center;vertical-align:middle}.projectstable__item:hover{background-color:#50a2a7;border:1px solid #000;transition:.3s}.projectstable__header-cell:hover{border:2px solid #50a2a7;box-shadow:inset 6px 6px 36px 10px rgba(80,162,167,.3);transition:.3s}.projectstable__header-cell:active{font-size:.9em}.projectstable__cell-del:hover{transform:scale(1.05);transition:.3s}.projectstable__cell-del:active{transform:scale(.9)}.projectstable__header-btn:hover{transform:scale(1.05);transition:.3s}.projectstable__header-btn:active{transform:scale(.95);transition:.3s}.taskstable__item{border-color:hsla(0,0%,100%,.85) #000 grey;border-style:solid;border-width:1px;cursor:pointer;display:grid;font-size:16px;grid-template-columns:60px repeat(4,1fr) 6.3rem 3.5rem 6.2rem 6.2rem 2rem;grid-template-rows:max-content;width:100%}.taskstable__cell{border-right:1px solid grey;overflow:auto;padding:.5em 5px .5em 3px}.taskstable__header-cell{border-bottom:2px solid #fff;border-top:2px solid #fff;cursor:pointer;font-size:18px}.taskstable__datesearch{align-items:stretch;display:flex;justify-content:center}.taskstable__search{border:1px solid #fff;border-right:2px #000;font-size:16px;padding:.2em}.taskstable__cell-del{background-color:#a92811;border:1px solid #000;height:-moz-fit-content;height:fit-content;margin:auto;padding:.25rem .35rem;text-align:center;width:-moz-fit-content;width:fit-content}.taskstable__header{border-color:#000;border-style:solid;border-width:2px 1px;display:grid;grid-template-columns:60px repeat(4,1fr) 6.3rem 3.5rem 6.2rem 6.2rem 2rem;grid-template-rows:max-content}.sticky-header{background-color:#fff;font-weight:700;margin:0 auto;position:sticky;text-align:center;top:0;width:100%}.taskstable__item:hover{background-color:#50a2a7;border:1px solid #000;transform:scaleY(1.05);transition:.3s}.taskstable__header-cell:active{border:2px solid #50a2a7;box-shadow:inset 6px 6px 36px 10px rgba(80,162,167,.3);font-size:.9em}.taskstable__header-cell:hover{border:2px solid #50a2a7;box-shadow:inset 6px 6px 36px 10px rgba(80,162,167,.3);transition:.3s}.vacations__employeename{color:#fff;font-size:36px;font-weight:700;margin-bottom:.8em;text-align:center}.vacations__rest-block-table{background-color:hsla(0,0%,100%,.85);font-size:20px;padding:1em 1.5em;width:-moz-fit-content;width:fit-content;width:100%}.vacations__rest-block-cell{padding:.2rem .6rem}.vacations__rest-block-title{font-size:24px;padding:.2rem .6rem .6rem}.vacations__btns-block{margin-left:4em}.vacations__reset-btn{background-color:#50a2a7;border:3px solid #a92811;border-radius:.6em;font-size:18px;margin-top:.5em;padding:.3em}.vacations__year-select{font-size:inherit;margin-left:1em;padding:0 .3em}.vacations__rest-block-cell-color{width:2rem}.vacations__rest{align-items:center;display:flex;justify-content:center;padding:.5em 0;text-align:center;width:45px}.vacations__select{border:1px solid #000;font-size:1.2em;height:auto;margin:0 7px;padding:0 .5em}.vacations__container{display:grid;grid-template-rows:max-content auto;height:100%;margin:0 auto;width:100%}.vacations__grid{border-bottom:1px solid grey;display:flex;flex-direction:row;font-size:18px;justify-content:center;width:100%}@media (max-width:1280px){.vacations__grid{font-size:16px}}.vacations__employee-name{align-items:center;cursor:pointer;display:flex;font-size:20px;justify-content:space-between;padding:.5em .3em;width:320px}@media (max-width:1280px){.vacations__employee-name{font-size:18px}}.vacations__monthname{font-size:20px;padding:.5rem 0;width:150px}.vacations__header{background-color:#fff;margin:0 auto;padding:1em 1.2em;position:sticky;top:0;z-index:2}.vacations__table-body{padding:0 1.2em 1.2em 1em}.vacations__cell{align-items:center;display:flex;justify-content:center;padding:.5rem 0;text-align:center;width:32px}@media (max-width:1280px){.vacations__cell{width:24px}}.vacations__table{background-color:hsla(0,0%,100%,.85);height:-moz-fit-content;height:fit-content;margin:0 auto;max-width:-moz-fit-content;max-width:fit-content}.vacations__table-container{margin:0 auto;overflow:auto;position:relative;width:-moz-max-content;width:max-content}.vacations__table-input{width:45px}.vacations__table-input2{width:54px}.vacations__holiday{background-color:#fff;border-bottom:2px solid #a92811;border-top:2px solid #a92811;color:#a92811;font-weight:700;position:relative}.vacations__vacation{position:relative}.vacations__emptydays{background-color:hsla(0,0%,44%,.4)}.vacations__select-holiday{background-color:#a92811;border:2px solid #fff;color:#fff;font-size:1.1em;left:35%;padding:1em;position:absolute;top:100px;width:30%}.vacations__sticker{background-color:#fff;bottom:100%;display:none;font-size:.7em;left:100%;max-height:-moz-fit-content;max-height:fit-content;min-height:-moz-fit-content;min-height:fit-content;min-width:100px;padding:.2em;position:absolute;z-index:3}.vacations__sticker-border{border-bottom:2px solid #a92811}.vacations__vacation{background-color:#e9b44c}.vacations-plan{background-color:#50a2a7}#employee_vacations{align-items:center;display:flex}.vacations__holiday:hover .vacations__sticker{display:inline-block}.vacations__vacation:hover .vacations__sticker{display:inline-block}.cell-hov{cursor:pointer}.cell-hov:hover{box-shadow:0 0 3px 3px rgba(34,60,80,.4)}.name-hov{cursor:pointer}.name-hov:hover{color:#a92811;font-weight:700}.vacations__table-input2:focus,.vacations__table-input:focus{background-color:rgba(80,162,167,.35)}.error__block{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.error__info{color:#ffa300;font-size:3rem;font-weight:700;text-align:center}.printpage__container{display:grid;gap:1em;grid-template-columns:max-content auto;height:100%;width:100%}.printpage__btn-print{cursor:pointer;font-size:3rem}.printpage__print-btn-block{align-items:stretch;display:flex;justify-content:space-around;margin:1rem}.printpage__list{background-color:#fff;margin:1rem auto;padding:13mm 10mm;width:210mm}.printpage__filters-bar,.printpage__table{background-color:hsla(0,0%,100%,.85);overflow:auto}.printpage__filter-block{border:1px solid grey;display:flex;flex-direction:column;margin:1rem;max-height:330px}.printpage__filter-block-2{display:flex;flex-direction:column;overflow:auto;padding:1rem}.printpage__filter-block-name{background-color:hsla(0,0%,50%,.501);border-bottom:1px solid grey;font-size:1.1em;font-weight:700;padding:5px 1rem;text-align:center}.printpage__title{align-items:center;justify-content:center;padding:2px;text-align:center}.printpage__info-block,.printpage__title{border-right:1px solid hsla(0,0%,50%,.4);display:flex}.printpage__info-block{word-wrap:break-word;flex-direction:column;font-size:12px;padding:5px 4px}.printpage__employee-info-container{width:190mm}.printpage__visit-block{border-bottom:2px solid #000}.printpage__employee-info{border:1px solid #000;-moz-column-gap:1px solid red;column-gap:1px solid red;display:grid;font-size:14px;grid-template-columns:repeat(auto-fit,minmax(16%,1fr))}.printpage__info-block-2{display:flex;flex-direction:column}.printpage__btn-block{display:flex;justify-content:space-evenly;margin:1rem}.printpage__btn{border-radius:7px;font-size:1.2em;padding:0 15px}.printpage__checkbox-title{line-height:1.5em}.printpage__infoline{word-wrap:break-word!important;border-bottom:1px solid grey;display:flex;flex-wrap:wrap;font-weight:300;overflow-wrap:break-word!important;padding:3px}.printpage__btn-print:hover{transform:scale(1.05)}a{text-decoration:none}
