.customer-newcustomer,.customer-updatecustomer,.search-bar,.list{background-color:#f5f5f5;border-radius:10px;padding:20px;margin-bottom:0}.customer-newcustomer input,.customer-updatecustomer input,.search-bar input{padding:8px;border:1px solid #4d4c7d32;border-radius:5px;color:#363062}.customer-newcustomer button,.customer-updatecustomer button,.search-bar button{padding:10px 20px;background-color:#f99417;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-right:10px}.create-button,.update-button,.search-button,.reset-button{transition:background-color .3s ease}.create-button:hover,.update-button:hover,.search-button:hover{background-color:#f17c16}.reset-button{padding:10px 20px;background-color:#76abae;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.animal-newanimal,.animal-updateanimal,.search-bar,.list{background-color:#f5f5f5;border-radius:10px;padding:20px;margin-bottom:0}.search-bar-reset{background-color:#fff;border-radius:10px;padding:20px;margin-top:15px;align-items:center}.show-all{padding:10px 20px;background-color:#f99417;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-right:10px}.animal-newanimal input,.animal-updateanimal input,.search-bar input{padding:8px;border:1px solid #4d4c7d32;border-radius:5px;color:#363062}.animal-newanimal select,.animal-updateanimal select,.search-bar select{padding:8px;border:1px solid #4d4c7d32;border-radius:5px;color:#363062;margin-bottom:10px}.animal-newanimal button,.animal-updateanimal button,.search-bar button{padding:10px 20px;background-color:#f99417;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-right:10px}.animal-newanimal button:hover,.animal-updateanimal button:hover,.search-bar button:hover{background-color:#f17c16;transition:background-color .3s ease}.reset-button:hover{background-color:#363062}.search-bar-animal{display:flex;justify-content:center;gap:20px;margin-top:13px}.doctor-newdoctor,.doctor-updatedoctor,.search-bar,.list{background-color:#f5f5f5;border-radius:10px;padding:20px;margin-bottom:0}.doctor-newdoctor input,.doctor-updatedoctor input,.search-bar input{padding:8px;border:1px solid #4d4c7d32;border-radius:5px;color:#363062}.doctor-newdoctor button,.doctor-updatedoctor button,.search-bar button{padding:10px 20px;background-color:#f99417;color:#fff;border:none;border-radius:5px;cursor:pointer}.doctor-newdoctor button:hover,.doctor-updatedoctor button:hover{background-color:#f17c16}.available-date-h1{color:#363062;margin-bottom:20px}.availabledate-buttons{display:flex;justify-content:space-between}.available-h3{color:#363062;margin-bottom:10px}.availabledate-newawailabledate,.availabledate-updateavailabledate,.search-bar{background-color:#f5f5f5;border-radius:10px;padding:20px;margin-bottom:20px}.availabledate-newawailabledate input,.availabledate-updateavailabledate input,.search-bar input{padding:8px;border:1px solid #4d4c7d32;border-radius:5px;color:#363062}.availabledate-newawailabledate select,.availabledate-updateavailabledate select,.search-bar select{padding:8px;border:1px solid #4d4c7d32;border-radius:5px;color:#363062;width:100%;margin-bottom:10px}.availabledate-newawailabledate button,.availabledate-updateavailabledate button,.search-bar button,.reset-available button{padding:10px 20px;background-color:#f99417;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-right:10px}.reset-available{align-items:center;padding-top:70px}.availabledate-newawailabledate button:hover,.availabledate-updateavailabledate button:hover,.search-bar button:hover,.reset-available button:hover{background-color:#f17c16}.reset{padding:10px 20px;background-color:#76abae;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.reset:hover{background-color:#363062}.list{margin-top:15px}.appointment-newappointment,.appointment-updateappointment,.search-bar,.list{background-color:#f5f5f5;border-radius:10px;padding:10px}.appointment-newappointment input,.appointment-updateappointment input,.search-bar input{padding:8px;border:1px solid #4d4c7d32;border-radius:5px;color:#363062}.appointment-newappointment select,.appointment-updateappointment select,.search-bar select{padding:8px;border:1px solid #4d4c7d32;border-radius:5px;color:#363062;width:20%;margin-bottom:10px}.appointment-newappointment button,.appointment-updateappointment button,.search-bar button{padding:10px 20px;background-color:#f99417;color:#fff;border:none;border-radius:5px;cursor:pointer}.appointment-newappointment button:hover,.appointment-updateappointment button:hover,.search-bar button:hover{background-color:#f17c16}.search-bar-appointment{background-color:#f5f5f5;padding-bottom:10px;border-radius:10px}.vaccine-newvaccine,.vaccine-updatevaccine,.search-bar,.list{background-color:#f5f5f5;border-radius:10px;padding:10px}.vaccine-newvaccine input,.vaccine-updatevaccine input,.search-bar input{padding:8px;border:1px solid #4d4c7d32;border-radius:5px;color:#363062}.vaccine-newvaccine select,.vaccine-updatevaccine select,.search-bar select{padding:8px;border:1px solid #4d4c7d32;border-radius:5px;color:#363062;width:20%;margin-bottom:10px}.vaccine-newvaccine button,.vaccine-updatevaccine button,.search-bar button{padding:10px 20px;background-color:#f99417;color:#fff;border:none;border-radius:5px;cursor:pointer}.vaccine-newvaccine button:hover,.vaccine-updatevaccine button:hover,.search-bar button:hover{background-color:#f17c16}.search-bar-vaccine{display:flex;justify-content:center;background-color:#f5f5f5;padding-bottom:10px;margin-top:13px}.reset-button{background-color:#f99417;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-left:20px;margin-right:20px}.reset-button:hover{background-color:#ffd166;transition:background-color .3s ease}.reset-show{background-color:#f5f5f5;padding-bottom:20px}.list{margin-top:1px;max-width:100%;padding:20px}table th,table td{padding:8px;text-align:left;border-bottom:1px solid #dddddd75;text-decoration:underline;text-decoration-color:#36306237;color:#363062}.container{width:100%;max-width:1400px;margin:0 auto}h1,h2,h3,h4{color:#363062;margin-bottom:5px}.report-newreport,.report-updatereport,.search-bar,.list{background-color:#f5f5f5;border-radius:10px;padding:10px}.report-newreport input,.report-updatereport input,.search-bar input{padding:8px;border:1px solid #4d4c7d32;border-radius:5px;color:#363062}::placeholder{color:#4d4c7d73;padding:2px}.report-newreport select,.report-updatereport select,.search-bar select{padding:8px;border:1px solid #4d4c7d32;border-radius:5px;color:#363062;width:20%;margin-bottom:10px}.report-newreport button,.report-updatereport button,.search-bar button{padding:10px 20px;background-color:#f99417;color:#fff;border:none;border-radius:5px;cursor:pointer}.reset{padding:10px 20px;background-color:#f99417;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:20px}.reset:hover{background-color:#ffd166;transition:background-color .3s ease}.report-newreport button:hover,.report-updatereport button:hover,.search-bar button:hover{background-color:#f17c16}.list{margin-top:15px;max-width:100%;padding:20px}.list div{background-color:#fff;margin-bottom:10px;border:1px solid #4d4c7d32;border-radius:5px;box-shadow:0 2px 4px #0000001a}.list div span{cursor:pointer}.list div span:hover{color:#76abae}.table-container{max-width:100%;margin:auto;overflow-x:auto}table{width:100%;border-collapse:collapse}table th,table td{padding:8px;text-align:left;border-bottom:1px solid #dddddd75}table th{background-color:#36306237;color:#363062e3}*{margin:0;padding:0;box-sizing:border-box;text-align:center}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 70px);background-image:linear-gradient(321deg,#fff,#76abae);overflow:hidden}.logo{font-size:160px;color:#76abae}.home-text{color:#363062e3;margin-top:10px;margin-bottom:20px}.login-button{padding:10px 20px;font-size:16px;background-color:#76abae;color:#fff;border:none;border-radius:5px;text-decoration:none;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#363062}*{font-family:Arial,Helvetica,sans-serif}