.ctn__dashboard__user {
  margin-top: 100px;
  font-family: "Montserrat", sans-serif;
}
.favorite-button {
  cursor: pointer;
  -webkit-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  transition: fill 0.3s;
}

.favorite-button.active path {
  fill: #bb0505;
}

.error{
  border-color: #dc3545;
}

.add__star__chaperon,
.add__star{
  cursor: pointer;
transition: fill 0.3s;
}


.add__star__chaperon.is__active path,
.add__star.is__active path {
  fill-rule: evenodd;
  clip-rule: evenodd;
  d: path("M11 1.80957C11.7942 1.80957 12.4982 2.31436 12.7436 3.05992L14.1842 7.43615H18.8462C19.6405 7.43615 20.3444 7.94093 20.5898 8.6865C20.8352 9.43206 20.5664 10.2488 19.9238 10.7096L16.1522 13.4143L17.5928 17.7905C17.8383 18.5361 17.5694 19.3528 16.9268 19.8136C16.2843 20.2744 15.4142 20.2744 14.7716 19.8136L11 17.1089L7.22837 19.8136C6.5858 20.2744 5.71571 20.2744 5.07315 19.8136C4.43059 19.3528 4.16172 18.5361 4.40716 17.7905L5.84779 13.4143L2.07616 10.7096C1.4336 10.2488 1.16473 9.43206 1.41017 8.6865C1.6556 7.94093 2.35952 7.43615 3.15377 7.43615H7.81575L9.25638 3.05992C9.50182 2.31436 10.2057 1.80957 11 1.80957Z");
  fill: #E57B30;
}

.inner__dashboard__user {
  padding-left: 300px;
  width: 100%;
  min-height: calc(100vh - 60px);
}
.inner__dashboard__user.is__fullpage {
  padding-left: 0;
}
.inner__dashboard__user.is__fullpage .container__account {
  max-width: 1200px;
}
.divider {
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 100%;
  border-bottom: 1px solid #e7e9ec;
}
.middle__divider {
  max-width: 625px;
}

