@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);nav{background-color:#af81db;background-color:var(--light-color);display:flex;font-size:16px;font-size:var(--md);justify-content:space-between;padding:10px 24px 10px 10px}.navbar-left label{color:#fff;color:var(--white);margin-left:10px}.nav-logo,.nav-user{height:30px;width:30px}.navbar-left,.navbar-right{align-items:center;display:flex;justify-content:center}.navbar-right label{color:#fff;color:var(--white)}.dropbtn{background-color:#af81db;background-color:var(--light-color);border:none;cursor:pointer;margin-left:10px}.dropbtn-filter{background-color:#82d173;background-color:var(--third-color);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:14px;font-size:var(--sm);font-weight:700;padding:10px}.dropdown{display:inline-block;position:relative}.dropdown-content{right:0}.dropdown-content,.dropdown-filter{background-color:#f9f9f9;box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;position:absolute;z-index:1}.dropdown-filter{left:0}.dropdown-content a,.dropdown-filter a{color:#000;display:block;font-size:14px;font-size:var(--sm);padding:12px 16px;text-decoration:none}.dropdown-content a:hover,.dropdown-filter a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content,.dropdown:hover .dropdown-filter{display:block}.main-container{display:flex;height:89vh;width:100%}.second-container{align-items:flex-start;display:flex;height:auto;justify-content:center;width:100%}.form-container{grid-template-columns:90%;justify-content:center;margin-top:20px}.form,.form-container{display:grid;width:100%}.form{grid-template-columns:auto}.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{background-color:#af81db;background-color:var(--light-color)}.primary-button,.secondary-button{border-radius:8px;font-size:14px;font-size:var(--sm);height:40px;width:40%}.secondary-button{background-color:#525353;background-color:var(--dark-color)}.validate-button{background-color:#babbbb;border-radius:5px;font-size:14px;font-size:var(--sm);height:25px;width:15%}.sidebar{background-color:#f1f1f1;background-color:var(--second-color);font-size:16px;font-size:var(--md);height:auto;width:20%}.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:10px}.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}.footer{background-color:#525353;background-color:var(--dark-color);height:auto;padding-bottom:15px;padding-top:15px;width:100%}.social-footer{color:#fff;color:var(--white);display:grid;font-size:14px;font-size:var(--sm);grid-template-columns:repeat(4,auto);grid-template-rows:2}.social-footer a,.social-item{align-items:center;display:flex;justify-content:center}.social-footer a{color:#fff;color:var(--white);cursor:pointer;font-size:14px;font-size:var(--sm);text-decoration:none}.social-footer a label{cursor:pointer;margin-left:10px}.icon-footer{height:20px;width:20px}.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:14px;font-size:var(--sm);margin-bottom:4px}.label-error{color:#f89292}.title-login{color:#fff;display:flex;font-size:16px;font-size:var(--md);justify-content:center;margin-bottom:10px}.form-container-list{height:80%;margin-top:20px;width:90%}.table{border-collapse:collapse;font-size:14px;font-size:var(--sm);margin-top:20px;text-align:center}.table tr:nth-child(2n){background-color:#f2f2f2}.table td,.table th{border-bottom:1px solid #ddd;padding:10px}.button-edit{background-color:#525353;background-color:var(--dark-color)}.button-delete,.button-edit{border-radius:8px;font-size:12px;font-size:var(--xs);height:auto;padding:8px;text-decoration:none;width:auto}.button-delete{background-color:#dad8d8;background-color:var(--text-input-field);color:#000;color:var(--black);margin-left:10px}.button-new{background-color:#af81db;background-color:var(--light-color);border-radius:8px;height:auto;padding:8px;text-decoration:none;width:auto}.button-new,.input-inset{font-size:14px;font-size:var(--sm)}.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;line-height:1.5;padding:.5em 1em .5em 2.5em;width:30%}.input-inset::placeholder{color:#838d99}.input-inset:focus{border:1px solid #fad764;border:1px solid var(--hover-color);outline:none}.table-header{margin-top:10px}.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:-moz-fit-content;width:fit-content}.table-header-history button{width:100px}.table-header-history input,.table-header-history select{width:200px}.overlay{background:#000000b3;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .5s;visibility:hidden;z-index:3}.overlay:target{opacity:1;visibility:visible}.popup{width:40%}.popup-delete{background:#fff;border-radius:5px;margin:70px auto;padding:20px;position:relative;text-align:center;transition:all 5s ease-in-out;width:30%}.popup-header{align-items:center;display:flex;justify-content:space-between}.popup-header-tables{align-items:start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;margin-bottom:15px}.close{color:#333;font-size:30px;font-weight:700;text-decoration:none;transition:all .2s}.content{max-height:30%;overflow:auto}.content-delete label{display:block;justify-content:center;margin-bottom:10px}.close:hover{color:#f71717}.header-delete{justify-content:flex-end}.header-delete,.preview-pet{align-items:center;display:flex}.preview-pet{border:1px solid #f1f1f1;border:1px solid var(--second-color);height:auto;justify-content:center;margin-bottom:10px;margin-top:5px;width:100%}.preview-pet img{width:30%}.container-calendar{height:80vh;justify-content:center;width:100vh}.label-check{display:block;font-size:14px;font-size:var(--sm);justify-content:center;margin-bottom:5px;text-align:left}.container-check{margin-bottom:8px;margin-top:3px}.group-data-care{display:grid;grid-template-columns:auto auto auto}.popup{background:#fff;border-radius:5px;margin:70px auto;padding:20px;position:relative;transition:all 5s ease-in-out}.popup-medical{width:65%}.popup-care{width:50%}.label-care{margin-top:10px}.group-checkbox,.label-care{margin-bottom:10px}.group-inventory{align-items:center;display:flex;gap:10px;justify-content:flex-start;margin-top:10px;text-align:center}.table-inventory{border-collapse:collapse;border-radius:8px;font-size:14px;font-size:var(--sm);margin-bottom:10px;margin-top:10px;text-align:center;width:100%}.table-inventory thead{background-color:#525353;color:#fff}.table-inventory tbody tr:nth-child(2n){background-color:#f2f2f2}.table-inventory td,.table-inventory th{padding:8px 10px}.input-table{width:100%}.add-row{background-color:#82d173;background-color:var(--third-color);border:none;border-radius:10px;color:#fff;color:var(--white);font-size:18px;font-size:var(--lg);font-weight:700;margin-top:6px;width:30px}.text-wait{color:#f88c34;font-weight:700}.text-check{color:#82d173;color:var(--third-color);font-weight:700}.text-cancel{color:#696767;font-weight:700}.contentPhotos{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.columnPhoto{width:50%}.options-vaccine{align-items:center;display:flex;gap:15px;justify-content:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.options-vaccine input,.options-vaccine select{width:200px}.options-vaccine-second{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1.5rem}.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;margin-top:10px}.tables-data-vaccine div{width:100%}.column1{grid-gap:15px;align-items:flex-start;display:grid;grid-template-columns:1fr 1fr}.column2{display:grid;grid-template-rows:auto}.errorMsg{color:red;font-size:12px;font-size:var(--xs);margin-bottom:12px;margin-top:-12px}.resume{font-weight:700;margin-bottom:10px}#dataclient input{width:100%}.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%}.custom-subheader{align-items:start;display:flex;justify-content:flex-start;padding:0;width:100%}.iIzCTJ{padding:0!important}.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:400px}: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;transition:all 5s ease-in-out;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}body{font-family:Quicksand,sans-serif;margin:0}
/*# sourceMappingURL=main.d353bbed.css.map*/