@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);.app-layout{display:flex;flex-direction:column;min-height:100dvh}.main-container{display:flex;flex:1 1;overflow:hidden;width:100%}.second-container{background:#fff;flex:1 1;overflow-y:auto}.form-container{min-height:100%;padding:20px}.title{font-size:18px;font-size:var(--lg);font-weight:700;margin-bottom:10px;text-align:start}.subtitle{color:var(--very-light-pink);font-size:16px;font-size:var(--md);font-weight:300;margin-bottom:32px;margin-top:0;text-align:center}.label{color:#000;display:block;margin-bottom:4px}.input,.label{font-size:14px;font-size:var(--sm)}.input{background-color:#f1f1f1;background-color:var(--second-color);border:0;border-radius:5px;height:30px;margin-bottom:12px;outline:none;padding:6px}.input:focus,.textarea:focus{border:1px solid #fad764;border:1px solid var(--hover-color)}.button-section{display:flex;gap:10px;justify-content:center;margin-top:10px}.textarea{background-color:#f1f1f1;background-color:var(--second-color);border:0;border-radius:5px;font-family:Poppins,sans-serif;font-size:14px;font-size:var(--sm);margin-bottom:12px;outline:none;padding:6px}.button{border:none;color:#fff;color:var(--white);cursor:pointer;font-weight:700}.primary-button{width:40%}.primary-button,.print-button{background-color:#af81db;background-color:var(--light-color);border-radius:8px;font-size:14px;font-size:var(--sm);height:40px}.print-button{width:30%}.secondary-button{background-color:#525353;background-color:var(--dark-color);border-radius:8px;font-size:14px;font-size:var(--sm);height:40px;width:40%}.validate-button{background-color:#babbbb;border-radius:5px;font-size:14px;font-size:var(--sm);height:25px;width:15%}.button-edit{background-color:#525353;background-color:var(--dark-color);border-radius:8px;font-size:12px;font-size:var(--xs);height:auto;padding:8px;text-decoration:none;width:auto}.button-delete{background-color:#bd4949;color:#fff;color:var(--white)}.button-add,.button-delete{border-radius:8px;font-size:12px;font-size:var(--xs);height:auto;margin-left:10px;padding:8px;text-decoration:none;width:auto}.button-add{background-color:#fad764;background-color:var(--hover-color);color:#000;color:var(--black);margin-right:10px}.button-new{background-color:#af81db;background-color:var(--light-color);width:auto}.button-new,.button-report{border-radius:8px;font-size:14px;font-size:var(--sm);height:auto;padding:8px;text-decoration:none}.button-report{margin-top:10px;width:250px}.popup-header-tables{align-items:start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;margin-bottom:15px}.popup-overlay{background:#000000b3;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1600}.popup-overlay:target{opacity:1;visibility:visible}.popup-header{align-items:center;display:flex;justify-content:space-between}.close{color:#333;font-size:30px;font-weight:700;text-decoration:none;transition:all .2s}.close:hover{color:#f71717}.content{max-height:75vh;overflow-y:auto}.errorMsg{color:red;font-size:12px;font-size:var(--xs);margin-bottom:12px;margin-top:-12px}nav{background-color:#af81db;background-color:var(--light-color);font-size:16px;font-size:var(--md);height:64px;justify-content:space-between;position:relative;width:100%}.navbar-left,.navbar-right,nav{align-items:center;display:flex}.navbar-left,.navbar-right{gap:10px}.brand,.username{color:#fff;color:var(--white)}.icon-sidebar,.nav-user{height:30px;width:30px}.nav-user{margin-right:12px}.icon-sidebar{margin-left:12px}.button-sidebar{background-color:#af81db;background-color:var(--light-color);border:0}.dropdown{position:relative}.dropbtn{background:none;border:none;cursor:pointer}.dropdown-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;display:none;left:auto;margin-right:12px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:99}.dropdown-content.show{display:block}.menu-item{background:none;border:none;cursor:pointer;font-size:14px;font-size:var(--sm);padding:12px;text-align:left;width:100%}.menu-item:hover{background:#f2f2f2}@media(max-width:600px){.username{display:none}nav{height:56px}}.sidebar{background-color:#f1f1f1;background-color:var(--second-color);flex-shrink:0;font-size:16px;font-size:var(--md);min-width:260px;overflow-y:auto;position:relative;transform:translateX(0);transition:transform .3s ease;width:260px;z-index:1300}.overlay{background:#0006;inset:0;left:0;position:fixed;width:100%;z-index:1100}.title-sidebar{color:#585252;margin-left:10px;margin-top:10px}.sidebar ul{margin-top:20px}.sidebar li{align-items:center;display:flex;justify-content:flex-start;padding:12px 16px}.sidebar li:hover{background-color:#fad764;background-color:var(--hover-color)}.sidebar a{color:#585252;margin-left:12px;text-decoration:none}.icon-menu{height:20px;opacity:.6;width:20px}@media(max-width:600px){.sidebar{background:#f1f1f1;background:var(--second-color);height:calc(100dvh - 206px);left:0;overflow-y:auto;position:fixed;transform:translateX(-100%);transition:transform .3s ease;width:260px;z-index:1200}.sidebar.show{transform:translateX(0)}}.footer{background-color:#525353;background-color:var(--dark-color);height:56px;padding:20px 10px;width:100%}.social-footer{grid-gap:16px;display:grid;font-size:14px;font-size:var(--sm);gap:16px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.social-footer,.social-item{color:#fff;color:var(--white)}.social-item{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:center;text-decoration:none;transition:opacity .2s ease}.social-item:hover{opacity:.8}.icon-footer{height:20px;width:20px}@media(max-width:900px){.social-footer{grid-template-columns:repeat(2,1fr);text-align:center}.footer{height:100px}}@media(max-width:600px){.social-footer{grid-template-columns:1fr;row-gap:12px}.footer{height:150px}}.container-calendar{justify-content:center;width:100%}.container-calendar>div:first-child{height:80vh}.popup-appo{background:#fff;border-radius:5px;margin:70px auto;padding:20px;position:relative;width:40%}.data-client input{width:100%}.fc{font-family:Poppins,sans-serif;font-size:14px;font-size:var(--sm)}.fc-header-toolbar .fc-toolbar-title{color:#585252;color:var(--text);font-size:14px;font-size:var(--sm)}.fc .fc-button-primary{background:#3577db;border:none;border-radius:8px;font-size:12px;padding:4px 10px}.fc-event{background:#10b981;border:none;border-radius:6px;font-size:10px;padding:4px 6px}@media(max-width:600px){.popup-appo{width:90%}.fc .fc-header-toolbar{grid-row-gap:8px;display:grid;grid-template-columns:1fr;row-gap:8px;text-align:center}.fc .fc-toolbar-chunk{display:flex;justify-content:center;width:100%}}.form{display:grid;grid-template-columns:auto;width:100%}.table-header-history{align-items:center;border:1px solid #c3c6ca;border-radius:10px;display:flex;gap:15px;justify-content:start;margin-bottom:15px;margin-top:10px;padding:15px;width:-webkit-fit-content;width:fit-content}.table-header-history button{width:100px}.table-header-history input,.table-header-history select{width:200px}.popup-care{background:#fff;border-radius:5px;margin:70px auto;padding:20px;position:relative;width:50%}.popup-medical{width:65%}.column1{grid-gap:15px;align-items:flex-start;display:grid;grid-template-columns:1fr 1fr}.column2{display:grid;grid-template-rows:auto}.label-care{margin-bottom:10px;margin-top:10px}.table-inventory caption{background-color:#525353;caption-side:top;color:var(--white);font-size:var(--sm);font-weight:700;padding:6px 0;text-align:center}.options-vaccine-second{display:flex;flex-wrap:wrap;gap:2rem}.options-vaccine-second .col{flex:1 1 300px}.options-vaccine-second input,.options-vaccine-second textarea{box-sizing:border-box;width:100%}.tables-data-vaccine{display:block;gap:10px;margin-bottom:10px}.tables-data-vaccine div{width:100%}.table-inventory{border-collapse:collapse;border-radius:8px;font-size:var(--sm);margin-bottom:10px;margin-top:10px;text-align:center;width:100%}.table-inventory td,.table-inventory th{border-bottom:1px solid #e0e0e0}.table-inventory thead{background-color:var(--text-input-field);color:var(--black)}.table-inventory thead th{font-weight:400}.table-inventory tbody tr:nth-child(2n){background-color:#f2f2f2}.table-inventory td,.table-inventory th{padding:4px 8px}.fields-add{align-items:center;display:flex;gap:8px;justify-content:flex-start}.div-add{margin-bottom:12px}.div-select{margin-bottom:10px}.popup-grooming{background:#fff;border-radius:5px;margin:70px auto;padding:20px;position:relative;width:50%}.contentPhotos{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.columnPhoto{width:50%}.preview-pet{align-items:center;border:1px solid var(--second-color);display:flex;height:auto;justify-content:center;margin-bottom:10px;margin-top:5px;width:100%}.preview-pet img{width:30%}.photo-file{background-color:aqua}.textarea{width:100%}.file-upload{align-items:center;background:var(--dark-color);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:var(--sm);gap:6px;justify-content:center;padding:6px 12px}.file-upload:hover{background:var(--hover-color)}.file-upload input{display:none}@media(max-width:600px){.popup-grooming{width:90%}.contentPhotos{align-items:center;display:grid;grid-template-columns:1fr;padding:0}.columnPhoto,.textarea{width:100%}.popup-medical{width:90%}.column1{display:grid;grid-template-columns:1fr}.table-inventory{border-collapse:collapse;font-size:var(--xs)}.table-header-history{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr;padding:15px;width:100%}.button-section{margin-top:0}.table-header-history input,.table-header-history select{width:100%}.popup-vaccine{width:90%}.options-vaccine-second{gap:0}}.custom-subheader{align-items:start;display:flex;justify-content:flex-start;padding:0;width:100%}.iIzCTJ{padding:0!important}@media(max-width:600px){.custom-subheader input{width:100%}}.mobile-row{gap:6px;padding:10px;width:100%}.mobile-row .actions{display:flex;gap:10px;justify-content:flex-end}.input-inset{background:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2719%27 height=%2719%27 viewBox=%270 0 19 19%27><path fill=%27%23838D99%27 d=%27M13.98 12.57a2 2 0 0 1 1.93.52l2.5 2.5a2 2 0 0 1-2.82 2.82l-2.5-2.5a2 2 0 0 1-.52-1.93l-1.38-1.37a7 7 0 1 1 1.42-1.42l1.37 1.38zm-3.37-2.03a5 5 0 1 0-7.08-7.08 5 5 0 0 0 7.08 7.08z%27></path></svg>");background-position:10px 10px;background-repeat:no-repeat;background-size:20px 20px;border:1px solid #c5cbd5;border-radius:8px;box-shadow:inset 0 1px 4px 0 #0003;font-size:var(--sm);line-height:1.5;padding:.5em 1em .5em 2.5em;width:30%}.input-inset::placeholder{color:#838d99}.input-inset:focus{border:1px solid var(--hover-color);outline:none}.popup-client{background:#fff;border-radius:5px;margin:70px auto;padding:20px;position:relative;width:40%}@media(max-width:600px){.popup-client{width:90%}}.popup-history,.popup-medical,.popup-vaccine{background:#fff;border-radius:5px;margin:70px auto;padding:20px;position:relative;width:50%}.report-content{border:1px solid #c3c6ca;border-radius:10px;display:flex;flex-direction:column;gap:15px;padding:15px;width:100%}.report-content ul{margin-left:15px}.content-photos{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.column-photo{width:50%}@media(max-width:600px){.popup-history,.popup-medical,.popup-vaccine{width:90%}.content-photos{display:grid;grid-template-columns:1fr}.preview-pet img{width:80%}}.container-services{align-items:flex-start;display:flex;gap:10px;justify-content:center;margin-top:30px;text-align:center}.container-services img{margin:10px;width:70%}h3{margin-top:20px;text-align:center}.container-services p{color:#000;display:block;font-size:14px;font-size:var(--sm);margin:5px}.card-service{border:1px solid #adacac;border-radius:10px;height:450px;padding:15px}@media(max-width:600px){.container-services{display:grid;grid-template-columns:1fr}.card-service{align-items:center;display:flex;height:auto;justify-content:center;padding:5px}.container-services img{margin:10px;width:40%}}.popup-inventory{width:50%}.popup-batches,.popup-inventory{background:#fff;border-radius:5px;margin:70px auto;padding:20px;position:relative}.popup-batches{width:30%}@media(max-width:600px){.popup-batches,.popup-inventory{width:90%}}.login{display:grid;height:100vh;place-items:center;width:100%}.login:before{background-image:linear-gradient(180deg,rgba(0,0,0,.549),rgba(0,0,0,.549)),url(/static/media/pet4.bc083dd4828bd90a3afc.jpg);background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.form-container-login{display:grid;grid-template-rows:auto 1fr auto;width:300px}.form-login{background-color:#2e2d2d;border-radius:10px;display:flex;flex-direction:column;opacity:.7;padding:20px}.label-login{color:#fff}.label-error,.label-login{display:block;font-size:var(--sm);margin-bottom:4px}.label-error{color:#f89292}.title-login{color:#fff;display:flex;font-size:var(--md);justify-content:center;margin-bottom:10px}:root{--white:#fff;--black:#000;--text-input-field:#dad8d8;--text:#585252;--principal-color:#4c2c69;--second-color:#f1f1f1;--third-color:#82d173;--light-color:#af81db;--hover-color:#fad764;--dark-color:#525353;--xs:12px;--sm:14px;--md:16px;--lg:18px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif}.popup-pet{background:#fff;border-radius:5px;margin:70px auto;padding:20px;position:relative;width:50%}.group-data-pet{grid-gap:5%;display:grid;gap:5%;grid-template-columns:1fr 1fr}.group-data-pet input,select,textarea{width:100%}.photo-file{background-color:#525353;background-color:var(--dark-color);border-radius:8px;font-size:12px;font-size:var(--xs);height:auto;padding:8px;width:auto}input::-webkit-file-upload-button{background-color:#dad8d8;background-color:var(--text-input-field);border:none;border-radius:8px;color:#000;font-size:12px;font-size:var(--xs);font-weight:#585252;font-weight:var(--text);margin-bottom:5px;padding:8px}input::file-selector-button{background-color:#dad8d8;background-color:var(--text-input-field);border:none;border-radius:8px;color:#000;font-size:12px;font-size:var(--xs);font-weight:#585252;font-weight:var(--text);margin-bottom:5px;padding:8px}.button-file{background-color:#525353;background-color:var(--dark-color);border-radius:8px;font-size:12px;font-size:var(--xs);padding:6px}.photo-preview{align-items:center;border:1px solid #dad8d8;border:1px solid var(--text-input-field);margin-top:10px}.photo-preview img{margin:5px;width:20%}.group-photo{align-items:center;display:flex;justify-content:space-around}@media(max-width:600px){.popup-pet{width:90%}.group-data-pet{gap:12px;grid-template-columns:1fr}}.print-4{background-color:#9ad457}body{font-family:Quicksand,sans-serif;margin:0}
/*# sourceMappingURL=main.04e8fa41.css.map*/