html,
body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  background: #eaeef1;
  width: 100%;
  height: 100%;
}
/* general new styles from insurance (no conflicts) */
.h3-title {
  font-size: 20px;
  line-height: 30px;
}
.h4-title {
  font-size: 18px;
  line-height: 26px;
}
.h1-title,
.h2-title,
.h3-title,
.h4-title,
.h5-title,
.h6-title {
  display: block;
  color: #333747;
  font-weight: 800;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  color: currentColor;
  line-height: 1em;
}
.form-select {
  display: block;
  height: 40px;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-position: right 0.75rem center;
  border: 1px solid #a3a3a3;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  appearance: none;
  background-size: 20px 9px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8"><path d="M4.576 7.3216C4.77184 7.63494 5.22817 7.63494 5.424 7.3216L9.52188 0.764998C9.73002 0.431974 9.49059 0 9.09788 0H0.902124C0.509406 0 0.269985 0.431975 0.478125 0.764999L4.576 7.3216Z" fill="%2329324C"/></svg>');
}
@font-face {
  font-family: "Icons";
  src: url("./fonts/Icons.eot");
  src: url("./fonts/Icons.eot?#iefix") format("eot"), url("./fonts/Icons.woff") format("woff"), url("./fonts/Icons.ttf") format("truetype"), url("./fonts/Icons.svg#Icons") format("svg");
}
.icon-phone:before {
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "\E00E";
}
.icon-email:before {
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "\E00A";
}
.btn__green {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  background: #50bc7d;
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  padding: 11px 32px 12px;
  max-width: 767px;
}
.btn__green-transparent {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  background: #fff;
  border: 2px solid #50bc7d;
  color: #50bc7d;
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
  padding: 15px;
  max-width: 767px;
}
.btn__green-transparent .icon {
  margin-right: 10px;
  font-size: 22px;
}
.btn__green-transparent:active,
.btn__green-transparent:hover,
.btn__green-transparent:focus {
  background-color: #50bc7d;
  color: #fff;
}
.btn__green .icon {
  font-size: 22px;
  margin-right: 12px;
}
.btn__green:active,
.btn__green:hover,
.btn__green:focus {
  background: #56cf88;
  color: #fff;
}
.btn__green-light {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  background: #50bc7d;
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  padding: 9px 32px;
  max-width: 767px;
}
.btn__green-light .icon {
  font-size: 22px;
  margin-right: 12px;
}
.btn__green-transparent:active,
.btn__green-transparent:hover,
.btn__green-transparent:focus {
  background-color: #50bc7d;
  color: #fff;
}
.btn__contact {
  border: 1.5px solid #4b5478;
  border-radius: 6px;
  background: #fff;
  color: #4b5478;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 22px;
  padding: 16px;
  max-width: 420px;
}
.btn__contact:hover,
.btn__contact:active,
.btn__contact:focus {
  background: #56cf88;
  color: #fff;
  border-color: #56cf88;
}
.btn__blue {
  border-radius: 6px;
  background: #43a0fc;
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 9px 20px;
}
.btn__blue:active,
.btn__blue:hover,
.btn__blue:focus {
  background: #5caef2 !important;
  color: #fff;
}
.custom-modal {
  padding: 30px !important;
  background-color: #fff !important;
  border-radius: 15px;
  margin: 15px;
  max-width: 500px !important;
}
.custom-modal .fancybox-button {
  display: none;
}
.insurance-content {
  min-height: auto;
  font-family: "Mulish", sans-serif !important;
}
.insurance-content .btn__blue {
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.insurance-content .h3-title {
  margin-bottom: 20px;
}
.insurance-content p {
  margin-bottom: 20px;
}
.insurance-content ul {
  margin: 0 0 32px 0;
  padding: 0;
}
.insurance-content ul li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  background: #333747;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.insurance-content li {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
  list-style-type: none;
  position: relative;
  padding-left: 18px;
  font-weight: 400;
}
.shadow-text {
  font-size: 12px;
  color: #82848f;
  line-height: 15px;
  font-weight: 500;
}
.tab__content {
  display: none;
}
/* end general new styles from insurance (no conflicts) */
/* new styles for Ads */
.ad-images {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ad-images .ad-image-display {
  padding-right: 20px;
  padding-bottom: 10px;
}
.ad-images .ad-image-display a img {
  max-width: 150px;
  height: auto;
}
.panel {
  cursor: pointer;
}
.ad-image-pet {
  margin-top: 20px;
}
.ad-image-pet a img {
  width: 100%;
  height: auto;
}
/* end general new styles for Ads*/
.header {
  position: relative;
  padding: 0;
  margin: 0;
  z-index: 11;
  background: #eaeef1;
}
.header .row {
  padding-top: 18px;
}
.header .row .col-4 {
  font-size: 14px;
  font-weight: bold;
}
.header .row .col-4 a,
.header .row .col-4 a:hover {
  position: relative;
  top: 10px;
}
.header .row a {
  text-decoration: none;
  color: #000000;
}
.header .row a:hover {
  color: #000000;
  text-decoration: underline;
}
.header .container {
  padding: 0 15px;
}
.header .container .navbar {
  padding: 12px 0;
}
.header .container .navbar li {
  padding: 0px 18px;
}
.header .container .navbar a {
  text-decoration: none;
  color: #000000;
}
.header .container .navbar a:hover {
  color: #000000;
  font-weight: bold;
}
.header .container .navbar .nav-item-hide {
  display: none;
}
.header .container .navbar li.active a {
  color: #a1c281;
  font-weight: bold;
}
.header .container .navbar li.active a,
.header .container .navbar li.active a:hover {
  cursor: default;
  text-decoration: none;
}
.header .container .navbar .btn-outline-dark {
  margin-left: 30px;
}
.header .container .navbar .dropdown-menu {
  width: 164px;
  margin-right: 15px;
  margin-top: 5px;
  border: 0;
  border-radius: 10px;
}
a {
  color: #47a88b;
}
a:hover {
  color: #47a88b;
}
.pop-tag {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  width: 510px;
  height: fit-content;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 10px 30px 0px rgba(41, 50, 76, 0.15);
  flex-shrink: 0;
  display: none;
}
.content-tag-1 {
  color: #29324c;
  text-align: center;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding-top: 40px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.content-tag-2 {
  display: flex;
  align-content: center;
  color: #29324c;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  margin-top: 20px;
  margin-bottom: 40px;
  justify-content: center;
}
@media screen and (max-width: 590px) {
  .pop-tag {
    width: 60%;
  }
  .content-tag-1,
  .content-tag-2 {
    font-size: 12px;
  }
  .content-tag-1 span,
  .content-tag-2 span {
    margin: 0 10px;
  }
  .header .navbar .navbar-nav {
    padding-top: 10px;
    text-align: center;
  }
  .header .navbar .navbar-nav .nav-item-hide {
    display: block;
  }
  .header .navbar .text-right {
    position: absolute;
    top: 20px;
  }
  .header .navbar .text-right a:first-of-type {
    margin-right: 20px;
  }
  .header .navbar .text-right .btn-outline-dark {
    display: none;
  }
}
.home .leadHeader {
  margin-top: 74px;
  font-size: 26px;
  line-height: 26px;
}
.home .leadAccountInfo {
  margin-top: 36px;
  font-size: 14px;
  padding-bottom: 2em;
}
.home .leadAccountInfo a {
  text-decoration: none;
  color: #2d6f8f;
}
.home .leadAccountInfo a:hover {
  text-decoration: underline;
  color: #2d6f8f;
}
.register {
  background: white;
  border-radius: 32px;
  width: 325px;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 16px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  color: #212529;
}
input.register {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 32px;
  width: 284px;
  font-size: 16px;
  color: #000;
  border: 3px solid #ffffff;
  padding-left: 20px;
  outline: none;
}
select.register {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 32px;
  font-size: 16px;
  color: #000;
  border: 3px solid #ffffff;
  padding-left: 20px;
  outline: none;
}
select.register option {
  color: #000;
}
.sliderAnimalBoxInfo {
  width: 100%;
  padding-bottom: 130px;
  background: #fcb946;
}
.sliderAnimalBoxInfoRow {
  padding-top: 60px;
}
.sliderAnimalBoxInfoLead {
  font-size: 20px;
  font-weight: bold;
  color: #29324c;
}
.sliderAnimalBoxInfoDesc {
  padding-top: 15px;
  font-size: 16px;
  color: #29324c;
}
/** Registered User **/
.userregistration,
.usersign-in,
.vetsign-in,
.vetregister,
.vetthank-you,
.useractivate,
.userforgot-password,
.userforgot-password-email,
.userreset-password,
.vetforgot-password,
.vetforgot-password-email,
.vetreset-password,
.home {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/background/back1.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-size: 14px;
  color: #fff;
}
.userregistration .header,
.usersign-in .header,
.vetsign-in .header,
.vetregister .header,
.vetthank-you .header,
.useractivate .header,
.userforgot-password .header,
.userforgot-password-email .header,
.userreset-password .header,
.vetforgot-password .header,
.vetforgot-password-email .header,
.vetreset-password .header,
.home .header {
  background: transparent;
}
.userregistration .header a,
.usersign-in .header a,
.vetsign-in .header a,
.vetregister .header a,
.vetthank-you .header a,
.useractivate .header a,
.userforgot-password .header a,
.userforgot-password-email .header a,
.userreset-password .header a,
.vetforgot-password .header a,
.vetforgot-password-email .header a,
.vetreset-password .header a,
.home .header a,
.userregistration .header a:hover,
.usersign-in .header a:hover,
.vetsign-in .header a:hover,
.vetregister .header a:hover,
.vetthank-you .header a:hover,
.useractivate .header a:hover,
.userforgot-password .header a:hover,
.userforgot-password-email .header a:hover,
.userreset-password .header a:hover,
.vetforgot-password .header a:hover,
.vetforgot-password-email .header a:hover,
.vetreset-password .header a:hover,
.home .header a:hover {
  color: white;
}
.userregistration a,
.usersign-in a,
.vetsign-in a,
.vetregister a,
.vetthank-you a,
.useractivate a,
.userforgot-password a,
.userforgot-password-email a,
.userreset-password a,
.vetforgot-password a,
.vetforgot-password-email a,
.vetreset-password a,
.home a {
  text-decoration: none;
  color: #ffffff;
}
.userregistration a:hover,
.usersign-in a:hover,
.vetsign-in a:hover,
.vetregister a:hover,
.vetthank-you a:hover,
.useractivate a:hover,
.userforgot-password a:hover,
.userforgot-password-email a:hover,
.userreset-password a:hover,
.vetforgot-password a:hover,
.vetforgot-password-email a:hover,
.vetreset-password a:hover,
.home a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.userregistration .leadHeader,
.usersign-in .leadHeader,
.vetsign-in .leadHeader,
.vetregister .leadHeader,
.vetthank-you .leadHeader,
.useractivate .leadHeader,
.userforgot-password .leadHeader,
.userforgot-password-email .leadHeader,
.userreset-password .leadHeader,
.vetforgot-password .leadHeader,
.vetforgot-password-email .leadHeader,
.vetreset-password .leadHeader,
.home .leadHeader {
  margin-top: 88px;
  font-size: 26px;
  line-height: 26px;
}
.userregistration .regInfo,
.usersign-in .regInfo,
.vetsign-in .regInfo,
.vetregister .regInfo,
.vetthank-you .regInfo,
.useractivate .regInfo,
.userforgot-password .regInfo,
.userforgot-password-email .regInfo,
.userreset-password .regInfo,
.vetforgot-password .regInfo,
.vetforgot-password-email .regInfo,
.vetreset-password .regInfo,
.home .regInfo {
  margin-top: 20px;
  margin-bottom: 20px;
}
.userregistration .fbButton,
.usersign-in .fbButton,
.vetsign-in .fbButton,
.vetregister .fbButton,
.vetthank-you .fbButton,
.useractivate .fbButton,
.userforgot-password .fbButton,
.userforgot-password-email .fbButton,
.userreset-password .fbButton,
.vetforgot-password .fbButton,
.vetforgot-password-email .fbButton,
.vetreset-password .fbButton,
.home .fbButton {
  margin-top: 10px;
}
.userregistration input.register,
.usersign-in input.register,
.vetsign-in input.register,
.vetregister input.register,
.vetthank-you input.register,
.useractivate input.register,
.userforgot-password input.register,
.userforgot-password-email input.register,
.userreset-password input.register,
.vetforgot-password input.register,
.vetforgot-password-email input.register,
.vetreset-password input.register,
.home input.register {
  width: 325px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.userregistration .regInfoMore,
.usersign-in .regInfoMore,
.vetsign-in .regInfoMore,
.vetregister .regInfoMore,
.vetthank-you .regInfoMore,
.useractivate .regInfoMore,
.userforgot-password .regInfoMore,
.userforgot-password-email .regInfoMore,
.userreset-password .regInfoMore,
.vetforgot-password .regInfoMore,
.vetforgot-password-email .regInfoMore,
.vetreset-password .regInfoMore,
.home .regInfoMore {
  margin-top: 30px;
  margin-bottom: 30px;
}
.userregistration .leadAccountInfo,
.usersign-in .leadAccountInfo,
.vetsign-in .leadAccountInfo,
.vetregister .leadAccountInfo,
.vetthank-you .leadAccountInfo,
.useractivate .leadAccountInfo,
.userforgot-password .leadAccountInfo,
.userforgot-password-email .leadAccountInfo,
.userreset-password .leadAccountInfo,
.vetforgot-password .leadAccountInfo,
.vetforgot-password-email .leadAccountInfo,
.vetreset-password .leadAccountInfo,
.home .leadAccountInfo {
  margin-top: 16px;
  font-size: 14px;
}
.userregistration .leadAccountInfo a,
.usersign-in .leadAccountInfo a,
.vetsign-in .leadAccountInfo a,
.vetregister .leadAccountInfo a,
.vetthank-you .leadAccountInfo a,
.useractivate .leadAccountInfo a,
.userforgot-password .leadAccountInfo a,
.userforgot-password-email .leadAccountInfo a,
.userreset-password .leadAccountInfo a,
.vetforgot-password .leadAccountInfo a,
.vetforgot-password-email .leadAccountInfo a,
.vetreset-password .leadAccountInfo a,
.home .leadAccountInfo a {
  text-decoration: none;
  color: #fcca46;
}
.userregistration .leadAccountInfo a:hover,
.usersign-in .leadAccountInfo a:hover,
.vetsign-in .leadAccountInfo a:hover,
.vetregister .leadAccountInfo a:hover,
.vetthank-you .leadAccountInfo a:hover,
.useractivate .leadAccountInfo a:hover,
.userforgot-password .leadAccountInfo a:hover,
.userforgot-password-email .leadAccountInfo a:hover,
.userreset-password .leadAccountInfo a:hover,
.vetforgot-password .leadAccountInfo a:hover,
.vetforgot-password-email .leadAccountInfo a:hover,
.vetreset-password .leadAccountInfo a:hover,
.home .leadAccountInfo a:hover {
  text-decoration: underline;
  color: #fcca46;
}
#popupContainer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(41, 50, 76, 0.8);
  z-index: 62;
}
#popupContainer .container {
  height: 100%;
}
#popupContainer .container .card {
  width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  text-align: center;
}
#popupContainer .container .card input {
  font-weight: bold;
}
#popupContainer .container .card h2 {
  padding-top: 40px;
}
#popupContainer .container .card label {
  padding-top: 50px;
  font-size: 16px;
  opacity: 0.7;
}
#popupContainer .container .card div p.error {
  font-size: 14px;
  display: none;
  color: #fb555b;
  border: 0;
}
#popupContainer .container .card .btn-primary {
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 30px;
  width: 60%;
}
#popupContainer .container .card p {
  padding: 7px 10%;
  padding-top: 17px;
}
#popupContainer .container .card p.foot {
  border-top: 1px solid #eaeef1;
}
#popupContainer .container .card p strong {
  margin-left: 18px;
}
#popupContainer a.cross {
  position: absolute;
  top: 24px;
  right: 26px;
  color: #29324c;
  opacity: 0.5;
  cursor: pointer;
}
#popupContainer input[type="email"] {
  font-size: 1.1rem;
  font-weight: bold;
  padding: 10px 15px;
  text-align: center;
  border-radius: 30px;
  width: 60%;
  border: 1px solid #ccc;
}
.block {
  display: block;
}
.useractivate form {
  padding-top: 5em;
  padding-bottom: 10em;
}
.useractivate .bg3 {
  background-color: #eaeef1;
}
.home .homepageHeader {
  color: #fff;
  padding-bottom: 10em;
}
.home .homepageHeader h1 {
  padding-top: 6em;
}
.home .homepageHeader .btn {
  color: black;
  border-radius: 20px;
  font-size: 0.7em;
  padding: 0.7em 2em;
}
@media screen and (max-width: 992px) {
  .add-treatment-container .logo {
    position: relative;
    top: -50px;
  }
  .add-treatment-container .date-buttons {
    padding-bottom: 40px !important;
  }
  .title .container .nav-action-buttons-row {
    flex-direction: column;
  }
  .title .container .nav-action-buttons-row .nav-action-buttons {
    margin: 0 !important;
  }
  .title .container .nav-action-buttons-row .nav-action-buttons a {
    margin: 0 150px 10px 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .home .homepageHeader {
    padding-bottom: 4em;
  }
  .home .homepageHeader h1 {
    padding-top: 2em;
  }
  .pet-profile-container .profile-img img {
    border-radius: 10px 10px 0 0 !important;
  }
  .pet-profile-container .profile-img .qr-container p {
    border-radius: 0 !important;
  }
  .insurance-company {
    margin-bottom: 96px !important;
  }
  .insurance-company #insurance-company-img {
    bottom: -60px !important;
    left: 0;
  }
  .registered-council {
    margin-bottom: 96px !important;
  }
  .registered-council #council-img {
    bottom: -60px !important;
    left: 0;
  }
  .buttons {
    text-align: center;
  }
  .buttons .btn-primary {
    margin-bottom: 10px;
  }
  .buttons .btn-default {
    display: block;
    margin: 0 auto !important;
  }
  .date-buttons .btn-square {
    margin-bottom: 35px;
  }
  .title .container .text-right {
    text-align: center !important;
  }
  #treatment-history .col-md-4 {
    margin-bottom: 10px;
  }
  #treatment-history .col-md-4 a {
    display: block;
    margin-bottom: 20px !important;
  }
  #treatment-history .div-table .div-table-row {
    position: relative;
    border-bottom: 1px solid #c6c7ce;
  }
  #treatment-history .div-table .div-table-row a {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  #records .div-table .div-table-row {
    position: relative;
    border-bottom: 1px solid #c6c7ce;
  }
  #records .div-table .div-table-row a {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
}
/** Registered ---- **/
.registerHeader {
  width: 100%;
  background-image: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/background/back2.png");
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 18px;
  font-size: 14px;
  color: #ffffff;
}
.registerHeader a {
  text-decoration: none;
  color: #ffffff;
}
.registerHeader a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.registerHeader .steps {
  font-size: 13px;
  margin-top: 50px;
}
.registe.copy-r {
  padding-top: 26px;
  color: #eaeef1;
  font-size: 13px;
  opacity: 0.5;
}
.registe.links {
  padding-top: 36px;
  color: #eaeef1;
  font-size: 13px;
  opacity: 0.5;
}
.registe.links a {
  padding-left: 40px;
  text-decoration: none;
  color: #eaeef1;
}
.registe.links a:hover {
  text-decoration: underline;
  color: #eaeef1;
}
.registerHeader .emailForm {
  margin-top: 20px;
}
.registerHeader .passwordForm {
  margin-top: 20px;
}
.registerHeader .divPersonal {
  margin-top: 20px;
}
.registerHeader .divPersonalInfo {
  background: #f4f6f8;
  border-radius: 10px;
  margin-left: 15px;
  padding-right: 20px;
}
.registerHeader .leadAccountInfo a.tac {
  text-decoration: none;
  color: #fcca46;
}
.registerHeader .leadAccountInfo a.tac:hover {
  color: #fcca46;
  text-decoration: underline;
}
.registerHeader .leadHeader {
  margin-top: 25px;
  font-size: 26px;
  line-height: 26px;
}
.registerHeader .leadData {
  margin-top: 25px;
  font-size: 13px;
}
.registerHeader .leadAccountInfo {
  margin-top: 36px;
  font-size: 14px;
}
.registerHeader .leadAccountInfo a {
  text-decoration: none;
  color: #2d6f8f;
}
.registerHeader .leadAccountInfo a:hover {
  text-decoration: underline;
  color: #2d6f8f;
}
.registerHeader .sliderInfo {
  width: 100%;
  background: #fcb946;
}
.registerHeader .sliderInfoRow {
  padding-top: 60px;
}
.registerHeader .sliderInfoRowLead {
  font-size: 20px;
  font-weight: bold;
}
.registerHeader .sliderInfoRowDesc {
  padding-top: 15px;
  font-size: 16px;
}
.btn-outline-primary,
.btn-outline-dark,
.btn-outline-primary:hover,
.btn-outline-dark:hover {
  border-radius: 25px;
  border-color: rgba(41, 50, 76, 0.5);
  border-width: 2px;
  padding: 4px 9px;
  height: 30px;
  background: none;
}
.btn-outline-primary .btn-user,
.btn-outline-dark .btn-user,
.btn-outline-primary:hover .btn-user,
.btn-outline-dark:hover .btn-user {
  float: left;
  width: 16px;
  height: 18px;
  margin-top: 1px;
  margin-right: 5px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/menu.png");
}
.btn-outline-primary .btn-arrow,
.btn-outline-dark .btn-arrow,
.btn-outline-primary:hover .btn-arrow,
.btn-outline-dark:hover .btn-arrow {
  float: right;
  width: 10px;
  height: 5px;
  margin-left: 16px;
  margin-top: 8px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/Arrow.png");
}
.btn-outline-primary,
.btn-outline-primary:hover {
  width: 171px;
  height: 44px;
  padding-top: 10px;
  border-color: #47a88b;
  color: #47a88b;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.btn-primary,
.btn-default {
  font-size: 18px;
  font-weight: bold;
}
.btn-primary a,
.btn-default a {
  color: inherit;
  text-decoration: inherit;
}
.btn-primary,
.btn-primary:hover {
  background: linear-gradient(0deg, #56c37c, #5ac77b);
  border-radius: 25px;
  padding: 7px 15px;
  min-width: 150px;
  border: 0;
}
.btn-blue {
  background: linear-gradient(0deg, #2d6f8f, #4689aa) !important;
}
.btn-call,
.btn-order,
.btn-confirm,
.btn-reject {
  display: block;
  width: 125px;
  height: 50px;
  border-radius: 25px;
}
.btn-call {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/btn/call.png");
}
.btn-order {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/order.png");
}
.btn-confirm {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/btn/confirm.png");
}
.btn-reject {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/reject.png");
}
.btn-trash {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/trash.png");
}
.div-table {
  padding: 15px 0;
}
.div-table .div-table-td {
  margin-bottom: 10px;
}
.nav {
  padding-top: 26px;
  margin-left: -20px;
}
.nav .nav-link {
  padding: 7px 15px;
  padding-bottom: 4px;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #29324c;
}
.nav .nav-link.active {
  color: #a1c281;
}
.card {
  border-width: 0;
  border-radius: 10px;
  margin: 30px 0;
  padding: 0 10px;
  box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.05);
}
.card img {
  border-width: 0;
}
.card .card-body {
  padding: 15px 45px;
}
.card .row > div {
  padding: 0 65px;
}
.form-group {
  position: relative;
  margin: 40px 0;
  border-bottom: 1px solid #c6c7ce;
}
.form-group input.form-control {
  font-size: 16px;
  font-weight: bold;
  border: 0;
  border-radius: 0;
  padding-left: 0;
}
.form-group input.form-control::-webkit-input-placeholder {
  color: #29324c;
  opacity: 0.3;
}
.form-group input.form-control:-moz-placeholder {
  color: #29324c;
  opacity: 0.3;
}
.form-group input.form-control::-moz-placeholder {
  color: #29324c;
  opacity: 0.3;
}
.form-group input.form-control:-ms-input-placeholder {
  color: #29324c;
  opacity: 0.3;
}
.form-group input.form-control::-ms-input-placeholder {
  color: #29324c;
  opacity: 0.3;
}
.form-group input.form-control::placeholder {
  color: #29324c;
  opacity: 0.3;
}
.form-group input.form-control[disabled="disabled"] {
  background: white;
}
.form-group select.form-control {
  padding: 0;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/Arrow.png") no-repeat;
  background-position: 95% 50%;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  font-size: 16px;
  font-weight: bold;
  color: #29324c;
}
.form-group select.form-control[disabled="disabled"] {
  opacity: 0.5;
}
.form-group .input-disabled-info {
  position: absolute;
  bottom: -38px;
  font-size: 12px;
  opacity: 0.7;
}
.form-group-error {
  border-bottom: 1px solid #ff3037 !important;
}
.form-group-error label {
  color: #ff3037 !important;
  opacity: 1 !important;
}
input[type="file"] {
  display: none;
}
.title {
  background: #f5f7f9;
}
.title .container .breadcrumb {
  position: relative;
  left: -8px;
  margin-top: 18px;
  background: #f5f7f9;
  padding: 0;
}
.title .container .breadcrumb-item {
  margin-top: 6px;
  padding-right: 15px;
  font-size: 25px;
  font-weight: bold;
}
.title .container .breadcrumb-item a {
  margin-left: 8px;
  color: #29324c;
  font-size: 18px;
}
.title .container h1,
.title .container .breadcrumb-item.active {
  margin-top: 6px;
  font-size: 25px;
  font-weight: bold;
  color: #a1c281;
}
.title .container h1 span,
.title .container .breadcrumb-item.active span {
  margin-left: 8px;
}
.title .container .pass-card {
  display: inline-block;
  position: relative;
  top: 11px;
  width: 60px;
  height: 23px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/passcardLogo.png");
}
.title .container .pass-card:hover {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/passcardLogoFocus.png");
}
.title .container .nav-action-buttons-row .nav-action-buttons {
  margin: auto;
}
.title .container .nav-action-buttons-row .nav-action-buttons a {
  white-space: nowrap;
}
.icon-camera {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 32px;
  height: 26px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/photo.png");
}
.icon-camera:hover {
  cursor: pointer;
}
.icon-calendar {
  width: 20px;
  height: 19px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/calendar.png");
}
.pet-img-overlay-red,
.pet-img-overlay-red * {
  background: #fb6c55 !important;
}
.pet-img-overlay-yellow,
.pet-img-overlay-yellow * {
  background: #fcca46 !important;
}
.pet-img-overlay-green,
.pet-img-overlay-green * {
  background: #7fc37f !important;
}
.tab-content .alert {
  margin-top: 30px;
  text-align: center;
}
.col-lg-10 .alert {
  margin-top: 20px;
}
.card.error {
  padding: 5px;
  color: #fb6c55;
  text-align: center;
}
.content {
  padding-bottom: 80px;
  min-height: 100%;
}
.checkin .content {
  padding-bottom: 0px !important;
}
.container-content {
  min-height: 100%;
}
.pets-container,
.pet-container,
.add-pet-container {
  min-height: 100%;
}
.pets-container,
.add-pet-container {
  background: linear-gradient(0deg, #a5d577, #47a88b);
}
.pet-container .col-md-3 img,
.user-profile-container .col-md-3 img {
  display: block;
  width: 205px;
  height: 205px;
  margin: 25px auto;
  margin-bottom: -42px;
  border-radius: 205px;
}
.pet-container .col-md-3 form,
.user-profile-container .col-md-3 form {
  margin-top: 72px;
}
.pets-container {
  position: relative;
  padding: 0;
  width: 100%;
  padding-bottom: 80px;
}
.pets-container .alert {
  position: absolute;
  width: 100%;
  z-index: 0;
}
.pets-container .pets {
  padding-top: 90px;
}
.pets-container .pets .pet-card-ad {
  position: relative;
  margin: 10px;
  margin-bottom: 20px;
  width: 255px;
  height: 325px;
  border: 0;
  padding: 0;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.25);
}
.pets-container .pets .pet-card-ad img {
  border-radius: 10px;
}
.pets-container .pets .pets-inner {
  overflow: auto;
}
.pets-container .pets .pets-inner a {
  display: block;
  float: left;
}
.pets-container .pets .pets-inner a:hover {
  text-decoration: none;
}
.pets-container .pets .pets-inner a .pet {
  position: relative;
  margin: 10px;
  margin-bottom: 20px;
  width: 255px;
  height: 325px;
  border: 0;
  padding: 0;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.25);
}
.pets-container .pets .pets-inner a .pet img {
  width: 255px;
  height: 265px;
  border-radius: 10px 10px 0 0;
}
.pets-container .pets .pets-inner a .pet .pet-img {
  position: relative;
  width: 255px;
  height: 265px;
  border-radius: 10px 10px 0 0;
  background: #f4f6f8;
}
.pets-container .pets .pets-inner a .pet .pet-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: auto;
}
.pets-container .pets .pets-inner a .pet .pet-img-overlay-red div,
.pets-container .pets .pets-inner a .pet .pet-img-overlay-yellow div,
.pets-container .pets .pets-inner a .pet .pet-img-overlay-green div {
  position: absolute;
  left: 0;
  bottom: 60px;
  width: 100%;
  height: 52px;
  padding: 6px;
  font-size: 12px;
  color: white;
  text-align: center;
}
.pets-container .pets .pets-inner a .pet h2 {
  height: 60px;
  border-radius: 0 0 10px 10px;
  padding: 0;
  background: white;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 58px;
  color: #29324c;
}
@media screen and (max-width: 776px) {
  .pets-container .pets-inner {
    text-align: center;
  }
  .pets-container .pets-inner a {
    display: inline-block !important;
    float: none !important;
  }
  .card .row > div {
    padding: 0 15px;
  }
}
input::-webkit-input-placeholder {
  color: black;
  opacity: 0.6;
}
input:-moz-placeholder {
  color: black;
  opacity: 0.6;
}
input::-moz-placeholder {
  color: black;
  opacity: 0.6;
}
input:-ms-input-placeholder {
  color: black;
  opacity: 0.6;
}
input::-ms-input-placeholder {
  color: black;
  opacity: 0.6;
}
input::placeholder {
  color: black;
  opacity: 0.6;
}
.add-pet-container {
  padding: 0;
  padding-bottom: 90px;
  height: auto;
}
.add-pet-container .pets-species {
  overflow-x: scroll;
  white-space: nowrap;
  padding: 40px;
  padding-top: 0;
  margin-bottom: -8px;
  height: 370px;
  overflow-y: hidden;
  display: flex;
  align-items: center;
}
.add-pet-container .pets-species::-webkit-scrollbar {
  display: none;
}
.add-pet-container .pets-species li {
  list-style-type: none;
  display: inline-block;
  margin: 0 5px;
  margin-top: -24px;
  position: relative;
  cursor: pointer;
}
.add-pet-container .pets-species li [type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.add-pet-container .pets-species li .pet-species-outline {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 140px;
  height: 140px;
  background: white;
  opacity: 0.2;
  cursor: pointer;
}
.add-pet-container .pets-species li label > div {
  width: 130px;
  height: 130px;
  border-radius: 130px;
  background: #a7d9ae;
}
.add-pet-container .pets-species li label > div div {
  position: relative;
  top: 5px;
  left: 5px;
  width: 120px;
  height: 120px;
  border-radius: 120px;
  background: linear-gradient(-30deg, #a5d577, #47a88b);
  cursor: pointer;
}
.add-pet-container .pets-species li label input[type="radio"]:checked + div {
  background: #fcca46;
}
.add-pet-container .pets-species li img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  cursor: pointer;
}
.add-pet-container .pets-species li p {
  position: absolute;
  left: 50%;
  bottom: -24px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  height: 25px;
  padding: 0 13px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  line-height: 25px;
  background: #fcca46;
}
.add-pet-container .pets-species li:nth-child(even) {
  position: relative;
  top: 125px;
}
.add-pet-container .pets-species li:last-of-type {
  padding-right: 50px;
}
.add-pet-container .row {
  margin-bottom: 32px;
}
.add-pet-container .row .fa-arrow-left,
.add-pet-container .row .fa-arrow-right {
  cursor: pointer;
  color: white;
}
.add-pet-container .form-group {
  width: 325px;
  border: 0;
}
.add-pet-container .form-group input.form-control,
.add-pet-container .form-group .btn-light {
  width: 100%;
  height: 54px;
  font-size: 18px;
  font-weight: bold;
  padding: 0 30px;
  text-align: center;
  border-radius: 30px;
  outline: none;
}
.add-pet-container .form-group input.form-control {
  border: 2px solid white;
  background: none;
  color: white;
}
.add-pet-container .form-group input.form-control::-webkit-input-placeholder {
  color: white;
  opacity: 0.5;
}
.add-pet-container .form-group input.form-control:-moz-placeholder {
  color: white;
  opacity: 0.5;
}
.add-pet-container .form-group input.form-control::-moz-placeholder {
  color: white;
  opacity: 0.5;
}
.add-pet-container .form-group input.form-control:-ms-input-placeholder {
  color: white;
  opacity: 0.5;
}
.add-pet-container .form-group input.form-control::-ms-input-placeholder {
  color: white;
  opacity: 0.5;
}
.add-pet-container .form-group input.form-control::placeholder {
  color: white;
  opacity: 0.5;
}
.add-pet-container .form-group .btn-light {
  padding: 0;
  margin-top: 30px;
  box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.1);
}
.pet-container label,
.vet-pet-container label {
  color: rgba(41, 50, 76, 0.5);
}
.pet-container .form-control,
.vet-pet-container .form-control {
  margin-top: -10px;
  height: 54px;
}
.pet-container .tab-content,
.vet-pet-container .tab-content {
  padding-bottom: 50px;
}
.pet-container #edit-profile .col-md-3 .card,
.vet-pet-container #edit-profile .col-md-3 .card {
  padding: 0;
  margin: 0;
  margin-top: 30px;
  margin-bottom: 45px;
}
.pet-container #edit-profile .col-md-3 .card > div,
.vet-pet-container #edit-profile .col-md-3 .card > div {
  position: relative;
}
.pet-container #edit-profile .col-md-3 .card > div img,
.vet-pet-container #edit-profile .col-md-3 .card > div img {
  width: 100%;
  height: auto;
  margin: 0;
  border-radius: 10px 10px 0 0;
}
.pet-container #edit-profile .col-md-3 .card .icon-camera,
.vet-pet-container #edit-profile .col-md-3 .card .icon-camera {
  bottom: 36px;
}
.pet-container #edit-profile .col-md-3 .card h5,
.vet-pet-container #edit-profile .col-md-3 .card h5 {
  position: relative;
  top: -2px;
  margin: 0;
  height: 40px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.pet-container #edit-profile .col-md-3 a,
