.app{display:flex;flex-wrap:wrap;width:90%;animation:fadeInAnimation linear 2s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@media (min-width: 761px) and (max-width: 1300px){.app{width:90%}}@media (max-width: 760px){.app{width:100%}}header{width:100%;height:50px;background-color:#026bae;color:#fff;text-transform:uppercase;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){header{height:40px}}footer{width:100%;height:50px;background-color:#026bae;color:#fff;display:flex;align-items:center;justify-content:space-between}footer p{margin-right:15px;margin-left:15px;font-size:.9rem}footer p .admin{width:20px;margin-right:5px;cursor:pointer}@media (max-width: 768px){footer{height:40px}footer .admin{display:none}}.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196f3;margin-top:5px;text-align:center}.w3-blue,.w3-hover-blue:hover{color:#fff;background-color:#2196f3;text-align:center}.w3-border-blue{width:100%;height:24px;background-color:#73c4f7}.w3-border-blue .w3-blue{display:flex;justify-content:center;align-items:center}.w3-border-blue p{padding:5px 0;font-weight:600;font-family:Poppins,sans-serif}.w3-border-blue span{color:#dc143c}@media (max-width: 768px){.loading{width:100%;display:flex;justify-content:center}.loading .container,.loading .container .w3-border-blue{width:100%}.loading .container .w3-border-blue .w3-blue{display:flex;justify-content:center;align-items:center}.loading .container .w3-border-blue p{padding:5px 0;font-family:Ubuntu,sans-serif}}.alert{width:60%;height:150px;background-color:#cde5ff;color:#026bae;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;font-family:Poppins,sans-serif}.alert .currentTime{width:100%;text-transform:uppercase;padding-top:10px}.info{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.loading{display:block;width:100%}h2{font-size:1.6rem;color:#026bae;text-transform:uppercase}h3{text-align:center}img{float:left}@media (min-width: 769px) and (max-width: 1200px){h3{font-size:1.1rem;text-align:center}}@media (max-width: 768px){.alert{width:100%;padding:0 10px;font-family:Ubuntu,sans-serif}h2{font-size:1.3rem;color:#026bae;text-transform:uppercase}h3{font-size:1.1rem;text-align:center}}.time{width:20%;height:150px;background-color:#cde5ff;color:#026bae;display:flex;justify-content:center;align-items:center}.box{text-align:center}.box h2{font-size:2rem;margin:0;padding:0}.box h4{text-transform:uppercase;margin:0;padding:10px}.clock{margin-left:auto;margin-right:auto;border-radius:50%;background:#fff url(/assets/clock.f1daefb6.svg) no-repeat center;background-size:88%;height:120px;width:120px;border:5px solid #026BAE;position:relative}.clock .hours,.clock .minutes,.clock .seconds{position:absolute;top:0;right:0;bottom:0;left:0}.clock .hours{background:rgb(0,108,138);height:25%;left:48.75%;position:absolute;top:25%;transform-origin:50% 100%;width:2.5%}.clock .minutes{background:rgb(0,108,138);height:40%;left:49%;position:absolute;top:10%;transform-origin:50% 100%;width:2%}.clock .seconds{background:rgb(238,39,49);height:45%;left:49.5%;position:absolute;top:14%;transform-origin:50% 80%;width:1%;z-index:8}@keyframes rotate{to{transform:rotate(360deg)}}.clock .minute-block{transition:transform .3s cubic-bezier(.4,2.08,.55,.44)}.clock .second-block{transition:transform .2s cubic-bezier(.4,2.08,.55,.44)}.clock:after{background:#000;border-radius:50%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:5%;height:5%;z-index:10}@media (max-width: 768px){.time{display:none}}.plan{width:100%;min-height:calc(100vh - 290px);background-color:#dcedfb;color:#026bae;display:flex;justify-content:center;align-items:center;padding:10px 0}.planDays{width:100%}.planDays .days{width:100%;height:40px;background-color:#026bae;margin-top:20px;font-size:.9rem;display:flex;justify-content:left;align-items:center}.planDays .days .buttons{width:30%;display:flex;justify-content:right;align-items:center;color:#fff;padding-right:1%}.planDays .days .buttons button{font-size:.9rem;height:20px;margin:2px 4px;background-color:#026bae;color:#fff;border:0;font-weight:600;cursor:pointer}.planDays .days .buttons button:hover{color:#9bd2f5}.planDays .days .selectedDay{width:70%;color:#fff;text-align:left;padding-left:1%;font-weight:600}.day{width:100%;display:none}img.icona{width:28px;margin:0 10px}table{width:90%;border-collapse:collapse;margin:20px}table th,table td{padding:9px 0;border:1px solid #026bae;width:100px;text-align:center;font-size:.8rem;font-family:Arial,sans-serif;cursor:pointer}table th{background-color:#026bae;color:#fff;border-right:1px solid #fff}table td{width:213px}table th#last{border-right:1px solid #026bae}.color{background-color:#3495ee;color:#fff}.drawing{width:100%;min-height:calc(100vh - 290px);display:flex;justify-content:center;align-items:center;background-color:#e8f5fd}.drawing figure{display:flex;justify-content:center}.drawing figure img{width:90%;margin:74px 0}@media (min-width: 951px) and (max-width: 1200px){.plan{padding:10px 0}table{width:90%}table th,table td{padding:9px 0;font-size:.7rem}table td{height:20px;min-width:50px}}@media (max-width: 950px){.plan{padding:10px 0}.drawing{width:100%;min-height:calc(100vh - 380px)}.day,.container{width:100%;display:flex;flex-wrap:wrap;justify-content:center}.container .phone{width:90%;height:40px;margin:5px 0;background-color:#026bae;font-size:.8rem;color:#fff}.container .phone .phoneDay{display:block;width:100%;font-weight:600;padding:10px}.container .dt{width:90%;height:75px;background-color:#fff;border-radius:5px;margin:5px 0;font-size:.9rem}.container .dt .phoneHour{display:flex;padding-top:10px;padding-left:10px;align-items:center}.container .dt .phoneHour .space{margin-right:5px}.container .dt .phoneMsc{padding-top:25px;padding-left:59px;align-items:center}h2{font-size:1.3rem;color:#026bae;text-transform:uppercase}}@media (max-width: 400px){.container .dt .icona{display:none}.container .dt .phoneHour,.container .dt .phoneMsc{padding-left:10px}}@media (max-width: 300px){.container .dt .icona{display:none}.container .dt .phoneHour{padding-left:0;justify-content:center}.container .dt .phoneMsc{display:block;padding:2px 0;text-align:center}}.aside{width:20%;height:150px;background-color:#cde5ff;color:#fff;display:flex;justify-content:center;align-items:center}.aside img{cursor:pointer}@media (max-width: 768px){.aside{display:none}}*{margin:0;padding:0;box-sizing:border-box}div.load{width:100%;height:100vh;background-color:#cde5ff;display:flex;justify-content:center;padding-top:50px;font-size:1.2rem;font-weight:700}.loader{position:absolute;z-index:100;top:0;left:0;height:30%;width:100%;display:flex;justify-content:center;align-items:center}.hidden{display:none}.loader__wrapper{display:inline-block;margin:0 auto;width:120px;height:20px;text-align:center}.loader__bar{height:100%;width:20px;display:inline-block;margin-left:2px;animation:bounceY 1s infinite ease-in-out;-webkit-animation:bounceY 1s infinite ease-in-out}.loader__bar--red{background-color:#ef4444}.loader__bar--orange{background-color:#f59e0b;animation-delay:-.8s}.loader__bar--green{background-color:#22c55e;animation-delay:-.6s}.loader__bar--blue{background-color:#3b82f6;animation-delay:-.4s}@keyframes bounceY{0%,40%,to{transform:scaleY(.1)}20%{transform:scaleY(1)}}@keyframes bounceX{0%,40%,to{transform:scaleX(.1)}20%{transform:scaleX(1)}}nav{width:100%;height:40px;background-color:#026bae;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 15px}nav input[type=text]{width:50px;height:20px;text-align:center;background-color:#fff;border:0}nav input[type=submit]{height:22px;padding:0 5px;margin:0 5px;cursor:pointer}nav span{font-size:.9rem}nav .left{position:static}nav .left span{font-size:.8rem;margin-right:5px}nav #nameSelect{position:absolute;margin-left:95px;margin-top:32px;width:53px;height:21px;border-radius:3px}@media (max-width: 768px){nav{height:40px}}.panel{width:100%;height:600px;background-color:#e8f5fd;display:flex;flex-direction:column;justify-content:center;align-items:center}.panel h2{margin-bottom:20px;color:#fff;font-size:1.3rem}.panel form{display:flex;flex-direction:row;align-items:center;width:600px;background-color:#026bae;border-radius:5px;padding:30px}.panel form input{margin-bottom:5px;height:30px;text-align:center}.panel form label{margin-bottom:5px;height:30px;text-align:right;padding-right:5px;font-size:.8rem;color:#fff}.panel form input[type=submit]{cursor:pointer}.panel form .left,.panel form .right{width:50%;display:flex;flex-direction:column;justify-content:center;align-self:baseline}html{font-family:Poppins,sans-serif}#root{display:flex;width:100%;justify-content:center}