@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-Regular.ttf);font-weight:400;font-style:normal}body,*{margin:0;padding:0;box-sizing:border-box;color:#172937;font-family:Poppins}input,select{border:#172937 .1em solid;padding:.5rem;border-radius:.3rem;width:100%}main#DashboardLayout{display:grid;grid-template-areas:"header header" "sideBar body";grid-template-rows:4rem auto;grid-template-columns:11rem auto;max-height:100dvh;height:100dvh}main#DashboardLayout header#HeaderComponent{grid-area:header}main#DashboardLayout section#Body{margin:.5rem 0 0 .5rem;overflow:auto}main#AuthLayout{display:grid;grid-template-columns:1.01fr 1fr;height:100vh;width:100vw;background-color:#172937}main#AuthLayout section#layout-container{display:flex;justify-content:center;align-items:center}main#AuthLayout section#layout-container div{display:flex;justify-content:center}main#AuthLayout section#layout-container div img{width:17rem}header#HeaderComponent{background:#172937;display:flex;justify-content:space-between;align-items:center;padding:.5rem}header#HeaderComponent section{padding:0 1.5em;color:#d9d9d9}header#HeaderComponent section h1,header#HeaderComponent section p{color:#d9d9d9}section#SideBarComponent{display:grid;padding:.5rem 0;align-items:center;grid-template-rows:auto 1.5rem;box-shadow:5px 0 10px #00000057}section#SideBarComponent nav{display:flex;flex-direction:column;height:100%;gap:.5rem}section#SideBarComponent nav a{display:grid;grid-template-columns:1fr 2fr;text-decoration:none;gap:.3rem;padding:.5rem}section#SideBarComponent nav a img{margin:0 auto;width:70%}section#SideBarComponent nav a p{width:100%;display:flex;align-items:center;justify-content:start}section#SideBarComponent nav a.active{background:#d9d9d9}main#CustomerPage{padding:0 .5rem .5rem}main#LoginPage{display:flex;flex-direction:column;justify-content:center;align-items:center}main#LoginPage section#container{width:85%;height:70%;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #d9d9d9;padding:2rem}main#LoginPage section#container h1{color:#d9d9d9;font-size:2rem}main#LoginPage section#container form p#forgot{color:#d9d9d9;padding:.3rem}main#LoginPage section#container form .buttons{display:flex;justify-content:flex-end}main#LoginPage #error{min-height:1rem;color:red}section#FiltersBarComponent{display:grid;grid-template-columns:minmax(8rem,2fr) .5fr auto;align-items:center;padding:.3rem;margin-bottom:.5rem;gap:.5rem;flex-wrap:wrap}section#FiltersBarComponent section{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}section#FiltersBarComponent section#search input{padding:.3rem;font-size:1rem;width:100%}section#FiltersBarComponent section#buttons{display:flex;justify-content:space-around}section#FiltersBarComponent section#buttons button{background-color:#172937;color:#d9d9d9;padding:.5rem;border-radius:.3rem;border:none;display:flex;justify-content:center;align-items:center;gap:.5rem}section#FiltersBarComponent section#buttons button img{height:70%;filter:invert(85%) sepia(26%) saturate(1%) hue-rotate(108deg) brightness(97%) contrast(96%)}section#FiltersBarComponent section#buttons button.secundary{background-color:#e9ebee;color:#172937}section#FiltersBarComponent section#buttons button.secundary img{filter:none}div#modalBackground{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d0;display:flex;justify-content:center;align-items:center}div#modalBackground section#modalContainer{position:relative;display:inline-block;padding:1rem;border-radius:.5rem;background-color:#d9d9d9;min-width:50dvw;min-height:40dvh}div#modalBackground section#modalContainer div#closeModal{padding:.5rem;position:absolute;right:0;top:0rem;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}div#modalBackground section#modalContainer div#closeModal img{width:100%}section#createCustomer{display:flex;flex-direction:column;align-items:center;gap:1rem}section#createCustomer h1{font-size:1.5rem}section#createCustomer form{display:flex;flex-direction:column;gap:1rem}section#createCustomer form #inputs{display:flex;flex-direction:column;gap:1rem}section#createCustomer form div#indicationValues{display:flex;flex-wrap:wrap;flex-shrink:2;justify-content:center;gap:.5rem}section#createCustomer form .buttons{display:flex;gap:.3rem;justify-content:flex-end}div.customerCard{padding:.5rem;background:#d9d9d9;border-radius:.3rem;cursor:pointer}section#customersList #loading{display:flex;justify-content:center;padding:1rem}section#customersList #loading h3{color:#172937;opacity:.6}section#customersList #container{display:flex;flex-direction:column;gap:.3rem;overflow:auto}main#customerComponent{display:flex;flex-direction:column;gap:.5rem}main#customerComponent header h1{font-size:1.5rem}main#customerComponent section.infos,main#customerComponent section.indication div.container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.5rem}main#customerComponent section.infos span,main#customerComponent section.indication div.container span{display:flex;justify-content:space-evenly;gap:1rem;flex-wrap:wrap}main#customerComponent section.infos span div,main#customerComponent section.indication div.container span div{padding:.5rem;text-align:center}@media (max-width: 480px){main#customerComponent section.infos,main#customerComponent section.indication div.container{grid-template-columns:1fr;min-width:80dvw}main#customerComponent section.infos div#indicatedBy,main#customerComponent section.indication div.container div#indicatedBy{display:flex;flex-direction:column;align-items:center;justify-content:center}}main#customerComponent footer.buttons{display:flex;justify-content:flex-end;gap:.5rem}main#createDebits form{display:flex;flex-direction:column;padding:.3rem;gap:.3rem}main#createDebits form .buttons{display:flex;gap:.3rem;padding:.5rem 0;flex-wrap:wrap;justify-content:flex-end}header#debitsListHeader{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:.5rem}header#debitsListHeader div{padding:0 .5rem;text-align:center}header#debitsListHeader div#value{text-align:initial}header#debitsListHeader div#discount{text-align:initial}div.InputComponent div#content{position:relative}div.InputComponent div#content span{position:absolute;height:100%;display:flex;align-items:center;right:5px;top:50%;transform:translateY(-50%)}div.InputComponent div#content span img{height:50%}main#ForgotPasswordPage{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}main#ForgotPasswordPage section#container{padding:1rem}main#ForgotPasswordPage section#container #title{padding:1rem 0}main#ForgotPasswordPage section#container #title h2{font-size:.9rem}main#ForgotPasswordPage section#container #title *{color:#d9d9d9}main#ForgotPasswordPage section#container #title * h2{font-size:.5rem}main#ForgotPasswordPage section#container form{display:flex;flex-direction:column;gap:.5rem}main#ForgotPasswordPage section#container form label{color:#d9d9d9}main#ForgotPasswordPage section#container form div#buttons{display:flex;justify-content:flex-end;padding:1rem 0}div.debitCard{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;border:1px solid #000}div.debitCard div{padding:.3rem;font-size:.93rem;text-align:center;border-left:none;display:flex;align-items:center}div.debitCard div#name,div.debitCard div#value,div.debitCard div#discount{text-align:initial}div.debitCard div#status{display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:none;margin:.2rem}div.debitCard div#status.pending{background-color:#1091b9}div.debitCard div#status.open{background-color:#f1db13}div.debitCard div#status.paid{background-color:#10b981}div.debitCard div#status.canseled{background-color:#b63535}div.debitCard div#status.refunded{background-color:#694d96}button{background-color:#172937;color:#d9d9d9;padding:.5rem;border-radius:6px;border:none;min-width:10rem;margin:.1rem;cursor:pointer}button img{height:70%;filter:invert(85%) sepia(26%) saturate(1%) hue-rotate(108deg) brightness(97%) contrast(96%)}button.secundary{background-color:#e9ebee;color:#172937;border:#172937 .1em solid}button.secundary img{filter:none}button:disabled{cursor:not-allowed;opacity:.6}section#debitsList div#container{display:flex;flex-direction:column;gap:.2rem;padding:.5rem}