.navbar{background-color:#202c39;padding:15px 0;display:flex;box-shadow:10px;justify-content:space-evenly;align-items:center}.nav-link,.nav-user{text-decoration:none;color:#fff;font-size:16px;padding:10px 15px}.nav-icon{vertical-align:middle;padding-bottom:6px}.nav-logo{display:flex;align-items:center;gap:5px}*{margin:0}.signupBox{margin:3%;padding:2%;background-color:#d9d9d9;border-radius:5px}#signupFormWrapper{display:flex;flex-direction:row;justify-content:center}.signupFormSubwrap{display:flex;flex-direction:column;margin:2%}#signupFormSubwrap1{flex:0 0 60%}#signupFormSubwrap2{flex:0 0 20%;display:flex;align-items:center;justify-content:center}.signupFormInput{margin-bottom:.5rem!important}.loginBox{margin:3%;padding:2%;background-color:#d9d9d9;border-radius:5px}#loginFormWrapper{display:flex;flex-direction:row;justify-content:center}.loginFormSubwrap{display:flex;flex-direction:column;margin:2%}#loginFormSubwrap1{flex:0 0 60%}#loginFormSubwrap2{flex:0 0 20%;display:flex;align-items:center;justify-content:center}.loginFormInput{margin-bottom:.5rem!important}#content{justify-content:center;margin:3%}#top{display:flex;flex-direction:row;justify-content:space-between}.filterForm{width:20%}#pets_wrapper{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.card_content{display:flex;flex-direction:column}.card_bottom{display:flex;flex-direction:row;width:100%;justify-content:space-between;margin-top:5%}.card_bottom_button{margin-top:auto;margin-left:auto;text-align:left;justify-content:left}.info_button{margin-top:auto;margin-left:auto}.info_button:hover{cursor:pointer}.pet_image_wrapper{flex:0 0 50%;width:250px;height:250px;padding:0;text-align:center;background-color:red}.pet_image{display:flex;border-radius:10px;width:250px}#formlist_container{margin:3%;padding:30px;background-color:#cfd6dc;border-radius:10px}table{width:100%;border-collapse:collapse;border-radius:5px;overflow:hidden}th{text-align:center;padding:12px;font-weight:700;border-bottom:1px solid black}td{text-align:center;padding:10px;border-bottom:1px solid black}button{padding:5px 10px;border:1px solid black;background-color:#d9d9d9;border-radius:5px;cursor:pointer}.wrapForm{display:flex;align-items:center;justify-content:space-between}.wrapText{flex:1;margin-right:8px}.button{background-color:#3f51b5;color:#fff}.messageContainer{align-items:center;padding:0 8px;margin-bottom:10px}.myMessage{justify-content:flex-end;display:flex;align-items:flex-end;flex-direction:column;text-align:right}.otherMessage{justify-content:flex-start}.styledMessage{padding:0;margin:0;color:"white"}.timeStamp{color:"gray"}.messageBlue{position:relative;margin-left:20px;margin-bottom:10px;max-width:40%;width:fit-content;word-wrap:break-word;overflow-wrap:break-word;padding:10px 20px 10px 15px;background-color:#a8ddfd;text-align:left;font:400 .9em Open Sans,sans-serif;border:1px solid #97C6E3;border-radius:10px}.messageBlue:after{content:"";position:absolute;width:0;height:0;border-top:15px solid #A8DDFD;border-left:15px solid transparent;border-right:15px solid transparent;top:0;left:-15px}.messageBlue:before{content:"";position:absolute;width:0;height:0;border-top:17px solid #97C6E3;border-left:16px solid transparent;border-right:16px solid transparent;top:-1px;left:-17px}.messageOrange{position:relative;margin-right:20px;margin-bottom:10px;max-width:40%;padding:10px 15px 10px 20px;background-color:#f8e896;word-wrap:break-word;overflow-wrap:break-word;float:right;width:fit-content;text-align:left;font:400 .9em Open Sans,sans-serif;border:1px solid #dfd087;border-radius:10px}.messageOrange:after{content:"";position:absolute;width:0;height:0;border-top:15px solid #f8e896;border-left:15px solid transparent;border-right:15px solid transparent;top:0;right:-15px}.messageOrange:before{content:"";position:absolute;width:0;height:0;border-top:17px solid #dfd087;border-left:16px solid transparent;border-right:16px solid transparent;top:-1px;right:-17px}.allMessagesContainer{overflow-y:auto;display:flex;flex-direction:column;height:auto;scroll-behavior:smooth}.chatFrame{justify-content:center;margin-left:10%;margin-right:10%;margin-top:5px;max-height:575px;display:flex;flex-direction:column;box-shadow:0 5px 5px #cfd6dc;padding:1%}#content{justify-content:center;margin:3%;display:flex;flex-direction:column}#top{display:flex;flex:0 0 30%;flex-direction:row;margin-bottom:3%;justify-content:space-between}#forms_wrapper{display:flex;flex:0 0 40%}#forms_table_container,#pets_table_container,#fosterexp_table_container{padding:30px;background-color:#cfd6dc}#forms_table,#pets_table,#fosterexp_table{border-collapse:separate;border-radius:5px}.forms_table_cell,.pets_table_cell,.fosterexp_table_cell{border-top:1px solid black;border-left:hidden;border-right:hidden;border-bottom:hidden}#forms_firstrow,#pets_firstrow,#fosterexp_firstrow{border-top:hidden}#open_form_button:hover,#open_pet_button:hover,#fosterexp_button:hover{cursor:pointer}#pets_wrapper{display:flex;flex:0 0 57%}.pet_image_cell{width:10%}.pet_image_wrapper{width:auto;height:auto;background-color:transparent;align-content:left}.pet_image{width:100px;margin-right:auto;margin-left:0}#fosterexp_wrapper{display:flex;flex:0 0 auto}.viewBox{margin:3%;padding:2%;background-color:#d9d9d9;border-radius:10px}#viewFormWrapper{display:flex;flex-direction:row;justify-content:center}.viewFormSubwrap{display:flex;flex-direction:column;margin:2%}#viewFormSubwrap1{flex:0 0 70%}#viewFormSubwrap3{flex:0 0 20%;display:flex;align-items:center;justify-content:center}.viewFormPaper{padding:1rem}.actionButtons{margin-top:20px;display:flex;justify-content:center;gap:15px}.equalHeightCard{display:flex;flex-direction:column;height:100%}.Box{margin:3%;padding:2%;background-color:#cfd6dc;border-radius:5px}#wrapper{display:flex;flex-direction:column}#top_wrapper{display:flex;flex-direction:row;flex:0 0 20%}#image_wrapper{flex:0 0 40%;width:100%}#image{width:60%;border-radius:5px}#employee_buttons{flex:0 0 60%;text-align:right}#bottom_wrapper{display:flex;flex-direction:row;flex:0 0 80%;justify-content:space-between}#col1,#col2,#col3{display:flex;flex-direction:column;flex:0 0 25%}#col3{flex:0 0 50%;flex-direction:row;margin-top:auto}.actionButton{width:50%!important}.Box{margin:3%;padding:2%;background-color:#d9d9d9;border-radius:5px}.formcol{display:flex;flex-direction:column;margin:2%}#formcol1,#formcol2{flex:0 0 30%}#formcol3{display:flex;flex-direction:row;flex:0 0 25%;margin-top:auto;width:100%}#toggle{border:hidden;justify-content:left;padding-left:0;background-color:transparent}#imagediv{text-align:center}#image{width:50%}.Box{margin:3% 7%;padding:2%;background-color:#d9d9d9;border-radius:10px}#formwrapper{display:flex;flex-direction:row;justify-content:center}.formsubwrap{display:flex;flex-direction:column;margin:2%}#formsubwrap1,#formsubwrap2{flex:0 0 40%}#formsubwrap3{flex:0 0 10%;margin-top:auto}#toggle{border:hidden;justify-content:left;padding-left:0}#toggle:hover{background-color:transparent}.formInput{margin-bottom:1rem!important}