.vet-pet-container #edit-profile .col-md-3 a {
  color: #ff3037;
  font-size: 16px;
}
.pet-container #edit-profile .col-md-9 .card .dob-estimate,
.vet-pet-container #edit-profile .col-md-9 .card .dob-estimate,
.pet-container #edit-profile .col-md-12 .card .dob-estimate,
.vet-pet-container #edit-profile .col-md-12 .card .dob-estimate {
  padding-left: 15px;
}
.pet-container #edit-profile .col-md-9 .card .age-info,
.vet-pet-container #edit-profile .col-md-9 .card .age-info,
.pet-container #edit-profile .col-md-12 .card .age-info,
.vet-pet-container #edit-profile .col-md-12 .card .age-info {
  padding: 20px 0;
  font-size: 16px;
  font-weight: bold;
}
.pet-container #edit-profile .col-md-9 .card .age-info .age-text-prefix,
.vet-pet-container #edit-profile .col-md-9 .card .age-info .age-text-prefix,
.pet-container #edit-profile .col-md-12 .card .age-info .age-text-prefix,
.vet-pet-container #edit-profile .col-md-12 .card .age-info .age-text-prefix {
  padding-right: 15px;
}
.pet-container #edit-profile .col-md-9 .card .age-info .age-num-month,
.vet-pet-container #edit-profile .col-md-9 .card .age-info .age-num-month,
.pet-container #edit-profile .col-md-12 .card .age-info .age-num-month,
.vet-pet-container #edit-profile .col-md-12 .card .age-info .age-num-month {
  padding-left: 10px;
}
.pet-container #edit-profile .col-md-9 .card .age-info .age-text-year,
.vet-pet-container #edit-profile .col-md-9 .card .age-info .age-text-year,
.pet-container #edit-profile .col-md-12 .card .age-info .age-text-year,
.vet-pet-container #edit-profile .col-md-12 .card .age-info .age-text-year {
  padding-left: 5px;
}
.pet-container #edit-profile .col-md-9 .card .age-info .age-text-month,
.vet-pet-container #edit-profile .col-md-9 .card .age-info .age-text-month,
.pet-container #edit-profile .col-md-12 .card .age-info .age-text-month,
.vet-pet-container #edit-profile .col-md-12 .card .age-info .age-text-month {
  padding-left: 5px;
}
.pet-container #edit-profile .buttons,
.vet-pet-container #edit-profile .buttons {
  padding-top: 10px;
}
.pet-container #edit-profile .buttons .btn-default,
.vet-pet-container #edit-profile .buttons .btn-default {
  margin-left: 60px;
}
.pet-container #diet .col-md-3 .card,
.vet-pet-container #diet .col-md-3 .card {
  padding: 0;
  margin: 0;
  margin-top: 30px;
  margin-bottom: 45px;
  border-radius: 10px;
}
.pet-container #diet .col-md-3 .card > div,
.vet-pet-container #diet .col-md-3 .card > div {
  position: relative;
}
.pet-container #diet .col-md-3 .card .pet-img,
.vet-pet-container #diet .col-md-3 .card .pet-img,
.pet-container #diet .col-md-3 .card img,
.vet-pet-container #diet .col-md-3 .card img {
  border-radius: 10px;
}
.pet-container #diet .buttons,
.vet-pet-container #diet .buttons {
  padding-top: 10px;
}
.pet-container #diet .buttons .btn-default,
.vet-pet-container #diet .buttons .btn-default {
  margin-left: 60px;
}
.pet-container #edit-profile img,
.vet-pet-container #edit-profile img,
.pet-container #diet img,
.vet-pet-container #diet img {
  width: 100%;
  height: 265px;
  margin: 0;
  border-radius: 10px 10px 0 0;
}
.pet-container #edit-profile .pet-img,
.vet-pet-container #edit-profile .pet-img,
.pet-container #diet .pet-img,
.vet-pet-container #diet .pet-img {
  position: relative;
  width: 100%;
  height: 265px;
  margin: 0;
  border-radius: 10px 10px 0 0;
  background: #f4f6f8;
}
.pet-container #edit-profile .pet-img img,
.vet-pet-container #edit-profile .pet-img img,
.pet-container #diet .pet-img img,
.vet-pet-container #diet .pet-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px !important;
  height: auto !important;
  border-radius: 0;
}
#treatment-history .card {
  padding: 25px 55px;
  padding-top: 10px;
}
#treatment-history .card .col-md-4 {
  font-size: 16px;
  font-weight: 500;
  padding: 0;
}
#treatment-history .card .col-md-4.disabled p,
#treatment-history .card .col-md-4.disabled a {
  opacity: 0.3;
}
#treatment-history .card .col-md-4 img {
  display: block;
  padding: 20px;
}
#treatment-history .card .col-md-4 strong {
  font-size: 20px;
  font-weight: 500;
}
#treatment-history .card .col-md-4 a {
  font-size: 12px;
  color: #47a88b;
  text-transform: uppercase;
}
#treatment-history .card .col-md-4 a i {
  margin-left: 2px;
}
#treatment-history .card table tr {
  border-bottom: 1px solid #eaeef1;
}
#treatment-history .card table tr th,
#treatment-history .card table tr td {
  height: 60px;
  vertical-align: middle;
}
#treatment-history .card th,
#treatment-history .card .div-table-th {
  font-size: 20px;
  font-weight: 500;
}
#treatment-history .card td,
#treatment-history .card .div-table-td {
  font-size: 16px;
}
#treatment-history .card td .mdash,
#treatment-history .card .div-table-td .mdash {
  color: #29324c;
  opacity: 0.3;
}
#treatment-history .card td .fa-arrow-right,
#treatment-history .card .div-table-td .fa-arrow-right {
  color: #47a88b;
}
#treatment-history .card td .delete,
#treatment-history .card .div-table-td .delete {
  color: #c00;
  margin-right: 5px;
}
#records .card {
  padding: 25px 55px;
  padding-top: 10px;
}
#records .card table tr {
  border-bottom: 1px solid #eaeef1;
}
#records .card table tr th,
#records .card table tr td {
  height: 60px;
  vertical-align: middle;
}
#records .card th,
#records .card .div-table-th {
  font-size: 20px;
  font-weight: bold;
}
#records .card td,
#records .card .div-table-td {
  font-size: 16px;
}
#records .card td .mdash,
#records .card .div-table-td .mdash {
  color: #29324c;
  opacity: 0.3;
}
#records .card td .fa-arrow-right,
#records .card .div-table-td .fa-arrow-right {
  color: #47a88b;
}
#insurance .subtitle__semi-medium {
  font-size: 16px;
  line-height: 28px;
  color: #29324c;
}
#insurance .box__text {
  font-size: 18px;
  line-height: 28px;
}
#insurance .blue-link {
  white-space: nowrap;
  text-decoration: underline;
  font-size: 14px;
  line-height: 21px;
  color: #43a0fc;
  display: inline-block;
}
#insurance .blue-link:active,
#insurance .blue-link:hover,
#insurance .blue-link:focus {
  text-decoration: none;
  color: #5caef2;
}
#insurance a:hover {
  text-decoration: none;
}
#insurance .radio__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#insurance .radio__tab {
  margin-right: 24px;
}
#insurance .radio__tab.not-insured input {
  display: none;
}
#insurance .radio__tab.not-insured input:checked + label {
  -webkit-box-shadow: 0px 6px 14px rgba(52, 54, 61, 0.15);
  box-shadow: 0px 6px 14px rgba(52, 54, 61, 0.15);
  border-color: #fb6c55;
}
#insurance .radio__tab.not-insured input:checked + label path {
  fill: #fb6c55;
}
#insurance .radio__tab.not-insured input:checked + label .select-indicator {
  color: #fb6c55;
}
#insurance .radio__tab.not-insured input:checked + label .select-indicator:after {
  background: #fb6c55;
}
#insurance .radio__tab.not-insured input:checked + label .select-indicator:before {
  border-color: #fb6c55;
}
#insurance .radio__tab:last-child {
  margin-right: 0;
}
#insurance .radio__tab input {
  display: none;
}
#insurance .radio__tab input:checked + label {
  -webkit-box-shadow: 0px 6px 14px rgba(52, 54, 61, 0.15);
  box-shadow: 0px 6px 14px rgba(52, 54, 61, 0.15);
  border-color: #50bc7d;
}
#insurance .radio__tab input:checked + label path {
  fill: #50bc7d;
}
#insurance .radio__tab input:checked + label .select-indicator {
  color: #50bc7d;
}
#insurance .radio__tab input:checked + label .select-indicator:after {
  background: #50bc7d;
}
#insurance .radio__tab input:checked + label .select-indicator:before {
  border-color: #50bc7d;
}
#insurance .radio__tab label {
  display: block;
  min-width: 148px;
  text-align: center;
  border-radius: 6px;
  background: #fff;
  border: 2px solid #333747;
  padding: 20px 14px 24px;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#insurance .radio__tab label svg {
  margin-bottom: 14px;
}
#insurance .radio__tab label svg path {
  fill: #333747;
}
#insurance .radio__tab label .h5-title {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
  display: block;
}
#insurance .radio__tab label .select-indicator {
  position: relative;
  font-weight: bold;
  font-size: 16px;
  width: 72px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 32px;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  padding-left: 25px;
}
#insurance .radio__tab label .select-indicator:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid #333747;
  border-radius: 50%;
  margin-right: 8px;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  position: absolute;
  left: 0;
}
#insurance .radio__tab label .select-indicator:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 11px;
  border-radius: 50%;
  left: 4px;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#insurance .box_gray {
  border-radius: 10px;
  background: #f5f7f9;
  padding: 20px;
  font-size: 20px;
  line-height: 30px;
}
#insurance .box_gray .no-records-image {
  max-width: 42px;
  margin: 10px auto 30px;
}
#insurance .box_gray .success-image {
  display: block;
  max-width: 160px;
  width: 100%;
  margin: 10px auto 20px;
}
#insurance .box_gray .insurer-image {
  position: relative;
  display: block;
  width: auto;
  height: auto !important;
  margin: 10px auto 20px;
  right: 0;
}
#insurance .box_gray p {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
}
#insurance .btn__green {
  border: none !important;
}
#insurance img {
  position: absolute;
  right: 110px;
  bottom: 3px;
  width: auto;
  height: 48px;
}
#insurance .buttons {
  padding-top: 10px;
}
#insurance .buttons .btn-default {
  margin-left: 60px;
}
#insurance .plain-prepend {
  padding-bottom: 15px;
  font-size: 1.5em;
  font-weight: bold;
  border: none;
  background-color: #ffffff;
}
#insurance .insurance-premium-description {
  padding: 0;
}
#insurance .insurance-premium-description p {
  color: #29324c;
  opacity: 0.5;
}
#insurance div.insurance-premium {
  margin-bottom: 15px;
}
#council img {
  position: absolute;
  right: 110px;
  bottom: 3px;
  width: auto;
  height: 48px;
}
#council .buttons {
  padding-top: 10px;
}
#council .buttons .btn-default {
  margin-left: 60px;
}
#council div.popover {
  max-width: 100% !important;
}
.pet-profile-container {
  background: white;
  border-radius: 10px;
  margin-bottom: 10px;
  margin-top: 30px;
  box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.05);
  /* insurance ad */
}
.pet-profile-container .profile-img {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.pet-profile-container .profile-img img,
.pet-profile-container .profile-img .pet-img {
  width: 100%;
  height: auto;
  border-radius: 10px 0 0 0px;
}
.pet-profile-container .profile-img .qrcode {
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 200;
}
.pet-profile-container .profile-img .qrcode img {
  width: 100%;
  height: auto;
}
.pet-profile-container .profile-img .pet-img {
  border-radius: 10px 0 0 15px;
  background: #f4f6f8;
}
.pet-profile-container .profile-img .pet-img img {
  margin-top: 50%;
  margin-left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: auto;
  border-radius: 0;
}
.pet-profile-container .profile-img .qr-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.pet-profile-container .profile-img .qr-container .icon-qr-code {
  width: 65px;
  height: 65px;
  margin-bottom: 22px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/icon_QR_code_1.png");
}
.pet-profile-container .profile-img .qr-container .icon-qr-code a {
  display: block;
  width: 100%;
  height: 100%;
}
.pet-profile-container .profile-img .qr-container p {
  margin: 0;
  text-align: center;
  height: 55px;
  padding-top: 15px;
  font-size: 12px;
  color: white;
  background: #fb6c55;
  border-radius: 0 0 0 10px;
}
.pet-profile-container .information-notice__box {
  max-height: 160px;
  border-radius: 10px;
  background: #effcf7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
}
.pet-profile-container .information-notice__box .information-notice__info {
  width: 60%;
  padding: 18px 20px;
  background-image: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/notice-contur.png");
  background-position: right;
  background-size: cover;
}
.pet-profile-container .information-notice__box .information-notice__info .h4-title {
  font-weight: 900;
  margin-bottom: 11px;
}
.pet-profile-container .information-notice__box .information-notice__info a {
  text-decoration: underline;
  font-size: 14px;
  text-align: left;
  color: #333747;
  font-weight: normal;
}
.pet-profile-container .information-notice__box .information-notice__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 40%;
  padding: 16px;
}
.pet-profile-container .information-notice__box .information-notice__img img {
  max-width: 90%;
  max-height: 70px;
  height: auto;
}
.pet-profile-content {
  overflow: hidden;
  padding: 40px;
  padding-bottom: 16px;
  font-size: 16px;
  font-weight: bold;
}
.pet-profile-content h1 {
  font-size: 25px;
  font-weight: bold;
}
.pet-profile-content h2 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 15px;
}
.pet-profile-content hr {
  margin-top: 24px;
}
.pet-profile-content .table {
  margin-top: 20px;
}
.pet-profile-content .table td {
  padding: 8px 0;
}
.pet-profile-content .table td .label {
  font-size: 14px;
  font-weight: normal;
  color: rgba(41, 50, 76, 0.5);
  margin-bottom: 5px;
}
.pet-profile-content .table td .age-text-prefix {
  padding-right: 15px;
}
.pet-profile-content .table td .age-num-month {
  padding-left: 10px;
}
.pet-profile-content .table td .age-text-year {
  padding-left: 5px;
}
.pet-profile-content .table td .age-text-month {
  padding-left: 5px;
}
.pet-profile-content .edit-profile {
  font-weight: 500;
  font-size: 14px;
  color: #47a88b;
  cursor: pointer;
}
.pet-profile-content .edit-profile .edit-profile-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: relative;
  top: 5px;
  margin-right: 4px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/edit.png");
}
.pet-profile-content .delete-profile {
  font-weight: 500;
  font-size: 14px;
  color: red;
  cursor: pointer;
  margin-right: 20px;
}
.pet-profile-content .delete-profile .delete-profile-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: relative;
  top: 5px;
  margin-right: 4px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/edit.png");
}
.ps-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(41, 50, 76, 0.8);
  z-index: 3;
}
.ps-container .container {
  height: 100%;
}
.ps-container .container .card {
  width: 100%;
  position: relative;
  top: 10%;
  margin: 0;
  padding: 0;
  text-align: center;
}
.ps-container .container .card a.cross {
  position: absolute;
  top: 24px;
  right: 26px;
  color: #29324c;
  opacity: 0.5;
  cursor: pointer;
}
.ps-container .container .card h2,
.ps-container .container .card input {
  font-size: 20px;
  font-weight: bold;
}
.ps-container .container .card h2 {
  padding-top: 40px;
}
.ps-container .container .card iframe {
  width: 100%;
  height: 400px;
  border: none;
  margin-bottom: 20px;
  overflow: hidden;
}
.passcard-container {
  padding-bottom: 120px;
}
.passcard {
  padding: 0px;
}
.passcard .img-container {
  position: relative;
  width: 195px;
  height: 195px;
  margin: 0 auto;
  margin-top: 30px;
  border-radius: 195px;
  background: linear-gradient(-30deg, #a5d577, #47a88b);
}
.passcard .img-container div {
  position: relative;
  top: 10px;
  left: 10px;
  width: 175px;
  height: 175px;
  border-radius: 175px;
  background: #f4f6f8;
}
.passcard .img-container div img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 175px;
}
.passcard .img-container div .pet-img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f4f6f8;
}
.passcard .img-container div .pet-img img {
  width: 130px;
  height: auto;
  border-radius: 0;
}
.passcard table {
  margin: 0px 10px;
}
.passcard h1 {
  margin-top: 16px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #29324c;
}
.passcard h3 {
  margin-top: -2px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 16px;
  color: #29324c;
}
.passcard .owner {
  padding-top: 30px;
  padding-bottom: 10px;
}
.passcard .owner .btn-state {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: white;
  padding: 12px;
  margin-bottom: 15px;
}
.passcard .owner .btn-green {
  background: #7fc37f;
}
.passcard .owner .btn-yellow {
  background: #fcca46;
}
.passcard .owner .btn-red {
  background: #fb555b;
}
.passcard .ownerDetail {
  padding: 0px 15px;
}
.passcard .ownerDetail section {
  float: left;
}
.passcard .ownerDetail aside {
  float: right;
}
.passcard .ownerDetail a {
  display: inline-block;
  margin-left: 5px;
  color: #fff;
  background: #000;
  font-size: 1.5rem;
  padding: 5px 10px;
  border-radius: 70px;
}
.passcard .ownerDetail h4,
.passcard .ownerDetail p {
  margin-bottom: 0px;
}
.passcardVaccinations {
  padding: 2rem;
}
.passcardVaccinations h2 {
  font-size: 1.5rem;
}
.passcardVaccinations th {
  font-weight: bold;
  font-size: 1.2rem;
  border: none !important;
}
.passcardVaccinations td {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.user-certificate-empty {
  /** vaccine request form styles */
  padding-top: 20px;
  padding-bottom: 10px;
}
.user-certificate-empty .form-group {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  border: none !important;
}
.user-certificate-empty .form-group label {
  padding-bottom: 5px;
  white-space: nowrap;
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #29324c;
  opacity: 1;
}
.user-certificate-empty hr {
  margin: 15px -10px 15px -10px;
}
.user-certificate-empty .icon-alert {
  padding-right: 10px;
}
.user-certificate-empty .vaccine-header {
  padding: 15px 0;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  color: #29324c;
}
.user-certificate-empty .request-description {
  line-height: 26px;
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: #29324c;
  letter-spacing: 0.2px;
  max-width: 446px;
}
.user-certificate-empty .clinics .row {
  /* removing the first row margin-bottom from other row class setting*/
  margin-bottom: 0;
}
.user-certificate-empty .clinics .row .vaccine-clinic {
  padding-bottom: 30px !important;
}
.user-certificate-empty .clinics .row .vaccine-clinic .icon-traded {
  padding-right: 10px;
}
.user-certificate-empty .clinics .row .vaccine-clinic .content {
  line-height: 30px;
  margin-top: -6px;
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  color: #29324c;
  letter-spacing: 0.2px;
}
.user-certificate-empty .clinics .row .vaccine-clinic .content-extra {
  font-weight: normal;
  color: #29324c;
}
.user-certificate-empty .clinics .row .vaccine-clinic .icon-delete {
  padding-left: 25px;
  cursor: pointer;
}
.user-certificate-empty .clinic-searchbox input[type="text"] {
  border-radius: 8px;
  height: 55px;
  background: #f4f6f8;
  border: none;
  padding-left: 20px;
  white-space: nowrap;
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  color: #29324c;
}
.user-certificate-empty .clinic-searchbox input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 0.3;
}
.user-certificate-empty .clinic-searchbox input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 0.3;
}
.user-certificate-empty .clinic-searchbox input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 0.3;
}
.user-certificate-empty .clinic-searchbox input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  opacity: 0.3;
}
.user-certificate-empty .clinic-searchbox .input-group-text {
  z-index: 100;
  margin-left: -7rem;
  cursor: pointer;
  border-radius: 8px;
  height: 55px;
  background: #f4f6f8;
  white-space: nowrap;
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  color: #47a88b;
  text-transform: uppercase;
}
.user-certificate-empty p.foot {
  margin-top: 10px;
  margin-bottom: 0;
}
.user-certificate-empty button[type="submit"] {
  overflow: visible;
  white-space: nowrap;
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  padding: 15px 40px 15px 40px;
  margin-bottom: 1.5rem;
}
.btn-primary.small {
  font-size: 1.2rem;
}
.treatment-container {
  padding-bottom: 120px;
}
.treatment-container .card {
  position: relative;
  padding: 0;
  padding-top: 30px;
}
.treatment-container .card a {
  position: absolute;
  top: 55px;
  left: 50px;
  color: #47a88b;
  cursor: pointer;
}
.treatment-container .card > div {
  padding: 0 100px;
}
.treatment-container .card > div .treatment-header {
  color: #29324c;
  padding-bottom: 10px;
}
.treatment-container .card > div .treatment-header img {
  float: left;
  margin-right: 30px;
}
.treatment-container .card > div .treatment-header p {
  position: relative;
  top: -3px;
  font-size: 16px;
  font-weight: 500;
}
.treatment-container .card > div .treatment-header strong {
  position: relative;
  top: -5px;
  font-size: 20px;
  font-weight: bold;
}
.treatment-container .card > div h2 {
  padding-top: 30px;
  padding-bottom: 15px;
  font-family: "SF Pro Text", "Roboto", sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #47a88b;
}
.treatment-container .card > div hr {
  clear: both;
  background: #eaeef1;
}
.treatment-container .card > div table,
.treatment-container .card > div .div-table {
  color: #29324c;
  font-size: 16px;
  font-weight: bold;
}
.treatment-container .card > div table td,
.treatment-container .card > div .div-table td,
.treatment-container .card > div table .div-table-td,
.treatment-container .card > div .div-table .div-table-td {
  padding: 13px 0;
}
.treatment-container .card > div table td img,
.treatment-container .card > div .div-table td img,
.treatment-container .card > div table .div-table-td img,
.treatment-container .card > div .div-table .div-table-td img {
  width: 140px;
  height: 57px;
}
.treatment-container .card > div table td .clinic,
.treatment-container .card > div .div-table td .clinic,
.treatment-container .card > div table .div-table-td .clinic,
.treatment-container .card > div .div-table .div-table-td .clinic {
  width: 80px;
  height: 64px;
}
.treatment-container .card > div table td .label,
.treatment-container .card > div .div-table td .label,
.treatment-container .card > div table .div-table-td .label,
.treatment-container .card > div .div-table .div-table-td .label {
  position: relative;
  top: 5px;
  font-size: 14px;
  font-weight: normal;
  opacity: 0.5;
}
.treatment-container .card > div table td span,
.treatment-container .card > div .div-table td span,
.treatment-container .card > div table .div-table-td span,
.treatment-container .card > div .div-table .div-table-td span {
  position: relative;
  bottom: 5px;
}
.treatment-container .card > div .div-table-td {
  padding: 0 !important;
}
.treatment-container .card .signature {
  width: 100%;
  font-size: 14px;
  color: #29324c;
  opacity: 0.8;
  padding: 0px;
  padding-left: 100px;
  margin-top: 10px;
  margin-bottom: 40px;
  background: #f4f6f8;
}
.treatment-container .card .signature svg {
  width: 275px;
  height: 138px;
  margin-left: 8px;
  transform: scale(0.7);
}
.unverified,
.syncedFrom {
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 3px 10px;
  height: 20px;
  font-size: 13px;
  margin-top: -3px;
  width: fit-content;
  border-radius: 20px;
  align-content: center;
  justify-content: center;
}
.unverified {
  color: orange;
  border: orange solid 2px;
}
.syncedFrom {
  color: #47bfaf;
  border: #47bfaf solid 2px;
}
.add-treatment-container {
  padding-bottom: 130px;
}
.add-treatment-container .date-buttons {
  margin-top: 20px;
  padding-bottom: 50px;
}
.add-treatment-container .date-buttons .btn-square {
  width: 60px;
  height: 60px;
  margin-right: 25px;
  font-size: 25px;
  font-weight: bold;
  color: #29324c;
  border-radius: 10px;
  padding-top: 10px;
  background: #eaeef1;
}
.add-treatment-container .date-buttons .btn-square input {
  opacity: 0;
}
.add-treatment-container .date-buttons .btn-square.btn-span {
  padding-top: 4px;
}
.add-treatment-container .date-buttons .btn-square span {
  display: block;
  margin-top: -7px;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
}
.add-treatment-container .date-buttons .btn-square.active {
  background: linear-gradient(0deg, #e8533b, #fb6c55);
  color: white;
}
.add-treatment-container .date-buttons .btn-square .icon-calendar {
  width: 28px;
  height: 26px;
  margin-left: 4px;
  margin-top: 5px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/calendar@2x.png");
  background-size: 100%;
}
.add-treatment-container .col-lg-3 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.add-treatment-container .col-lg-3 .card {
  padding: 28px 20px;
  padding-bottom: 15px;
}
.add-treatment-container .col-lg-3 .card span {
  padding-bottom: 20px;
}
.add-treatment-container .col-lg-3 .card label {
  cursor: pointer;
  padding-top: 7px;
}
.add-treatment-container .col-lg-3 .card label .img-container {
  position: relative;
  width: 60px;
  height: 60px;
  float: left;
}
.add-treatment-container .col-lg-3 .card label .img-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.add-treatment-container .col-lg-3 .card label .img-container .selected {
  display: none;
  margin-top: 7px;
}
.add-treatment-container .col-lg-3 .card label .img-container [type="radio"] {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 0;
  left: 0;
  opacity: 0;
}
.add-treatment-container .col-lg-3 .card label .img-container [type="radio"]:checked + div .default {
  display: none;
}
.add-treatment-container .col-lg-3 .card label .img-container [type="radio"]:checked + div .selected {
  display: block;
}
.add-treatment-container .col-lg-3 .card label p {
  float: left;
  padding-left: 20px;
  line-height: 60px;
  letter-spacing: 0;
}
.add-treatment-container .col-lg-9 .card .row:first-of-type {
  margin-bottom: -30px;
}
.add-treatment-container .col-lg-9 .card .form-group label {
  margin: 0;
  color: #29324c;
  opacity: 0.5;
}
.add-treatment-container .col-lg-9 .card .form-group .form-control {
  height: 54px;
}
.add-treatment-container .col-lg-9 .card .logo {
  position: relative;
  width: 255px;
  height: 90px;
  border: 2px solid #eaeef1;
  border-radius: 5px;
  margin-top: 40px;
}
.add-treatment-container .col-lg-9 .card .logo p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  text-transform: uppercase;
  font-size: 24px;
  font-family: "SF Pro Text", "Roboto", sans-serif;
  font-weight: bold;
  color: #eaeef1;
}
.add-treatment-container .col-lg-9 .card .logo img {
  width: 255px;
}
.add-treatment-container .col-lg-9 .card > p {
  text-align: center;
  font-size: 18px;
  color: #29324c;
  opacity: 0.5;
}
.add-treatment-container .col-lg-9 .buttons {
  padding-top: 10px;
}
.add-treatment-container .col-lg-9 .buttons .btn-default {
  margin-left: 60px;
}
.add-treatment-container .col-lg-9 .vaccination-request-result {
  /** vaccine request success message styles */
  display: none;
  padding-top: 20px;
  padding-bottom: 10px;
}
.add-treatment-container .col-lg-9 .vaccination-request-result .icon-traded {
  padding-right: 10px;
}
.add-treatment-container .col-lg-9 .vaccination-request-result .contact {
  line-height: 26px;
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: #29324c;
  letter-spacing: 0.2px;
  margin-left: 4rem;
}
.add-treatment-container .col-lg-9 .vaccination-request-result .contact a {
  font-weight: bold;
}
.add-treatment-container .col-lg-9 .vaccination-request-result hr {
  margin: 40px -10px 40px -10px;
}
.add-treatment-container .col-lg-9 .vaccination-request-result .vaccine-request-done-header {
  padding: 15px 0;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  color: #29324c;
}
.add-treatment-container .col-lg-9 .vaccination-request-result .vaccine-request-done {
  line-height: 35px;
  padding-top: 40px;
  padding-left: 44px;
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.2px;
  color: #29324c;
  margin-bottom: 50px;
}
.add-treatment-container .col-lg-9 .vaccination-request-result a[role="button"] {
  overflow: visible;
  white-space: nowrap;
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  padding: 15px 40px 15px 40px;
  margin-bottom: 1.5rem;
}
.add-treatment-container .col-lg-9 .vaccination-info {
  /** vaccine request form styles */
  display: none;
  padding-top: 20px;
  padding-bottom: 10px;
}
.add-treatment-container .col-lg-9 .vaccination-info .form-group {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  border: none !important;
}
.add-treatment-container .col-lg-9 .vaccination-info .form-group label {
  padding-bottom: 5px;
  white-space: nowrap;
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #29324c;
  opacity: 1;
}
.add-treatment-container .col-lg-9 .vaccination-info hr {
  margin: 40px -10px 40px -10px;
}
.add-treatment-container .col-lg-9 .vaccination-info .icon-alert {
  padding-right: 10px;
}
.add-treatment-container .col-lg-9 .vaccination-info .vaccine-header {
  padding: 15px 0;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  color: #29324c;
}
.add-treatment-container .col-lg-9 .vaccination-info .request-description {
  line-height: 26px;
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: #29324c;
  letter-spacing: 0.2px;
  max-width: 446px;
}
.add-treatment-container .col-lg-9 .vaccination-info .clinics .row {
  /* removing the first row margin-bottom from other row class setting*/
  margin-bottom: 0;
}
.add-treatment-container .col-lg-9 .vaccination-info .clinics .row .vaccine-clinic {
  padding-bottom: 30px !important;
}
.add-treatment-container .col-lg-9 .vaccination-info .clinics .row .vaccine-clinic .icon-traded {
  padding-right: 10px;
}
.add-treatment-container .col-lg-9 .vaccination-info .clinics .row .vaccine-clinic .content {
  line-height: 30px;
  margin-top: -6px;
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  color: #29324c;
  letter-spacing: 0.2px;
}
.add-treatment-container .col-lg-9 .vaccination-info .clinics .row .vaccine-clinic .content-extra {
  font-weight: normal;
  color: #29324c;
}
.add-treatment-container .col-lg-9 .vaccination-info .clinics .row .vaccine-clinic .icon-delete {
  padding-left: 25px;
  cursor: pointer;
}
.add-treatment-container .col-lg-9 .vaccination-info .clinic-searchbox input[type="text"] {
  border-radius: 8px;
  height: 55px;
  background: #f4f6f8;
  border: none;
  padding-left: 20px;
  white-space: nowrap;
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  color: #29324c;
}
.add-treatment-container .col-lg-9 .vaccination-info .clinic-searchbox input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 0.3;
}
.add-treatment-container .col-lg-9 .vaccination-info .clinic-searchbox input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 0.3;
}
.add-treatment-container .col-lg-9 .vaccination-info .clinic-searchbox input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 0.3;
}
.add-treatment-container .col-lg-9 .vaccination-info .clinic-searchbox input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  opacity: 0.3;
}
.add-treatment-container .col-lg-9 .vaccination-info .clinic-searchbox .input-group-text {
  z-index: 100;
  margin-left: -7rem;
  cursor: pointer;
  border-radius: 8px;
  height: 55px;
  background: #f4f6f8;
  white-space: nowrap;
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  color: #47a88b;
  text-transform: uppercase;
}
.add-treatment-container .col-lg-9 .vaccination-info p.foot {
  margin-top: 10px;
  margin-bottom: 0;
}
.add-treatment-container .col-lg-9 .vaccination-info button[type="submit"] {
  overflow: visible;
  white-space: nowrap;
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  padding: 15px 40px 15px 40px;
  margin-bottom: 1.5rem;
}
/** custom clinic autocomplete - add treatment */
.treatment-clinic-search {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  max-height: 300px;
  overflow: auto;
  white-space: nowrap;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  color: #29324c;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.treatment-clinic-search li {
  list-style-type: none;
  background: #fff;
  padding: 10px;
}
.treatment-clinic-search li:hover {
  background: #88c984;
  cursor: pointer;
  color: #ffffff;
}
.treatment-clinic-search li div {
  all: unset;
}
.user-profile-container {
  padding-bottom: 100px;
}
.user-profile-container .nav {
  position: relative;
}
.user-profile-container .nav .log-out {
  position: absolute;
  right: 0;
}
.user-profile-container .nav .log-out a {
  padding-right: 0;
  color: #fb555b;
}
.user-profile-container .form-group label {
  margin: 0;
  color: #29324c;
  opacity: 0.5;
}
.user-profile-container .form-group .form-control {
  height: 54px;
}
.user-profile-container .buttons {
  padding-top: 10px;
}
.user-profile-container .buttons .btn-default {
  margin-left: 60px;
}
.user-profile-container #details {
  padding-bottom: 40px;
}
.user-profile-container #details .col-md-3 .card {
  padding-bottom: 20px;
  background: #f4f6f8;
}
.user-profile-container #details .col-md-3 .card .icon-camera {
  bottom: 88px;
}
.user-profile-container #details .col-md-3 .card h5 {
  margin-top: -20px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.user-profile-container #details .warnings {
  padding-top: 10px;
}
.user-profile-container #details .warnings .warning {
  padding: 30px 0;
}
.user-profile-container #details .warnings .warning .icon-alert {
  position: relative;
  top: -3px;
  float: left;
  width: 25px;
  height: 24px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/alert.png");
}
.user-profile-container #details .warnings .warning .alert-content {
  overflow: hidden;
  padding-left: 20px;
}
.user-profile-container #details .warnings .warning .alert-content p {
  font-size: 14px;
  color: #29324c;
  opacity: 0.5;
  line-height: 18px;
}
.user-profile-container #details .warnings .warning .alert-content a {
  position: relative;
  top: -6px;
  font-size: 14px;
  font-weight: bold;
  color: #47a88b;
}
.user-profile-container #details .icon-calendar {
  position: absolute;
  bottom: 16px;
  right: 0;
}
.user-profile-container #details .icon-location {
  position: absolute;
  bottom: 12px;
  right: 0;
  width: 28px;
  height: 28px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/btn/geoLocation.png");
}
.user-profile-container #notifications .card {
  padding: 15px 70px;
  padding-bottom: 25px;
}
.user-profile-container #notifications .card .notification {
  padding: 0px;
  padding-top: 40px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eaeef1;
  opacity: 0.7;
}
.user-profile-container #notifications .card .notification.unread {
  opacity: 1;
}
.user-profile-container #notifications .card .notification .col-md-7,
.user-profile-container #notifications .card .notification .col-md-5 {
  padding: 0px;
}
.user-profile-container #notifications .card .notification img {
  float: left;
  position: relative;
  top: -10px;
  margin-right: 30px;
}
.user-profile-container #notifications .card .notification h2 {
  font-size: 20px;
  font-weight: bold;
}
.user-profile-container #notifications .card .notification p {
  overflow: hidden;
  font-size: 15px;
  margin-top: 15px;
}
.user-profile-container #notifications .card .notification .col-md-5 div {
  float: right;
}
.user-profile-container #notifications .card .notification .col-md-5 div a {
  float: left;
  margin-left: 30px;
  margin-top: 4px;
}
.user-profile-container #notifications .card .notification:last-of-type {
  border: 0;
}
.user-profile-container #notifications .card .caught-up {
  font-size: 20px;
  font-weight: bold;
  padding: 20px;
}
.user-profile-container #notifications .card .caught-up .alert-ok {
  width: 61px;
  height: 68px;
  margin-bottom: 15px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/icn/alert2.png");
}
.user-profile-container #settings .card {
  padding: 30px 60px;
  padding-bottom: 0;
}
.user-profile-container #settings .card h2 {
  margin-bottom: 20px;
}
.user-profile-container #settings .card .row {
  margin: 0 -30px;
  margin-top: -15px;
}
.user-profile-container #settings .card .row .col-md-4 {
  margin-top: -22px;
  padding: 0 30px;
  padding-bottom: 15px;
}
.user-profile-container #settings .card .row .col-md-4 label {
  position: relative;
  top: 10px;
  font-size: 14px;
  color: #29324c;
  opacity: 0.5;
}
.user-profile-container #settings .card .row .col-md-4 .form-control {
  height: 54px;
}
.user-profile-container #settings .buttons {
  padding-top: 15px;
  padding-bottom: 25px;
}
.user-profile-container #settings .buttons .btn-default {
  margin-left: 50px;
}
.user-profile-container #transferring-ownership .card {
  padding: 40px 60px;
}
.user-profile-container #transferring-ownership .card h2 {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 16px;
}
.user-profile-container #transferring-ownership .card h3 {
  padding-top: 10px;
  font-size: 20px;
  font-weight: bold;
}
.user-profile-container #transferring-ownership .card p {
  font-size: 15px;
  line-height: 2em;
}
.user-profile-container #transferring-ownership .card .form-group {
  border: none;
}
.user-profile-container #transferring-ownership .card .form-group .email-transfer-input {
  border: 2px #29324c solid;
  font-size: 16px;
  border-radius: 28px;
  padding: 12px 0 12px 20px;
  width: 325px;
}
.user-profile-container #transferring-ownership .card .form-group .transfer-button {
  width: 325px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border-radius: 28px;
  padding: 12px 0;
}
.user-profile-container #transferring-ownership .card .form-group .confirm-button {
  background: #38a483;
  background: linear-gradient(to top, #38a483 0%, #5ac77b 100%);
}
.user-profile-container #transferring-ownership .card .form-group .undo-button {
  background: #e8533b;
  background: linear-gradient(to top, #e8533b 0%, #fb6c55 100%);
}
.terms-of-use .card,
.privacy-statement .card {
  padding: 30px 60px;
}
.terms-of-use .card h2,
.privacy-statement .card h2 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.terms-of-use .card h3,
.privacy-statement .card h3 {
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
}
.terms-of-use .card ol,
.privacy-statement .card ol {
  margin-bottom: 20px;
}
.terms-of-use .card > ol li,
.privacy-statement .card > ol li {
  font-size: 16px;
  font-weight: bold;
}
.terms-of-use .card > ol li p,
.privacy-statement .card > ol li p,
.terms-of-use .card > ol li ol,
.privacy-statement .card > ol li ol,
.terms-of-use .card > ol li li,
.privacy-statement .card > ol li li,
.terms-of-use .card > ol li table,
.privacy-statement .card > ol li table {
  font-size: 15px;
  font-weight: normal;
}
.terms-of-use .card p,
.privacy-statement .card p {
  font-size: 15px;
}
.terms-of-use .card tr:first-of-type td,
.privacy-statement .card tr:first-of-type td {
  border: 0;
}
.terms-of-use .card td,
.privacy-statement .card td {
  padding-left: 0;
  padding-right: 0;
  vertical-align: middle;
}
.registration-done {
  margin-top: 20%;
}
.input[type="checkbox"] {
  height: 0;
  width: 0;
  visibility: hidden;
}
label.switch {
  cursor: pointer;
  text-indent: -9999px;
  width: 70px;
  height: 50px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
  margin: 0 auto;
}
label.switch:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
input:checked + label.switch {
  background: #5ac77b;
}
input:checked + label.switch:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}
label.switch:active:after {
  width: 80px;
}
.switch-container input[type="checkbox"] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.switch-container label.switch {
  cursor: pointer;
  text-indent: -9999px;
  width: 70px;
  height: 50px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
  margin: 0 auto;
}
.switch-container label.switch:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
.switch-container input:checked + label.switch {
  background: #5ac77b;
}
.switch-container input:checked + label.switch:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}
.switch-container label.switch:active:after {
  width: 80px;
}
.checkin-container {
  padding: 0 0 40px 0;
  height: auto;
  background-color: #fff;
}
.checkin-container .drawingBuffer {
  display: none !important;
}
.checkin-container .pet-box {
  border-radius: 10px;
  padding: 35px 0px;
  background: #020024;
  background: linear-gradient(to bottom, #020024 0%, #38a483 0%, #5ac77b 100%);
  margin: 15px auto;
}
.checkin-container .pets-categories {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  padding: 40px;
  margin-bottom: -8px;
  height: 370px;
  overflow-y: hidden;
}
.checkin-container .pets-categories::-webkit-scrollbar {
  display: none;
}
.checkin-container .pets-categories li {
  list-style-type: none;
  display: inline-block;
  margin: 0 -40px;
  position: relative;
}
.checkin-container .pets-categories li [type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.checkin-container .pets-categories li [type="radio"] + img {
  cursor: pointer;
}
.checkin-container .pets-categories li .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 221px;
  opacity: 0;
}
.checkin-container .pets-categories li [type="radio"]:checked ~ img + .overlay {
  opacity: 1;
}
.checkin-container .pets-categories li:nth-child(even) {
  position: relative;
  top: 125px;
}
.checkin-container .row .fa-arrow-left,
.checkin-container .row .fa-arrow-right {
  cursor: pointer;
  color: white;
}
.checkin-container .form-group {
  width: 100%;
  border: 0;
  margin: 15px 0;
}
.checkin-container .form-group a.scan-barcode {
  font-size: 20px;
  margin-top: 10px !important;
  display: block;
}
.checkin-container .form-group a.scan-barcode:hover {
  font-weight: bold;
  text-decoration: none;
}
.checkin-container .form-group label {
  color: #29324c;
}
.checkin-container .form-group input.form-control,
.checkin-container .form-group select.form-control {
  width: 100%;
  height: 54px;
  font-size: 18px;
  font-weight: bold;
  padding: 0 30px;
  border-radius: 5px;
}
.checkin-container .form-group input.form-control,
.checkin-container .form-group select.form-control {
  border: 2px solid #eaeef1;
  background-color: #f4f6fb;
  color: #000;
}
.checkin-container .form-group input.form-control::-webkit-input-placeholder,
.checkin-container .form-group select.form-control::-webkit-input-placeholder {
  color: #000;
  opacity: 0.5;
}
.checkin-container .form-group input.form-control:-moz-placeholder,
.checkin-container .form-group select.form-control:-moz-placeholder {
  color: #000;
  opacity: 0.5;
}
.checkin-container .form-group input.form-control::-moz-placeholder,
.checkin-container .form-group select.form-control::-moz-placeholder {
  color: #000;
  opacity: 0.5;
}
.checkin-container .form-group input.form-control:-ms-input-placeholder,
.checkin-container .form-group select.form-control:-ms-input-placeholder {
  color: #000;
  opacity: 0.5;
}
.checkin-container .form-group input.form-control::-ms-input-placeholder,
.checkin-container .form-group select.form-control::-ms-input-placeholder {
  color: #000;
  opacity: 0.5;
}
.checkin-container .form-group input.form-control::placeholder,
.checkin-container .form-group select.form-control::placeholder {
  color: #000;
  opacity: 0.5;
}
.checkin-container .form-group input[type="checkbox"] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.checkin-container .form-group label.switch {
  cursor: pointer;
  text-indent: -9999px;
  width: 70px;
  height: 50px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
  margin: 0 auto;
}
.checkin-container .form-group label.switch:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
.checkin-container .form-group input:checked + label.switch {
  background: #5ac77b;
}
.checkin-container .form-group input:checked + label.switch:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}
.checkin-container .form-group label.switch:active:after {
  width: 80px;
}
.checkin-container .gradient-button {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: #fff;
  background: #020024;
  background: linear-gradient(to top, #020024 0%, #38a483 0%, #5ac77b 100%);
  border-radius: 28px;
  width: 255px;
  padding: 12px 0;
  margin-top: 10px;
}
.checkin-container .margin-top-mobile {
  margin-top: 0;
}
.checkin-container .padding-top-10 {
  padding-top: 10px;
}
.checkin-container input[type="file"] {
  display: none;
}
.checkin-container label.warning {
  color: red !important;
}
.checkin-container #species-error {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
footer {
  clear: both;
  background: red;
  height: 80px;
  margin-top: -80px;
  background: #29324c;
}
footer .copy-r {
  padding-top: 22px;
  color: #eaeef1;
  font-size: 13px;
  opacity: 0.5;
}
footer .links {
  padding-top: 32px;
  color: #eaeef1;
  font-size: 13px;
  opacity: 0.5;
}
footer .links a {
  padding-left: 40px;
  text-decoration: none;
  color: #eaeef1;
}
footer .links a:hover {
  text-decoration: underline;
  color: #eaeef1;
}
#zsfeedbackwidgetdiv {
  margin: 20px;
}
.cp {
  cursor: pointer;
}
.productAutocomplete {
  z-index: 100;
  position: absolute;
  top: 72px;
  left: 0px;
  width: 100%;
  max-height: 300px;
  overflow: auto;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  box-shadow: 3px 3px 3px #aaa;
}
.productAutocomplete li {
  list-style-type: none;
  background: #fff;
  padding: 10px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.productAutocomplete li a {
  display: block;
  color: #000;
  text-decoration: none;
}
.productAutocomplete li a strong {
  font-weight: bold;
  color: #1b5271;
  font-size: 1.3em;
}
.productAutocomplete li:hover {
  background: #eee;
}
.productAutocomplete li:first-child {
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 692px) {
  #treatment-history .card {
    padding: 10px;
    padding-top: 10px;
  }
  #records .card {
    padding: 10px;
    padding-top: 10px;
  }
}
@media screen and (max-width: 575px) {
  .margin-top-mobile {
    margin-top: 20px !important;
  }
  .pet-box {
    padding: 10px;
  }
  .pets-categories {
    padding: 0 !important;
  }
  footer .copy-r {
    padding-top: 12px;
  }
  footer .links {
    padding-top: 12px;
  }
}
@media screen and (max-width: 400px) {
  #insurance .radio__tab {
    margin-right: 20px;
  }
  #insurance .radio__tab label {
    min-width: 130px;
    padding: 20px 5px 24px;
  }
}
@media screen and (max-width: 575px) {
  #insurance .box_gray .insurer-image {
    max-height: 40px;
  }
  #treatment-history .card td .delete,
  #treatment-history .card .div-table-td .delete {
    margin-right: 20px;
  }
}
@media screen and (min-width: 992px) {
  .checkin-container .form-group {
    margin: 35px 0;
  }
  #insurance .box_gray .insurer-image {
    max-height: 120px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .pet-box {
    padding: 10px;
  }
  .pets-categories {
    padding: 0 !important;
  }
  #insurance .box_gray .insurer-image {
    max-height: 60px;
  }
}
/* general new styles from insurance (no conflicts) */
@media only screen and (min-width: 768px) {
  .btn__green {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .btn__green-transparent {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .btn__green-light {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/* end general new styles from insurance (no conflicts) */
@media screen and (min-width: 768px) and (max-width: 991px) {
  #insurance .box_gray .insurer-image {
    max-height: 80px;
  }
}
.red-star {
  color: red;
  font-weight: bold;
}
#countdown {
  margin: 10px auto;
  position: relative;
  height: 200px;
  width: 300px;
  text-align: center;
}
#countdown-number {
  color: #f05e46;
  display: inline-block;
  line-height: 180px;
  font-size: 56px;
  font-weight: bold;
}
/* what is this????

svg {
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 340px;
  height: 400px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}

svg circle {
  stroke-dasharray: 480px;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-width: 6px;
  stroke: #F05E46;
  fill: none;
  animation: countdown 30s linear infinite forwards;
}


*/
@keyframes countdown {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 480px;
  }
}
footer {
  clear: both;
  background: red;
  height: 80px;
  margin-top: -80px;
  background: #29324c;
}
footer .copy-r {
  padding-top: 22px;
  color: #eaeef1;
  font-size: 13px;
  opacity: 0.5;
}
footer .links {
  padding-top: 32px;
  color: #eaeef1;
  font-size: 13px;
  opacity: 0.5;
}
footer .links a {
  padding-left: 40px;
  text-decoration: none;
  color: #eaeef1;
}
footer .links a:hover {
  text-decoration: underline;
  color: #eaeef1;
}
#zsfeedbackwidgetdiv {
  margin: 20px;
}
.cp {
  cursor: pointer;
}
.productAutocomplete {
  z-index: 100;
  position: absolute;
  top: 72px;
  left: 0px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  box-shadow: 3px 3px 3px #aaa;
}
.productAutocomplete li {
  list-style-type: none;
  background: #fff;
  padding: 10px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.productAutocomplete li a {
  display: block;
  color: #000;
  text-decoration: none;
}
.productAutocomplete li a strong {
  font-weight: bold;
  color: #1b5271;
  font-size: 1.3em;
}
.productAutocomplete li:hover {
  background: #eee;
}
.productAutocomplete li:first-child {
  border-top: 1px solid #ccc;
}
.margin-top-55 {
  margin-top: 55px;
}
.about-container {
  padding-bottom: 20px;
  background: #eaeef1;
  padding-top: 30px;
}
.about-container h2 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  margin: 35px 0;
  color: #29324c;
}
.about-container p {
  font-size: 18px;
  color: #29324c;
}
.about-container p .color-r {
  color: #fb6c55;
}
.about-container h4 {
  color: #29324c;
  font-size: 28px;
  font-weight: bold;
  margin: 0 0 35px 0;
}
.about-container .box {
  background: #fff;
  padding: 20px 0 20px 25px;
  border-radius: 30px;
  margin: 16px auto;
  box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.05);
}
.about-container .box h3 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: #29324c;
}
.about-container .box p {
  text-align: center;
}
.bg1 {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/rollout/bg1.png") no-repeat top center;
  background-size: cover;
  padding-bottom: 80px;
}
.bg2 {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/rollout/bg2.png") no-repeat top center;
  background-size: cover;
}
.bg3 {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/rollout/bg3.png") no-repeat top center;
  background-size: cover;
}
.bg4 {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/rollout/bg4.png") no-repeat top center;
  background-size: cover;
}
.bg5 {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/rollout/bg5.png") no-repeat top center;
  background-size: auto;
}
.bg6 {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/rollout/bg6.png") no-repeat top center;
  background-size: cover;
}
.bg7 {
  background: url("https://s3-ap-southeast-2.amazonaws.com/myrover-staging-2/images/rollout/bg7.png") no-repeat top center;
  background-size: cover;
}
.topBanner {
  background: #f5f7f9;
  padding: 10px;
  width: 100%;
  overflow-x: hidden;
  text-align: center;
}
.topBanner a {
  display: block;
  text-align: center;
}
.topBanner a img {
  display: block;
  margin: 0 auto;
}
.home .topBanner,
.usersign-in .topBanner,
.vetsign-in .topBanner {
  display: none !important;
}
.title-vaccination {
  align-items: center;
}
.information {
  font-size: 12px;
  color: gray;
  display: flex;
  align-items: flex-start;
  gap: 5px;
}
.content-title {
  display: flex;
  align-items: center;
  gap: 3px;
}
.show-hide {
  font-size: 12px;
  color: #47a88b;
  margin-left: 5px;
}
.content-i {
  display: none;
}
.popover {
  max-width: 450px !important;
  color: gray !important;
}
.table-td {
  display: flex;
  align-items: center;
  gap: 15px;
}
.owner-existent-model {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  /* Modal Delete Reason Buttons */
  /* Mặc định nút "The pet is deceased" có màu chữ đỏ nhạt */
  /* Khi được chọn: */
  /* Nút Delete khi chưa chọn thì disabled */
  /* Nút Delete khi chọn lý do "It’s no longer needed" */
  /* Nút Delete khi chọn lý do "The pet is deceased" */
}
.owner-existent-model .modal-content {
  background: white;
  padding: 10px 20px;
  border-radius: 10px;
  width: 400px;
  text-align: center;
}
.owner-existent-model .close {
  display: flex;
  font-size: 24px;
  cursor: pointer;
  justify-content: flex-end;
}
.owner-existent-model .owner-info ul {
  list-style: none;
  padding: 0;
  text-align: left;
}
.owner-existent-model .button-group {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}
.owner-existent-model .btn-popup {
  font-size: 14px;
  line-height: 1.57142857;
  height: 32px;
  padding: 4px 15px;
  border-radius: 6px;
}
.owner-existent-model .btn-select-delete-reason {
  display: inline-block;
  width: 48%;
  margin: 0 1% 12px 1%;
  padding: 20px 0;
  border-radius: 12px;
  border: none;
  font-size: 1.22rem;
  font-weight: 600;
  background: #f4f6fa;
  color: #69707a;
  transition: background 0.22s, color 0.22s;
  cursor: pointer;
  outline: none;
}
.owner-existent-model .btn-select-delete-reason:not(:last-child) {
  margin-bottom: 18px;
}
.owner-existent-model #btnPetIsDeceased {
  background: #fff5f5;
  color: #e14444;
}
.owner-existent-model .btn-select-delete-reason.selected {
  color: #fff !important;
  box-shadow: 0 2px 12px 0 rgba(41, 50, 76, 0.09);
}
.owner-existent-model #btnNoLongerNeeded.selected {
  background: #e14444 !important;
  color: #fff !important;
}
.owner-existent-model #btnPetIsDeceased.selected {
  background: #47a88b !important;
  color: #fff !important;
}
.owner-existent-model #btnConfirmDelete[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
  background: #eaeef1 !important;
  color: #b3b7c6 !important;
  border: none;
}
.owner-existent-model #btnConfirmDelete.delete-red {
  background: #e14444 !important;
  color: #fff !important;
  border: none;
}
.owner-existent-model #btnConfirmDelete.delete-green {
  background: #47a88b !important;
  color: #fff !important;
  border: none;
}


/*generated at 2025-12-06T05:36:21+00:00*/