@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@keyframes fadeBackgroundButton{0%{background-color:#f0f4f9;color:#747775}to{background-color:#dfe3e7;color:#747775}}@keyframes fadeBackgroundButtonSelected{0%{background-color:#9fa3a0;color:#747775}to{background-color:#9fa3a0;color:#747775}}@keyframes fadeBackgroundPeriod{0%{background-color:#fff}to{background-color:#fff}}@keyframes fadeBackgroundEvent{0%{background-color:#fff}to{background-color:#dcdcdc}}@keyframes slideDownPopup{0%{height:0}to{height:300px}}.header{font-weight:400;position:fixed;display:grid;grid-template:"type period languages" auto/1fr auto 1fr;padding-top:15px;width:100%;min-width:530px;align-items:center;text-align:center}.header,.header button{font-family:Poppins,serif}.header button{font-weight:300;padding:5px;margin-right:4px;border:1px solid #747775;background-color:#f0f4f9;border-radius:20px;cursor:pointer}.header button svg{display:none}.header button:hover{background-color:#dfe3e7;animation:fadeBackgroundButton .5s;animation-fill-mode:forwards}.header button.selected{border:2px solid #747775}.header button.selected:hover{animation:fadeBackgroundButtonSelected .5s;animation-fill-mode:forwards}.header .left{grid-area:type;width:100%;text-align:left;padding-left:10px}.header .left button{width:80px}.header .center{grid-area:period;white-space:nowrap}.header .center button{border:none!important}.header .center button svg{display:inline}.header .right{grid-area:languages;text-align:right;padding-right:5px}.header .right button{width:35px}.container{font-family:Poppins,serif;font-weight:400;font-style:normal;line-height:1.2em;font-size:12px;min-width:500px;padding:60px 10px 10px 10px;height:100%;display:flex;flex-direction:column;background-color:#f0f4f9;overflow:auto;color:#444746}.container .calendar{display:grid;grid-template-columns:30px repeat(7,1fr);grid-template-rows:30px repeat(5,1fr);gap:1px;height:100%}.container .calendar>div{display:grid;align-content:center}.container .calendar>div:first-child{border-radius:20px 0 0 0}.container .calendar>div:last-child{border-radius:0 0 20px 0}.container .calendar>div:nth-last-child(1 of .week_day_header){border-radius:0 20px 0 0}.container .calendar>div:nth-last-child(1 of .week_no){border-radius:0 0 0 20px}.container .calendar-lines-1{grid-template-rows:30px repeat(1,1fr)}.container .calendar-lines-4{grid-template-rows:30px repeat(4,1fr)}.container .calendar-lines-5{grid-template-rows:30px repeat(5,1fr)}.container .calendar-lines-6{grid-template-rows:30px repeat(6,1fr)}.container .calendar-columns-1{grid-template-columns:30px auto}.container .calendar .blank,.container .calendar .week_day_header,.container .calendar .week_no{display:grid;align-content:center;background-color:#fff}.container .calendar .week_day{background-color:#fff;display:flex;flex-direction:column;overflow:auto}.container .calendar .week_day .day{border-radius:10px}.container .calendar .week_day_inactive{background-color:#fff;color:#dce0e4}.container .calendar .week_day_current .day,.container .calendar .week_day_weekend .day{font-weight:700;border-radius:10px;margin:1px;padding-left:5px}.container .calendar .week_day_weekend .day{background-color:#cae7f8;color:#000;font-weight:400}.container .calendar .week_day_current .day{background-color:#ff5f5f;color:#fff;font-weight:700}.container .calendar .week_day_current .day span:after{content:"(today)";font-weight:400}.container .slide-left,.container .slide-right{visibility:visible;transition:all .3s ease}.container .slide-right{transform:translateX(100%) rotate(0deg)}.container .slide-left{transform:translateX(-100%) rotate(0deg)}.show-icon svg{display:none}.show-icon:hover svg{display:initial}.events{height:100%;display:flex;flex-direction:column;font-size:11px}.events .day{text-align:left;padding:2px;cursor:pointer}.events .day:hover{background-color:#efefef}.events .day svg{float:right;margin:2px 2px 0 0}.events .events-list{display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#dcdcdc transparent}.events .event{display:flex;flex-direction:column;text-align:left;background-color:#fff;margin:1px;padding:1px}.events .event>div:first-child:before{content:"•";margin-right:4px}.events .event label{margin-bottom:1px}.events .event .hour{width:40px;font-size:10px}.events .event .titles-list{width:100%;display:flex;flex-direction:column}.events .event .titles-list label{height:14px;overflow:hidden}.events .event .title{width:100%;text-align:left;cursor:pointer}.events .event:hover{border-radius:5px;color:#2c3e50;animation:fadeBackgroundEvent 1s;animation-fill-mode:forwards}.header .center button{padding:7px;width:30px;height:30px;border-radius:30px;cursor:pointer;margin:0}.header .center button:hover{animation:fadeBackgroundButton .5s;animation-fill-mode:forwards}.header .center .label{position:relative;display:inline-block;width:300px;padding:7px;margin:0 5px 0 5px;background-color:transparent;border-radius:7px}.header .center .label input,.header .center .label input:focus{font-family:Poppins,serif;font-weight:400;font-size:16px;border:none;outline:none;background-color:transparent;width:100%;text-align:center;cursor:pointer}.header .center .label input:hover{color:#2b5d93}.header .center .list-dates{font-size:10px;position:absolute;top:35px;left:0;right:0;margin:0 -30px;text-align:center;width:auto;background-color:#fff;z-index:999;flex-direction:column;overflow:hidden;border:1px solid #a1a1a1;padding:10px;box-shadow:0 2px 9px #a1a1a1;border-radius:20px}.header .center .list-dates span span{cursor:pointer;padding:7px;text-align:left}.header .center .list-dates>span.selected,.header .center .list-dates>span:hover{outline:2px solid #5188c4;border-radius:20px 0 0 20px;outline-offset:-2px;animation:fadeBackgroundPeriod .5s;animation-fill-mode:forwards}.header .center .list-dates span.item{display:flex;flex-direction:row}.header .center .list-dates span.item span:first-child{width:100%}.header .center .list-dates span.item span{white-space:nowrap}.header .center .list-dates .up-period{background-color:transparent;rotate:90deg}.header .center .list-dates .down-period{background-color:transparent;rotate:-90deg}.header .center .popup-animation{animation:slideDownPopup .1s}.header .center .buttons{display:flex;flex-direction:row}.header .center .buttons button{border-radius:20px!important;margin:2px}.header .center .today-btn{width:70%!important}.header .center .close-btn{width:30%!important}.popup{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;z-index:9999}.popup .container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:400px;min-width:200px;max-width:600px;display:flex;flex-direction:column;padding:20px;background-color:#fff;border:1px solid #000;border-radius:20px;text-align:center}.popup .container sup{font-size:12px}.popup .container .content{height:100%;overflow:auto}.popup .shadow{position:absolute;width:100%;height:100%;background-color:#1f1d1d;opacity:.4}.popup .dates{text-align:left;margin-bottom:5px}.popup .dates label:first-child{background-color:#fff;padding:5px;border-radius:10px;width:80px;display:inline-block}.popup .dates label:last-child{font-weight:700;padding:5px}.popup .event label:first-child{text-align:left;background-color:#fff;padding:5px;margin-top:10px;border-radius:10px;border:1px dashed #747775;display:block}.popup .event label:last-child{text-align:left;padding:5px 5px 0 5px;margin-left:10px;display:block;border-left:3px solid #fff}.popup button{padding:7px;border:none;background-color:#f0f4f9;border-radius:30px;cursor:pointer;font-size:12px;min-width:100px}.popup button:hover{background-color:#dfe3e7}@media(max-width:950px){.header{grid-template:"type languages" auto "period period" auto/1fr 1fr}.header .left button{font-size:10px;width:55px}.header .right button{font-size:10px;width:30px}.container{padding:85px 10px 10px 10px}}@media(max-width:550px){.left button,.right button{width:auto;padding:2px}}body,html{margin:0;padding:0;height:100%}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;height:100%;display:flex;flex-direction:column}