input:focus{outline:none}button{background-color:var(--primary-color);color:var(--background-color);padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:.5rem}button:hover{transform:scale(1.05)}.app{width:100%;min-height:100vh;display:flex;background-color:var(--background-color)}.side-container{width:100%;height:100%;margin-left:20vw;background-color:var(--background-color);animation:fadeIn 1.5s;overflow:hidden}.modal-bg{width:100vw;height:100vh;top:0;left:0;position:absolute;display:flex;align-items:center;justify-content:center;background-color:#00000080;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem);z-index:2}.container{width:100%;height:var(--container-height);padding:2rem;animation:fadeIn 1s}footer{margin-top:.5rem}.calendar{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 900px){.side-container{overflow:auto;height:fit-content;margin-left:5vw}.modal-bg{height:fit-content}}.nav-bar-container{position:relative;display:flex}nav{width:20vw;padding:0 2rem;min-height:100vh;height:max-content;display:flex;flex-direction:column;align-items:center;position:fixed;border-right:var(--border)}#nav-logo{width:90%;margin:-.5rem 0}.nav-links{margin-top:1.5rem;list-style:none;display:flex;flex-direction:column;height:100%;margin-bottom:1.5rem}.nav-links a{padding:.5rem 2rem;border-radius:.5rem;text-decoration:none;color:var(--text-color);font-size:1.8vw;transition:.2s;cursor:pointer;margin:.1rem 0}.nav-links a:hover{background-color:var(--primary-color)}#exit-btn{display:flex;flex-direction:column;position:absolute;right:0;background-color:var(--background-color);padding:.2rem;margin:.5rem;color:var(--text-color);gap:0;transition:.5s}#exit-btn img{width:2rem}#exit-btn:hover{transform:none;background-color:var(--primary-color)}.active{border:var(--border)}.inactive{border:2px solid transparent}.menu-mobile-container{padding:.5rem;flex-direction:column;align-items:center;justify-content:center;position:fixed;background-color:var(--background-color);border-radius:0 .5rem .5rem 0;border-left:none;display:none}.menu-mobile-container img{width:2rem}@media screen and (max-width: 900px){.mobile-show{width:100%;height:100vh;position:absolute;background-color:#00000080;z-index:3;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem)}nav{display:none;background-color:var(--background-color);border:none}.menu-mobile-container{display:flex;cursor:pointer}#nav-logo{margin:0}.nav-links a{font-size:1.5rem;padding:.5rem 0 .5rem .5rem}}.login-container{width:100%;padding:0 10vw;display:flex;align-items:center;justify-content:space-between}.form{width:50%;display:flex;flex-direction:column;align-items:center;border:var(--border);border-radius:.5rem;padding:2rem}.form h2{margin-bottom:1rem}.form p{font-size:.8rem}.form p button{font-size:.8rem;background-color:transparent;border:none;text-decoration:underline;color:var(--text-color)}#singin-btn{background-color:transparent;border:none;text-decoration:underline;color:var(--primary-color);cursor:pointer;font-size:.7rem}.login-container img{width:30vw}.login-container form h2{margin:-2rem 0 1rem}.input-control{width:100%;margin-bottom:1.5rem;position:relative}.input-control button{width:100%;font-size:.8rem;background-color:transparent;border:none;text-decoration:underline;cursor:pointer;color:var(--text-color);text-align:end}input{width:100%;background-color:transparent;border:var(--border);border-radius:.5rem;padding:.5rem}input:focus{outline:2px solid var(--border-color)}input[type=submit]{cursor:pointer;margin-top:1.5rem}input[type=submit]:focus{outline:none}.validation-input{position:absolute;bottom:-1.2rem;left:.2rem;color:red;font-size:.7rem}#password-error{bottom:.8rem}.submit-control{width:100%;position:relative}.checkbox-control{position:absolute;top:-1rem}.checkbox-control label{display:flex;gap:.5rem;font-size:.8rem}.checkbox-control label input[type=checkbox]{width:1rem;background-color:var(--backgroung-color)}#loader-gif{width:100%;display:flex;align-items:center;justify-content:center;height:100vh;position:absolute;top:0;opacity:.5}@media screen and (max-width: 900px){.login-container{flex-direction:column;justify-content:center;padding:0}.login-container img{margin:-3rem 0}.login-container .form{width:80vw;border:none}}:root{--primary-color: hsla(157, 44%, 55%, .7);--text-color: #fdfdfd;--background-color: #131f24;--modal-box-shadow: 0 0 .5rem 1px #fdfdfd;--border-color: #5cbf99;--border: 2px solid hsla(0, 0%, 99%, .3);color-scheme:dark light;background-color:var(--background-color);color:var(--text-color)}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}@media (prefers-color-scheme: light){:root{--text-color: #403c3c;--background-color: #d9d9d9;--border: 2px solid hsla(198, 31%, 11%, .3)}.search-component{background-color:transparent;border:2px solid var(--border-color)}.paciente-box img{background-color:var(--background-color)}.search-component input{color:var(--text-color)}}.error-page-container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-page-container h1{font-size:5rem}.error-page-container img{padding:1rem;border-radius:50%;width:400px;border:.5rem solid var(--border-color);background-color:#fefdfd}.modal-new-shedule{max-width:90vw;max-height:90vh;padding-bottom:2rem;height:max-content;background-color:var(--background-color);z-index:1;border-radius:.5rem;border:var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:scroll;padding:1rem}.modal-new-shedule h2{margin-bottom:1rem}.modal-new-shedule form{display:flex;gap:2rem}.modal-new-shedule::-webkit-scrollbar{display:none}.select-list-container{width:100%;max-height:17rem;background-color:#00000080;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem);color:#fff;border:var(--border);border-radius:.5rem;margin-top:.3rem;position:absolute;z-index:2;display:none;flex-direction:column;padding:.5rem;overflow:scroll}.select-list-container::-webkit-scrollbar{display:none}.date-and-hour-container{display:flex;gap:1rem;padding:0 .5rem}.servicos-list-container{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.servicos-list-container label{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;border:var(--border);padding:.2rem 0 .2rem .5rem;margin:.3rem;border-radius:.5rem;font-size:.7rem;min-height:3rem}.servicos-list-container label input{margin-left:.5rem}.servicos-list-container label input:focus{outline:none}.service-itens{opacity:.8;transition:.2s}.service-itens label,.service-itens input{cursor:pointer}.service-itens:hover{opacity:1;transform:scale(1.05)}.schedule-button-control{display:flex;gap:1rem;align-items:center;justify-content:center}.schedule-button-control button{width:100%;padding:.5rem;margin-top:1.5rem;background-color:transparent;color:var(--text-color);border:var(--border)}.schedule-button-control button:hover{transform:none}#other-service{border:none;font-size:.7rem;margin:0}@media screen and (max-width: 900px){.modal-new-shedule{max-width:100%;max-height:fit-content;border:none}.modal-new-shedule input{width:100%}.modal-new-shedule form{flex-direction:column}.date-and-hour-container{flex-direction:column}.servicos-list-container{grid-template-columns:repeat(2,1fr)}}.home{width:100%;height:100vh;display:grid;padding:2rem;gap:2rem;grid-template-columns:repeat(3,1fr)}.home a{text-decoration:none;display:flex;align-items:center;justify-content:center;transition:.5s;color:var(--text-color);border:var(--border);border-radius:.5rem}.home a:hover{transform:scale(1.03)}.home a img{width:2rem;margin:.5rem 1rem;padding:.5rem;border-radius:50%}.pacientes-dashboard{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-row-start:1;grid-row-end:3}#paciente-number{display:flex;align-items:center}#paciente-number img{width:100px;margin:0}.pacientes-dashboard{text-align:center;grid-row-start:2}.pacientes-dashboard span{font-size:7rem;padding:0 .5rem}.agenda-dashboard{flex-direction:column;padding:.5rem 2rem}.agenda-dashboard h2{width:100%;text-align:center;font-size:1.2rem;text-transform:uppercase;letter-spacing:.2rem;font-weight:600}.inner-agenda-dashboard{width:100%;height:30vh;overflow:scroll;display:flex;flex-direction:column;justify-content:space-between}.inner-agenda-dashboard::-webkit-scrollbar{display:none}.agenda-dashboard-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);background-color:var(--text-color);margin:1rem 0;padding:.5rem;color:var(--background-color);box-shadow:7px 7px 0 1px var(--border-color)}#materiais-button{width:100%;grid-column-start:2;grid-column-end:4;display:flex;flex-direction:column;align-items:center;justify-content:center}#dashboard-title{text-transform:uppercase;letter-spacing:.2rem;font-weight:300;filter:drop-shadow(2px 2px 0 var(--border-color))}.inner-materiais-dashboard{width:100%;padding:0 10%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:1rem}.materials-dashboard-box{width:100%;padding:.5rem;display:grid;grid-template-columns:.5fr 1.5fr;align-content:center;font-size:1.2rem;margin:.5rem 0;background-color:var(--text-color);color:var(--background-color);box-shadow:7px 7px 0 1px var(--border-color)}.internation-dashboard{display:flex;padding-top:1.5rem;flex-direction:column}.internation-dashboard h2{text-align:center}.inner-internation-dashboard{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.inner-internation-dashboard p{opacity:.3;padding:0 15%;font-size:1.5rem;text-align:center}#new-service{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;background-color:transparent;color:var(--white);border:var(--border);display:flex;flex-direction:column}@media screen and (max-width: 900px){.home{display:flex;flex-direction:column;height:100%;margin-top:3rem}}.agenda{justify-content:space-between;display:flex;flex-direction:column;gap:2rem;align-items:center}.agenda h2{width:100%;text-align:center;font-size:1.2rem;text-transform:uppercase;letter-spacing:.2rem;font-weight:600}.menu-agenda{width:100%;display:flex;gap:1rem}.menu-agenda input{width:fit-content}.menu-agenda button{width:100%;opacity:.9;text-transform:uppercase;color:var(--white)}.menu-agenda button:hover{transform:none;opacity:1}.day-container{padding:.5rem;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:var(--background-color);border-radius:.5rem;border:var(--border)}.inner-schedule{width:100%;height:100%;overflow:scroll}.inner-schedule::-webkit-scrollbar{display:none}.schedule-box{width:100%;border:3px dotted var(--primary-color);margin:.5rem 0;padding:.5rem;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.service-box{display:flex;width:100%;align-items:center;gap:1rem;grid-column-start:3;grid-column-end:5}.service-span{background-color:var(--primary-color);padding:0 .5rem;color:var(--white);text-align:center}#empty-shedule-message{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:.3;padding:1rem 0;text-align:center}@media screen and (max-width: 900px){.menu-agenda{margin-top:3rem;flex-direction:column-reverse}.menu-agenda input{width:100%}}#edit-modal{height:90%}#edit-modal button{width:100%;margin-top:1rem;color:var(--white);text-transform:uppercase;letter-spacing:.2rem;font-weight:500;transition:.2s}#edit-modal button:hover{transform:none;font-weight:bolder;letter-spacing:.5rem}#edit-schedule{grid-template-columns:.75fr .75fr 1fr .5fr;text-align:center}#edit-schedule .delete{background-color:red;color:#fff}#edit-schedule .btn{opacity:.5;cursor:pointer}#edit-schedule .btn:hover{opacity:1}#edit-schedule span{padding:.2rem;background-color:var(--border-color);border-radius:.5rem}@media screen and (max-width: 900px){#edit-modal{height:100vh}}.materiais{display:flex;flex-direction:column;gap:1rem;margin-top:10vh}.materiais h2{width:100%;margin-top:2rem;text-align:center;font-size:1.2rem;text-transform:uppercase;letter-spacing:.2rem;font-weight:600}.materiais-grid{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:10%}.materials-list{width:100%;display:flex;flex-direction:column;height:100%}.inner-list{width:100%;padding:1rem;margin-top:.5rem;background-color:var(--text-color);border-radius:.5rem;border:1px solid var(--primary-color);overflow:scroll}#stock{border:1px solid var(--white)}.inner-list::-webkit-scrollbar{display:none}.materials-box{display:grid;align-items:center;grid-template-columns:repeat(6,1fr);margin-bottom:1.5rem;padding:.5rem;background-color:var(--background-color);box-shadow:7px 7px 0 0 var(--border-color)}.materials-box img{padding:.2rem;width:70px;height:70px;border-radius:50%;border:3px solid var(--primary-color)}#product-name{grid-column-start:2;grid-column-end:5;text-align:center;padding:.5rem;margin:.5rem}.product-box{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background-color:var(--primary-color);box-shadow:7px 7px 0 0 var(--border-color);color:var(--white);font-size:.9rem}.expire-itens{height:100%;overflow:hidden}.expire-itens h2{font-size:.9rem}@media screen and (max-width: 900px){.materiais{margin-top:10rem}}.function-header{top:0;width:75vw;height:15vh;display:flex;align-items:center;justify-content:space-between;position:fixed;background-color:var(--background-color);border-bottom:var(--border)}.search-component{display:flex;align-items:center;justify-content:center;width:50vw;background-color:var(--text-color);padding:.5rem;border-radius:.5rem;gap:1rem;border:1px solid var(--primary-color)}.search-component input{border:none;color:var(--background-color)}.search-component input:focus{outline:none}#clear-btn{width:fit-content;margin:0;background-color:var(--border-color);color:var(--background-color);opacity:.9;text-transform:uppercase;font-weight:bolder;border:1px solid var(--primary-color);cursor:pointer}#clear-btn:hover{opacity:1}.function-header button{text-transform:uppercase;background-color:var(--border-color);color:var(--background-color);border:var(--border);font-weight:bolder}@media screen and (max-width: 900px){.function-header{margin-top:5rem;flex-direction:column;height:fit-content;gap:1rem;border-bottom:none}.function-header .search-component,.function-header button{width:100%}}.modal-new-element{padding-bottom:2rem;background-color:var(--background-color);z-index:1;border-radius:.5rem;border:var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:scroll;padding:1rem}.modal-new-element .form{width:fit-content;border:none}.modal-new-element::-webkit-scrollbar{display:none}@media screen and (max-width: 900px){.modal-new-element{width:100%;border:none}.modal-new-element .form{width:100%;height:100vh;border:none}}.pacientes{display:flex;flex-direction:column;gap:1rem}.pacientes-list{margin-top:10vh;width:100%;height:100%;padding:1rem;background-color:var(--background-color);border-radius:.5rem}.paciente-box{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background-color:var(--text-color);margin-bottom:1.5rem;padding:.5rem;color:var(--background-color);box-shadow:7px 7px 0 0 var(--border-color)}.paciente-box img{padding:.2rem;background-color:var(--text-color);width:50px;border-radius:50%;border:3px solid var(--border-color)}@media screen and (max-width: 900px){.pacientes{margin-top:7rem}.paciente-box p{font-size:.8rem;margin-left:.5rem}}.internation{width:100%;padding:.5rem 5%;background-color:var(--background-color);border-radius:.5rem;overflow:hidden}.internation h2{width:100%;text-align:center;padding:1rem 5%;margin-bottom:1.5rem;border-bottom:var(--border)}.inner-internation{display:flex;flex-direction:column}.internation-box{width:100%;border:2px dotted var(--primary-color);margin:.5rem 0;padding:.5rem 1rem;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.internation-paciente{width:fit-content;padding:.5rem 2rem;font-size:1.5rem;background-color:var(--text-color);color:var(--background-color);border-radius:.5rem;border:3px solid var(--background-color)}@media screen and (max-width: 900px){.internation{margin-top:3rem}}.sing-up-form{padding:2rem}.sing-up-form .checkbox{width:fit-content}.sing-up-form .checkbox label,.sing-up-form .submit-control{display:flex;gap:1rem}.sing-up-form .submit-control input{width:100%;height:fit-content;margin:0;cursor:pointer}.user-created{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem;transition:.5s}.user-created p{font-size:3rem}.user-created button{width:50vw;color:var(--white);text-transform:uppercase;letter-spacing:.2rem;font-weight:500;transition:.2s;padding:2rem 0;font-size:1.5rem}.user-created button:hover{transform:none;font-weight:bolder;letter-spacing:.5rem}@media screen and (max-width: 900px){.sing-up-form{margin-top:3rem}}