.sidebar__account {
  width: 280px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  bottom: 0;
  background-color: #fff;
  padding-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.sidebar__account .account__avatar {
  margin-left: auto;
  margin-right: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin-bottom: 2rem;
}
.sidebar__account .account__avatar img {
  max-width: 128px;
  max-height: 128px;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.account__avatar .btn__edit__profileuser ,
.account__avatar .btn__edit__profile {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
.list__account__menu {
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
  width: 100%;
}
.list__account__menu a {
  position: relative;
  padding-left: 3rem;
  font-weight: 500;
  font-size: 1rem;
  text-shadow: none;
  color: #3e3322;
  text-decoration: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  min-height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list__account__menu a.active__item {
  font-weight: 700;
  background-color: #fcfcfc;
}
.list__account__menu a.active__item:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 100%;
  background-color: #f27059;
  left: 0;
}
.list__account__menu a svg {
  position: absolute;
  left: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.container__account {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}
.container__account.medium {
  max-width: 1024px;
}

.information__account {
  position: relative;
}
.information__account p {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}

.subtitle__account {
  color: #3e3322;
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
.divider {
  border-bottom: 1px solid #e7e9ec;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.btn__disabled__account {
  border: none;
  padding-left: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
}
.btn__disabled__account b {
  text-decoration: underline;
  color: #646668;
  font-weight: 600;
}
.disclaimer__account {
  color: #646668;
}

.list__sections {
  display: none;
}

.list__submenu__chaperon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  margin-bottom: 2rem;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.list__submenu__chaperon .inner__list__sections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list__submenu__chaperon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-left: 0;
}
.list__submenu__chaperon ul a {
  color: #646668;
  text-decoration: none;
  margin-right: 1rem;
  position: relative;
  padding-bottom: 0.5rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
.list__submenu__chaperon ul a:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  width: 100%;
  background-color: transparent;
}
.list__submenu__chaperon ul a.active:after {
  background-color: #f27059;
}

.alert__form {
  position: absolute;
  right: 0;
  bottom: -1rem;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: all cubic-bezier(0.57, 0.21, 0.47, 0.87) 0.35s;
  -o-transition: all cubic-bezier(0.57, 0.21, 0.47, 0.87) 0.35s;
  transition: all cubic-bezier(0.57, 0.21, 0.47, 0.87) 0.35s;
}
.alert__form.open {
  bottom: 1rem;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.modal-body p {
  font-weight: 400;
}
.info__pet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.info__pet__description {
  width: 100%;
}
.info__pet__photo {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  min-width: 232px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
  position: relative;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.info__pet__photo img {
  width: 190px;
  height: 190px;
  max-width: 190px;
}

.inner__infophoto__pet {
  position: relative;
}
.inner__infophoto__pet img {
  border-radius: 1rem;
}
.edit__photo__pet {
  position: absolute;
  bottom: -1rem;
  left: 160px;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.update__photo__pet {
  position: absolute;
  bottom: -1rem;
  left: 160px;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.info__pet .card__desc__pet {
  border-radius: 1rem;
  border: 1px solid #e7e9ec;
}
.info__pet p {
  color: #646668;
}
.info__pet p b {
  color: #3e3322;
}

.info__pet p.mutted__title b,
.info__pet p.mutted__title {
  color: #646668;
}
.list__pets__name {
  cursor: pointer;
}

.item__card__edition {
  border: 1px solid #e7e9ec;
  margin-bottom: 1rem;
}

.item__card__edition:active,
.item__card__edition.active,
.item__card__edition:hover {
  cursor: pointer;
  border: 1px solid #f4845f;
}
.item__card__edition.active svg path,
.item__card__edition:hover svg path {
  fill: #f4845f;
}
.item__card__edition.active p,
.item__card__edition:hover p {
  color: #f4845f;
}
.item__card__edition.active {
  background-image: url("../img/icons/icon__check.svg");
  background-repeat: no-repeat;
  background-position: 90% 0.5rem;
  background-size: 20px;
}

.button__upfile input {
  width: 0;
  height: 0;
}
.button__upfile label {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.block__upfile .form-control {
  height: 42px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.block__upfile .form-floating > label {
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
}

.navigation__favoritos a {
  color: #646668;
  font-size: 0.875rem;
  font-weight: 600;
  border-bottom: 3px solid transparent;
}
.navigation__favoritos a.active {
  border-color: #f27059;
}
.navigation__favoritos a:hover,
.navigation__favoritos a:focus {
  color: #3e3322;
}

.empty__fav{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}

.empty__fav h2{
  color: var(--mud, #3E3322);
  text-align: center;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

.empty__fav p {
  color: var(--dark-gray, #646668);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.grid__list__item {
  max-width: 174px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.grid__list__item p {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 1.35em;
}

.grid__list__item img{
  border-radius: 12px;
}

.list__item__name {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list__item__name b {
  max-width: 140px;
  display: inline-block;
}
.grid__list__date b {
  font-size: 0.75rem;
  font-weight: 500;
}

.table__reservas .dataTables_length {
  display: none;
}
.table__reservas .dataTables_wrapper .dataTables_filter {
  float: left;
}
.table__reservas tr td {
  position: relative;
  font-size: 0.875rem;
}
.table__reservas .column__options {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.table__reservas .column__options p {
  margin-bottom: 0;
}
.table__reservas .column__options p small {
  font-size: 0.75rem;
}

.item__reservation__options {
  position: absolute;
  right: 2rem;
  top: 3rem;
  z-index: -1;
  background-color: #fff;
  border-radius: 1rem;
  padding: 1rem;
  width: 170px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all linear 0.25s;
  -o-transition: all linear 0.25s;
  transition: all linear 0.25s;
}
.item__reservation__options.open {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  top: 1.5rem;
}
.table__reservas .column__options button {
  margin-left: 1rem;
}
.item__reservation__options ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.item__reservation__options ul li {
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
  border-bottom: 2px solid #f27059;
}
.item__reservation__options ul li:last-of-type {
  margin-bottom: 0;
  border-bottom: none;
}
.item__reservation__options ul a {
  text-decoration: none;
  color: #5e5f73;
  font-size: 0.875rem;
}
.toggle__reservation__options {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.table__reservas .dataTables_filter {
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.head__reservas {
  position: relative;
}

.head__reservas span {
  position: absolute;
  right: 2rem;
  top: 1rem;
}

.head__reservas .form-floating {
  width: 100%;
  max-width: 500px;
}
.head__reservas .form-floating input {
  padding-left: 3rem;
  background-image: url("../img/icons/search-loupe.svg");
  background-repeat: no-repeat;
  background-position: 0.5rem center;
  background-size: 24px;
}
.head__reservas .form-floating > label {
  padding-left: 3.5rem;
}
.table > thead {
  background-color: #e7e9ec;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #646668;
}

.subtitle__payment {
  color: #4f4f4f;
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
.personal__data__info {
  padding-top: 0;
  padding-bottom: 1rem;
}
.personal__data__info p {
  font-size: 1rem;
  margin-bottom: 0.25rem;
  word-break: break-all;

}
.personal__data__info p small {
  font-size: 0.875rem;
}
.personal__data__info .icon__update__file {
  position: absolute;
  right: -0.5rem;
  bottom: 0;
  background-color: transparent;
  border: none;
}
.personal__data__info .update__file__pets {
  width: 0;
  height: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
}

.update__file__avataruser,
.update__file__photo__pet,
.update__file__avatar {
  width: 0;
  height: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
}

.head__detalle__reserva h1 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #000;
}
.reservation__status,
.deposit__status {
  border-radius: 1rem;
  padding: 0.125rem 1rem;
  color: #fff;
  font-weight: 600;
  min-width: 120px;
  display: inline-block;
  text-align: center;
}
.reservation__status.reservation__solicitud,
.reservation__status.reservation__enrevision {
  background-color: #ffc107;
}
.reservation__status.reservation__aceptada,
.reservation__status.reservation__pagada {
  background-color: #17a2b8;
}
.reservation__status.reservation__rechazada,
.reservation__status.reservation__cancelada {
  background-color: #f25c54;
}
.reservation__status.reservation__curso,
.reservation__status.reservation__finalizado,
.reservation__status.reservation__finalizada {
  background-color: #28a745;
}

.deposit__status.deposit__pending {
  background-color: #f79d65;
}
.deposit__status.deposit__paid {
  background-color: #13a699;
}
.deposit__status.deposit__detained {
  background-color: #f25c54;
}

.form__cancelacion {
  max-width: 600px;
}
.ctn__notifications {
  padding: 2rem;
}
.list__notifications ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list__notifications ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 1rem;
  border-bottom: 1px solid #e4e8ee;
}
.list__notifications ul li p {
  margin-bottom: 0;
}
.notification__item.is__recent {
  background-color: #fffcf8;
}
.head__search {
  max-width: 500px;
  position: relative;
}
.head__search input {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
  background-repeat: no-repeat;
  background-position: 1rem center;
  background-size: 24px;
  background-image: url("../img/icons/search-loupe.svg");
}
.head__search .form-floating > label {
  padding-left: 3.5rem !important;
}
.head__search .clear__input {
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctn__invitacion {
  padding: 2rem;
}

.list__social__invitation {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list__social__invitation a {
  margin: 1rem 0.25rem;
}
.bnnr__invitacion {
  position: relative;
}
.bnnr__invitacion picture,
.bnnr__invitacion img {
  position: relative;
  z-index: 1;
  max-width: 100%;
}
.bnnr__invitacion div {
  position: relative;
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem;
  color: #ffffff;
  max-width: 300px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrap__img__pet {
  position: relative;
}
.wrap__img__pet img {
  border-radius: 1rem;
  max-width: 70px;
  max-height: 70px;
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
  object-fit: cover;
}
.wrap__img__pet a {
  position: absolute;
  right: 0;
  bottom: 0;
}

.input__file {
  width: 70px;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0);
  position: relative;
}
.upload__img {
  border-radius: 1rem;
  display: inline-block;
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  vertical-align: middle;
  cursor: pointer;
}
.input__file__upload {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.input__file__upload input[type="file"] {
  opacity: 0;
  padding: 0;
  height: 70px;
  width: 70px;
  position: absolute;
}

.upload__label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  text-align: center;
  color: #ffffff;
  display: block;
  padding: 8px 0;
  position: absolute;
  line-height: normal;
  font-size: 14px;
  font-weight: 700;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.input__file__upload:hover .upload__label {
  background: #eaf5fe;
  color: #3b70f1;
}
.input__file__upload svg {
  position: absolute;
  right: 0;
  bottom: 0;
}
.block__upfile .text-truncate {
  max-width: 120px;
}

.card__grid__preferences {
  border-radius: 1rem;
}
.card__grid__preferences {
  border: 1px solid #e7e9ec;
  cursor: pointer;
  color: #3e3322;
  -webkit-transition: all linear 0.25s;
  -o-transition: all linear 0.25s;
  transition: all linear 0.25s;
}
.card__grid__preferences p {
  text-align: center;
}
.card__grid__preferences:hover,
.card__grid__preferences:active,
.card__grid__preferences.active {
  border: 1px solid #f27059;
  color: #f27059;
}
.title__subsection {
  font-size: 1.25rem;
  color: #3e3322;
  font-weight: 700;
  margin-bottom: 1rem;
}

.card__grid__preferences svg path,
.card__grid__preferences svg path,
.card__grid__preferences svg path {
  -webkit-transition: all linear 0.25s;
  -o-transition: all linear 0.25s;
  transition: all linear 0.25s;
}
.card__grid__preferences:hover svg path,
.card__grid__preferences:active svg path,
.card__grid__preferences.active svg path {
  fill: #f27059;
}
.wrap__calendar__chaperon input {
  display: none;
}
.wrap__calendar__chaperon .lightpick {
  width: 100%;
  z-index: 1;
}
.wrap__calendar__chaperon .lightpick--inlined {
  width: 100%;
}
.wrap__calendar__chaperon .lightpick__month {
  width: 100%;
}
.wrap__calendar__chaperon .lightpick__day {
  width: 100%;
  min-height: 90px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 1rem;
  color: #939393;
  font-weight: 600;
  font-size: 1rem;
  position: relative;
}
.wrap__calendar__chaperon .lightpick__day div {
  color: #f4845f;
  border: 1px solid #f4845f;
  width: 95%;
  line-height: 80px;
  height: 80px;
  padding: 1rem 0.5rem;
  text-align: center;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}


.wrap__calendar__chaperon .lightpick__day.is-disabled {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.wrap__calendar__chaperon .lightpick__day.day__disabled div strong {
  color: #939393;
}
.wrap__calendar__chaperon .lightpick__day.day__disabled div span {
  opacity: 0;
}

.wrap__calendar__chaperon .lightpick__day.is-available{
  color: #f4845f;
  position: relative; 
}
.wrap__calendar__chaperon .lightpick__day.is-today {
  background-size: 14px auto;
  background-position: center 10px;
}
.wrap__calendar__chaperon .lightpick__day:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 4px;
  width: 95%;
  height: 95%;
  border: 1px solid #E7E9EC;
  
}
.wrap__calendar__chaperon .lightpick__day.is-available:before{
  border: 1px solid #f4845f;
}
.wrap__calendar__chaperon .lightpick__day.is-available:after {
  content: "Disponible";
  font-size: 0.75rem;
  color: #f4845f;
  bottom: 1rem;
  left: 1rem;
  font-weight: 400;
  position: absolute;
}

.button__upfile {
  position: relative;
}
.button__upfile input {
  width: 0;
  height: 0;
  position: absolute;
}
.loader__file__pett,
.loader__file {
  width: 40px;
  height: 40px;
  border: 4px solid #fff;
  border-bottom-color: #F27059;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}
@-webkit-keyframes rotation {
  0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
  }
  }
@keyframes rotation {
  0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
  }
  }
  
@media screen and (max-width: 1300px) {
  .container__account {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .sidebar__account {
    position: -webkit-sticky;
    position: sticky;
    padding-top: 0;
    width: 100%;
    left: 0;
    bottom: auto;
    right: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    z-index: 10;
    top: 60px;
    border-bottom: 1px solid #e7e9ec;
    overflow-x: auto;
  }
  .inner__dashboard__user {
    padding-left: 0;
  }
  .sidebar__account .account__avatar {
    display: none;
  }
  .list__account__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 320px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .list__account__menu a svg {
    position: static;
  }
  .list__account__menu a {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .list__account__menu a span {
    display: none;
  }
  .ctn__dashboard__user {
    margin-top: 0;
  }
  .list__account__menu a.active__item:before {
    content: none;
  }
  .list__account__menu a svg path {
    fill: #646668;
  }
  .list__account__menu a.is__stroke svg path {
    stroke: #646668;
    fill: none;
  }
  .list__account__menu a.active__item svg path {
    fill: #f27059;
  }
  .list__account__menu a.active__item.is__stroke svg path {
    fill: none;
    stroke: #f27059;
  }

  .list__submenu__chaperon,
  .list__sections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    right: 0;
    top: 100px;
    background-color: #fff;
    z-index: 10;
    padding-top: 0.5rem;
    padding-bottom: 0rem;
  }
  .list__submenu__chaperon::after,
  .list__sections::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin-left: auto;
    width: 64px;
    background: -o-linear-gradient(
      right,
      #ffffff 40.64%,
      rgba(255, 255, 255, 0) 100%
    );
    background: -webkit-gradient(
      linear,
      right top, left top,
      color-stop(40.64%, #ffffff),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      270deg,
      #ffffff 40.64%,
      rgba(255, 255, 255, 0) 100%
    );
  }
  .list__submenu__chaperon ul,
  .list__sections ul {
    margin: 0;
    padding: 0 0 0.5rem 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 400px;
  }
  .list__submenu__chaperon ul a,
  .list__sections ul a {
    color: #3e3322;
    font-weight: 500;
    margin-right: 1.5rem;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    font-size: 0.875rem;
  }
  .list__sections ul a.active,
  .list__sections ul a:active,
  .list__sections ul a:focus,
  .list__sections ul a:hover {
    border-bottom: 2px solid #f27059;
  }
  .list__sections ul li:last-of-type {
    margin-right: 2rem;
  }
  .inner__list__submenu__chaperon,
  .inner__list__sections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 32px);
    padding-left: 0;
    padding-right: 0;
    margin-left: 32px;
    overflow-x: auto;
    position: relative;
  }

  .container__account {
    margin-top: 2rem;
  }
  .information__save__btn,
  .information__edit__btn {
    width: 100%;
  }

  .info__pet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .info__pet__photo {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem;
    margin-top: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .info__pet .card__desc__pet {
    margin-bottom: 1rem;
  }
  .info__pet .card__desc__pet p {
    font-size: 0.875rem;
  }
  .list__pets__account {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .container__grid__list {
    background-color: transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .ctn__notifications {
    background-color: transparent;
    width: calc(100vw);
    margin-left: -32px;
    padding-left: 0;
    padding-right: 0;
  }

  .container__account {
    margin-top: 3rem;
  }
  .container__account .subtitle__account{
    margin-top: 1rem;
  }
  .sidebar__account + .container__account{
    margin-top: 4.5rem;
  }
  .sidebar__account ~ .list__sections + .container__account{
    margin-top: 5rem;
  }
  .ctn__notifications .subtitle__account {
    margin-top: 0;
    margin-bottom: 1rem !important;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ctn__notifications .head__search {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .bnnr__invitacion div {
    top: auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .bnnr__invitacion div .title__bnr {
    margin-bottom: 0 !important;
  }
  .ctn__invitacion {
    width: calc(100% + 64px);
    margin-left: -32px;
  }
  .list__pets__account {
    padding-top: 0 !important;
  }
  .container__account .breadcrumb__list {
    margin-top: 2rem;
  }

  .container__account__chaperon {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .container__account__chaperon .information__account {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .container__account__chaperon .ctn__notifications {
    margin-left: 0;
  }
}