.pet-radio-bar input[type="radio"] {
  opacity: 0 !important;
  position: fixed !important;
  width: 0 !important;
}

.pet-radio-bar label {
  max-width: 100%;
  text-align: center;
  border-radius: 19px;
  padding: 5px;
  border: 2px solid transparent;
}

.pet-p-radio {
  font-size: 14px;
  color: #313030;
  font-weight: bold;
}

.pet-radio-bar input[type="radio"]:focus + label {
  border: 2px solid #ddd;

  text-align: center;
  border-radius: 14px;
  -webkit-box-shadow: 7px 8px 5px 0px rgba(217, 217, 217, 0);
  -moz-box-shadow: 7px 8px 5px 0px rgba(217, 217, 217, 0);
  box-shadow: 6px 6px 5px 0px rgba(217, 217, 217, 0);
}

.pet-radio-bar input[type="radio"]:checked + label {
  border-color: #32b1fc;

  text-align: center;
}
.pet-radio-bar .mt-4{
  margin-top: -1rem !important;
}

.pet-type {
  max-width: 100%;
  cursor: pointer;
}
.pet-type:hover {
  text-align: center;
  opacity: 70%;
  /* max-width: 95%; */
}
.pet-container {
  text-align: center;
  cursor: pointer;
}

.pet-border-left {
  border-left: solid 2px #cccccc;
}

.pet-border-left-dashed {
  border-left: dashed 2px #cccccc;
}

.pet-row-margin {
  margin-top: 15px;
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.pet-row-margin-2 {
  margin-top: 0px;
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.pet-row-margin-reg {
  margin-top: 15px;

  margin-right: 15px !important;
}

.pet-h1 {
  margin-top: 20px;
  font-weight: bold;
}

.pet-row-padding {
  padding: 15px;
}

.pet-h1-mis {
  margin-top: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 20px;
  color: #000;
}

h1.pet-h1-mis strong {
  height: 40px;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}

.pet-p-span {
  line-height: 1.5;
  letter-spacing: 0.04em;
  font-size: 12px;
  position: relative;
  top: 10px;
  color: #000;
  font-weight: 600;
}

.pet-text-center {
  text-align: center;
}

.pet-text-flex {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.pet-btn-secondary {
  background: none !important;
  border: 1px solid #32b1fc !important;
  color: #32b1fc !important;
  font-weight: normal !important;
  font-size: 13px !important;
  margin-top: 4px;
}

.pet-hidden {
  display: none !important;
}

.pet-full {
  width: 100%;
}

.pet-mgt-1 {
  margin-top: 0.5em !important;
}

#pet-peso-unidad .notActive {
  color: #8625cc !important;
  background-color: #fff !important;
}

#pet-agregar-responsable .notActive {
  color: #8625cc !important;
  background-color: #fff !important;
}

.btn-primary.petActive {
  color: #fff;
  background-color: #32b1fc !important;
  border-color: #32b1fc !important;
}

.btn-primary.petActive:hover {
  color: #fff;
  background-color: #32b1fc !important;
  border-color: #32b1fc !important;
}

.btn-primary.petNoActive {
  color: #32b1fc !important;
  background-color: #fff;
  border-color: #32b1fc !important;
}

.btn-primary.petNoActive:hover {
  color: #32b1fc !important;
  background-color: #fff;
  border-color: #32b1fc !important;
}

.btn-primary.petActiveCom {
  color: #fff;
  background-color: #32b1fc !important;
  border-color: #32b1fc !important;
}

.btn-primary.petActiveCom:hover {
  color: #fff;
  background-color: #32b1fc !important;
  border-color: #32b1fc !important;
}

.btn-primary.petNoActiveCom {
  color: #32b1fc !important;
  background-color: #fff;
  border-color: #32b1fc !important;
}

.btn-primary.petNoActiveCom:hover {
  color: #32b1fc !important;
  background-color: #fff;
  border-color: #32b1fc !important;
}

.pet-help-flex {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.pet-display-block {
  display: block;
}

.pet-row-buttons {
  margin-top: 4em;
}

.pet-resumen-info {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 20px;
}

.pet-foto-resumen {
  width: 130px;
  height: 130px;
  border-radius: 100%;
  object-fit: cover;
}

.pet-foto-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.pet-title-lines {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #666666;
  font-size: 2em;
  height: 50px;
  overflow: hidden;
  column-count: 2;
}
.pet-title-lines span {
  font-size: 18px;
}

.pet-title-lines:before,
.pet-title-lines:after {
  content: "";
  border-top: 2px solid #32b1fc;
  margin: 0 20px 0 0px;
  flex: 1 0 20px;
}

.pet-title-lines:after {
  margin: 0 0 0 20px;
}

.pet-datop-container {
  border: solid 1px #b3b3b3;
  border-radius: 19px;
  width: 144px;
  height: 144px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  margin-top: 2em;
}

.pet-macho {
  background-size: cover !important;
  background: url(../images/icono-macho.svg);

  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}

.pet-hembra {
  background-size: cover !important;
  background: url(../images/icono-hembra.svg);

  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}

.pet-color-icon {
  background-size: cover !important;
  background: url(../images/icono-color.svg);

  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}

.pet-peso-icon {
  background-size: cover !important;
  background: url(../images/icono-peso.svg);

  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}

.pet-cumple-icon {
  background-size: cover !important;
  background: url(../images/icono-cumpleanos.svg);

  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}

.pet-alim-icon {
  background-size: cover !important;
  background: url(../images/icono-alimento.svg);

  background-position: center;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
}

.pet-contacto-icon {
  background-size: cover !important;
  background: url(../images/icono-contacto-casa.svg);

  background-position: center;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
}

.pet-infoadicional-icon {
  background-size: cover !important;
  background: url(../images/icono-peso-copia.svg);

  background-position: center;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
}

.pet-color {
  font-size: 1.2em;
  margin: 5px;
  text-align: center;
}

p.pet-color:first-letter {
  text-transform: uppercase;
}

.pet-peso {
  font-size: 2em;
  margin: 5px;
}

.pet-cumple:before {
  font-family: "FontAwesome";
  font-size: 3em;
  content: "\f06b";
  color: #8625cc;
  margin: 5px;
}

.pet-despar-img {
  border: solid 1px #b3b3b3;
  border-radius: 19px;
  margin-top: 20px;
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.pet-carnet-img {
  border: solid 1px #b3b3b3;
  border-radius: 19px;
  margin-top: 20px;
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.pet-label-title {
  border-bottom: 2px solid #32b1fc;
  padding-bottom: 6px;
  color: #000 !important;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  pointer-events: none;

  width: 98%;
}
.pet-label-title span {
  position: relative;
  top: 19px;
}

.pet-p {
  font-size: 1.4em;
  font-weight: lighter;
  margin-top: 20px;
  /* text-align: left;
  padding-left: 60px;
  padding-right: 15px; */
}

.pet-p-al {
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
  text-align: left;
  margin-bottom: 20px;
  color: #3a3a3a;
}

.pet-li {
  font-size: 1.4em;
  font-weight: lighter;
  margin-top: 20px;
  padding-left: 60px;
  padding-right: 15px;
}

.pet-li:before {
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 5px;
  color: #32b1fc;
}

.pet.table {
  border-top: 0px !important;
  border-right: 0px !important;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  padding-left: 15px;
}

.pet.table caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}

.pet.table tr {
  background-color: #ffffff;
  border: 1px solid #ddd;
  padding: 0.35em;
  border-left: 0px !important;
}

.pet.table th,
.pet.table td {
  padding: 0.625em;
  text-align: center;
  border-left: 0px !important;
}

.pet.table td {
  font-weight: 500 !important;
}

.pet.table th {
  letter-spacing: 0.1em;
  font-size: 14px !important;
  font-family: "Open Sans", sans-serif;
  color: #000 !important;
}

@media screen and (max-width: 600px) {
  .pet.table {
    border: 0;
  }

  .pet.table caption {
    font-size: 1.3em;
  }

  .pet.table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .pet.table tr {
    border-bottom: 1px solid #ddd !important;
    display: block;
    margin-bottom: 0.625em;
    border-left: 1px solid #ddd !important;
  }

  .pet.table tr td {
    border-bottom: 0px solid #ddd !important;
    display: block;
    font-size: 0.8em;
    text-align: right;
    border-left: 0px !important;
    border-top: 0px solid #ddd !important;
    font-weight: 500 !important;
  }

  .pet.table tr td::before {
    /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 5px;
  }

  .pet.table tr td:last-child {
    border-bottom: 0;
  }

  .img-qr {
    max-width: 74px !important;
  }

  img.img-banner-ipm {
    max-width: 76px !important;
  }

  .qr-container-pet .pet-label-title {
    border-bottom: 2px solid #32b1fc;
    padding-bottom: 6px;
    color: #000 !important;
    font-size: 12px !important;
    font-family: "Open Sans", sans-serif;
    pointer-events: none;
    margin-left: 0px;
    word-wrap: break-word;
  }

  .col-xs-4.col-sm-4.col-md-3.col-lg-3 {
    display: none;
  }

  .col-xs-8.col-sm-8.col-md-9.col-lg-9.pet-border-left-dashed.contenedor-resumen {
    border: none;
    width: 100%;
  }

  .pet-logo-top {
    position: absolute;
    top: 15px;
    left: 15px;
    display: none;
    width: 28%;
  }
}

/************** cols same heigt in a row ***********/

.row.is-flex {
  display: flex;
  flex-wrap: wrap;
}

.row.is-flex-2 {
  display: flex;
  flex-wrap: wrap;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.row.is-flex-2 > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

.row.is-flex > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

.is-flex [class*="col-"] {
  background: #fff;
}

/******* fomr pet progress **********/

#progress {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.node {
  height: 29px;
  width: 29px;
  border-radius: 50%;
  display: inline-block;
  transition: all 1000ms ease;
}

.node-tooltip {
  height: 29px;
  width: 29px;
  border-radius: 50%;
  display: inline-block;
  transition: all 1000ms ease;
  display: none;
}

.activated {
  box-shadow: 0px 0px 3px 2px #32b1fc;
}

.activated .node-center1 {
  background-color: #32b1fc
}

.activated + p {
  color: #32b1fc;
  font-weight: bold;
}

.activated .node-center2 {
  background-color: #32b1fc;
}

.activated .node-center3 {
  background-color: #32b1fc;
}

.divider {
  height: 30vh;
  width: 2px;
  margin-left: 13px;
  transition: all 800ms ease;
}

#progress li p {
  display: inline-block;
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  white-space: normal;
  line-height: 1;
  width: 60%;
  font-size: 14px;
}

li {
  list-style: none;
  line-height: 1px;
}

.blue {
  background-color: #32b1fc;
}
.green {
  background-color: rgba(92, 184, 92, 1);
}
.red {
  background-color: rgba(255, 148, 148, 1);
}
.grey {
  background-color: rgba(201, 201, 201, 1);
}
.purple {
  background-color: #8625cc;
}

@media only screen and (max-width: 767px) {
  .node-tooltip {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    display: inline-block;
    transition: all 1000ms ease;
    display: block;
  }

  .no-tooltip {
    display: none;
  }

  #progress li p {
    display: inline-block;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    white-space: normal;
    line-height: 1;
    display: none;
  }

  .btn-alert-container {
    display: flex;
    flex-direction: column;
    padding: 5px;
  }
  div#calendar {
    margin-top: 15px;
  }
  .fc-center {
    text-align: center;
}
.fc-toolbar  button.btn.btn-primary {
  font-size: 12px;
}

}

/***************************************/
/******* toltip personalizado *********/

[data-tootik] {
  position: relative;
}

[data-tootik]:after {
  border-radius: 7px;
  bottom: 100%;
  box-sizing: border-box;
  color: #ffffff;
  content: attr(data-tootik);
  font-family: "Century Gothic", AppleGothic, "CenturyGothic", sans-serif;
  font-size: 13px;
  font-style: normal;
  left: 50%;
  line-height: 14px;
  max-width: 320px;
  opacity: 0;
  overflow: hidden;
  padding: 6px 6px 5px 6px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  -webkit-transform: translate(-50%, 12px);
  transform: translate(-50%, 12px);
  -webkit-transition: opacity 0.3s cubic-bezier(0.73, 0.01, 0, 1),
    -webkit-transform 0.3s cubic-bezier(0.73, 0.01, 0, 1);
  transition: opacity 0.3s cubic-bezier(0.73, 0.01, 0, 1),
    -webkit-transform 0.3s cubic-bezier(0.73, 0.01, 0, 1);
  transition: opacity 0.3s cubic-bezier(0.73, 0.01, 0, 1),
    transform 0.3s cubic-bezier(0.73, 0.01, 0, 1);
  transition: opacity 0.3s cubic-bezier(0.73, 0.01, 0, 1),
    transform 0.3s cubic-bezier(0.73, 0.01, 0, 1),
    -webkit-transform 0.3s cubic-bezier(0.73, 0.01, 0, 1);
  white-space: nowrap;
  z-index: 100000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

[data-tootik]:before {
  border-style: solid;
  border-top-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-bottom-width: 0;
  content: "";
  height: 0;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: -2px;
  -webkit-transform: translate(-50%, calc(-50% - 6px));
  transform: translate(-50%, calc(-50% - 6px));
  -webkit-transition: opacity 0.1s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    -webkit-transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0s;
  transition: opacity 0.1s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    -webkit-transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0s;
  transition: opacity 0.1s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0s;
  transition: opacity 0.1s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    -webkit-transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0s;
  width: 0;
  z-index: 110000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

[data-tootik]:after {
  background: #000000;
}

[data-tootik]:before {
  border-top-color: #000000;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="right"]:before {
  border-top-color: transparent;
  border-right-color: #000000;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="bottom"]:before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #000000;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="left"]:before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #000000;
}

[data-tootik]:hover:before,
[data-tootik]:hover:after,
[data-tootik]:focus:before,
[data-tootik]:focus:after {
  opacity: 1;
}

[data-tootik]:hover:before,
[data-tootik]:focus:before {
  -webkit-transform: translate(-50%, calc(-50% - 2px));
  transform: translate(-50%, calc(-50% - 2px));
  -webkit-transition: opacity 0.1s cubic-bezier(0.73, 0.01, 0, 1) 0.1s,
    -webkit-transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0.1s;
  transition: opacity 0.1s cubic-bezier(0.73, 0.01, 0, 1) 0.1s,
    -webkit-transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0.1s;
  transition: opacity 0.1s cubic-bezier(0.73, 0.01, 0, 1) 0.1s,
    transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0.1s;
  transition: opacity 0.1s cubic-bezier(0.73, 0.01, 0, 1) 0.1s,
    transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0.1s,
    -webkit-transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0.1s;
}

[data-tootik]:hover:after,
[data-tootik]:focus:after {
  -webkit-transform: translate(-50%, -6px);
  transform: translate(-50%, -6px);
}

[data-tootik][data-tootik-conf*="right"]:before {
  border-style: solid;
  border-top-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-left-width: 0;
  left: auto;
  right: -6px;
  top: 50%;
  -webkit-transform: translate(calc(-50% + 7px), -50%);
  transform: translate(calc(-50% + 7px), -50%);
}

[data-tootik][data-tootik-conf*="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-12px, -50%);
  transform: translate(-12px, -50%);
}

[data-tootik][data-tootik-conf*="right"]:hover:before,
[data-tootik][data-tootik-conf*="right"]:focus:before {
  -webkit-transform: translate(calc(-50% + 3px), -50%);
  transform: translate(calc(-50% + 3px), -50%);
}

[data-tootik][data-tootik-conf*="right"]:hover:after,
[data-tootik][data-tootik-conf*="right"]:focus:after {
  -webkit-transform: translate(7px, -50%);
  transform: translate(7px, -50%);
}

[data-tootik][data-tootik-conf*="bottom"]:before {
  border-style: solid;
  border-top-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-top-width: 0;
  bottom: -6px;
  left: 50%;
  top: auto;
  -webkit-transform: translate(-50%, calc(-50% + 6px));
  transform: translate(-50%, calc(-50% + 6px));
}

[data-tootik][data-tootik-conf*="bottom"]:after {
  bottom: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -12px);
  transform: translate(-50%, -12px);
}

[data-tootik][data-tootik-conf*="bottom"]:hover:before,
[data-tootik][data-tootik-conf*="bottom"]:focus:before {
  -webkit-transform: translate(-50%, calc(-50% + 2px));
  transform: translate(-50%, calc(-50% + 2px));
}

[data-tootik][data-tootik-conf*="bottom"]:hover:after,
[data-tootik][data-tootik-conf*="bottom"]:focus:after {
  -webkit-transform: translate(-50%, 6px);
  transform: translate(-50%, 6px);
}

[data-tootik][data-tootik-conf*="left"]:before {
  border-style: solid;
  border-top-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 0;
  height: 0;
  left: -2px;
  top: 50%;
  -webkit-transform: translate(calc(-50% - 8px), -50%);
  transform: translate(calc(-50% - 8px), -50%);
  width: 0;
}

[data-tootik][data-tootik-conf*="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(12px, -50%);
  transform: translate(12px, -50%);
}

[data-tootik][data-tootik-conf*="left"]:hover:after,
[data-tootik][data-tootik-conf*="left"]:focus:after {
  -webkit-transform: translate(-7px, -50%);
  transform: translate(-7px, -50%);
}

[data-tootik][data-tootik-conf*="left"]:hover:before,
[data-tootik][data-tootik-conf*="left"]:focus:before {
  -webkit-transform: translate(calc(-50% - 3px), -50%);
  transform: translate(calc(-50% - 3px), -50%);
}

[data-tootik][data-tootik-conf*="multiline"]:after {
  min-width: 180px;
  text-overflow: clip;
  white-space: normal;
  word-break: break-word;
}

[data-tootik][data-tootik-conf*="delay"]:before {
  -webkit-transition: opacity 0.2s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    -webkit-transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0s;
  transition: opacity 0.2s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    -webkit-transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0s;
  transition: opacity 0.2s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0s;
  transition: opacity 0.2s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    -webkit-transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0s;
}

[data-tootik][data-tootik-conf*="delay"]:after {
  -webkit-transition: opacity 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    -webkit-transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0s;
  transition: opacity 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    -webkit-transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0s;
  transition: opacity 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0s;
  transition: opacity 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0s,
    -webkit-transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0s;
}

[data-tootik][data-tootik-conf*="delay"]:hover:before,
[data-tootik][data-tootik-conf*="delay"]:focus:before {
  -webkit-transition: opacity 0.2s cubic-bezier(0.73, 0.01, 0, 1) 0.5s,
    -webkit-transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0.5s;
  transition: opacity 0.2s cubic-bezier(0.73, 0.01, 0, 1) 0.5s,
    -webkit-transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0.5s;
  transition: opacity 0.2s cubic-bezier(0.73, 0.01, 0, 1) 0.5s,
    transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0.5s;
  transition: opacity 0.2s cubic-bezier(0.73, 0.01, 0, 1) 0.5s,
    transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0.5s,
    -webkit-transform 0.6s cubic-bezier(0.73, 0.01, 0, 1) 0.5s;
}

[data-tootik][data-tootik-conf*="delay"]:hover:after,
[data-tootik][data-tootik-conf*="delay"]:focus:after {
  -webkit-transition: opacity 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0.4s,
    -webkit-transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0.4s;
  transition: opacity 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0.4s,
    -webkit-transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0.4s;
  transition: opacity 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0.4s,
    transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0.4s;
  transition: opacity 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0.4s,
    transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0.4s,
    -webkit-transform 0.3s cubic-bezier(0.73, 0.01, 0, 1) 0.4s;
}

[data-tootik][data-tootik-conf*="shadow"]:after {
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

[data-tootik][data-tootik-conf*="no-fading"]:before,
[data-tootik][data-tootik-conf*="no-fading"]:after {
  -webkit-transition: none;
  transition: none;
}

[data-tootik][data-tootik-conf*="no-arrow"]:before {
  display: none;
}

[data-tootik][data-tootik-conf*="square"]:after {
  border-radius: 0;
}

[data-tootik][data-tootik-conf*="invert"]:after {
  color: #000000;
  background: #ffffff;
}

[data-tootik][data-tootik-conf*="invert"]:before {
  border-top-color: #ffffff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="invert"][data-tootik-conf*="right"]:before {
  border-top-color: transparent;
  border-right-color: #ffffff;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="invert"][data-tootik-conf*="bottom"]:before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #ffffff;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="invert"][data-tootik-conf*="left"]:before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #ffffff;
}

[data-tootik][data-tootik-conf*="success"]:after {
  background: #32b1fc;
}

[data-tootik][data-tootik-conf*="success"]:before {
  border-top-color: #32b1fc;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="success"][data-tootik-conf*="right"]:before {
  border-top-color: transparent;
  border-right-color: #32b1fc;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="success"][data-tootik-conf*="bottom"]:before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #32b1fc;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="success"][data-tootik-conf*="left"]:before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #32b1fc;
}

[data-tootik][data-tootik-conf*="info"]:after {
  background: #32b1fc;
}

[data-tootik][data-tootik-conf*="info"]:before {
  border-top-color: #32b1fc;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="info"][data-tootik-conf*="right"]:before {
  border-top-color: transparent;
  border-right-color: #32b1fc;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="info"][data-tootik-conf*="bottom"]:before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #32b1fc;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="info"][data-tootik-conf*="left"]:before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #32b1fc;
}

[data-tootik][data-tootik-conf*="warning"]:after {
  background: #f87d09;
}

[data-tootik][data-tootik-conf*="warning"]:before {
  border-top-color: #f87d09;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="warning"][data-tootik-conf*="right"]:before {
  border-top-color: transparent;
  border-right-color: #f87d09;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="warning"][data-tootik-conf*="bottom"]:before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #f87d09;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="warning"][data-tootik-conf*="left"]:before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #f87d09;
}

[data-tootik][data-tootik-conf*="danger"]:after {
  background: #ed555b;
}

[data-tootik][data-tootik-conf*="danger"]:before {
  border-top-color: #ed555b;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="danger"][data-tootik-conf*="right"]:before {
  border-top-color: transparent;
  border-right-color: #ed555b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="danger"][data-tootik-conf*="bottom"]:before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #ed555b;
  border-left-color: transparent;
}

[data-tootik][data-tootik-conf*="danger"][data-tootik-conf*="left"]:before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #ed555b;
}

[data-tootik][data-tootik=""]:before,
[data-tootik][data-tootik=""]:after {
  display: none;
}

/******************************/
/**********  estilos margin ***/

.pl-0 {
  padding-left: 0px !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 2rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}

/******************************
* === modal pets     ===
******************************/

.pet.modal {
 
  justify-items: center;
  align-items: center;
}

.pet2.modal {
  top: 0px !important;
}

.pet #message {
  margin-top: 15px;
}

.pet #message .alert {
  margin-bottom: 10px;
}

.modal-backdrop {
  background-color: #ffffff !important;
  opacity: 0.9 !important;
}

.pet .modal-title {
  font-family: "Varela Round", sans-serif;
  font-size: 20px;
  color: #4a9fdc;
  text-transform: uppercase;
}

.pet .modal-title span {
  color: #000000;

}

.pet .modal-header {
  
  border-bottom: 3px solid #4a9fdc;
 
  padding-left: 0;
}

.pet .modal-header .close {
  position: relative;
	left: 24px;
	width: 33px;
	height: 33px;	
	margin-top: -30px;
	text-shadow: none;
	color: #d5d4d4;
	font-size: 28px;
	border-radius: 50%;	
	opacity: 1;
    top:9px;
}

.pet .modal-content {
  width: 95%;
  padding: 15px 22px 30px;
  margin: 0 auto;
  -webkit-box-shadow: 3px 3px 7px 3px rgba(204, 204, 255, 0.75);
  -moz-box-shadow: 3px 3px 7px 3px rgba(204, 204, 255, 0.75);
  box-shadow: 3px 3px 7px 3px rgba(204, 204, 255, 0.75);
  border: none;
}

.pet .modal-body {
  
  margin: 0 auto;
}

.pet .form-control {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #a9a39c;
  border-radius: 0 !important;
  border-bottom: 2px solid #4a9fdc;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 10px;
}

.btn-modal-invitar {
  margin: 60px 0 10px 0;
}

.btn-modal-invitar {
  margin: 60px 0 10px 0;
}

.btn-modal-invitar .btn {
  width: 140px;
  background-color: transparent;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #666666;
  padding: 6px 0;
  border-radius: 20px;
  text-transform: uppercase;
  border-color: #4a9fdc;
}

.btn-modal-invitar .btn-cancelar {
  margin-right: 15px;
}

.btn-modal-invitar .btn-accion {
  background-color: #4a9fdc;
  color: #ffffff;
  font-weight: 300;
}

.tabs-invitar .nav-tabs {
  border: none;
}

.tabs-invitar .nav-tabs > li.active > a {
  border: none;
}

.pet-btn-ver-mas {
  text-align: center;
}

a.per-qr {
  font-size: 1.5em;
  color: #4a9fdc;
  margin-top: 10px;
  font-weight: bold;
}

.pet-btn-primary {
  margin-top: 4px;
}

.qr-container-pet {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.baner-imp-container-pet {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.img-qr {
  max-width: 148px;
}

.pet-options-bar {
  margin: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  align-content: center;
}

.pet-options-bar a i {
  font-size: 3.8em !important;
  color: #4a9fdc;
}

.single-pet-cont {
  border: solid 1px #ccc;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 60px;
  padding-bottom: 10px;
  margin-top: 16px;
}

.single-pet-cont span.pet-title-lines {
  font-size: 17px !important;
}

.font-lacomunidad {
  font-family: "laComunidadFont" !important;
}

.single-pet-editar:before {
  font-family: "laComunidadFont" !important;
  content: "\e943";
}

.single-pet-retirar:before {
  font-family: "laComunidadFont" !important;
  content: "\e9bf";
}

select.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.no-modal {
  pointer-events: none;
}

.pet-btn-pry {
  margin-top: 4px;
}

.pet-edit-form {
  padding: 15px;
}

.dropzone .dz-preview .dz-image img {
  height: 100%;
  object-fit: cover;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  top: 150px;
}

.btn-pet-help {
  float: left;
  font-size: 3em !important;
  color: #32b1fc !important;
}

/*************************/
/*********** titles colors**/

h1.pet-title-purple {
  font-family: "Open Sans", sans-serif !important;
  font-size: 22px;
  line-height: 1;
  margin-top: -30px;
  margin-bottom: 11px;
  color: #32b1fc !important;
}

.pet-title-purple span {
  font-size: 26px;
  line-height: 1;
  font-weight: bold;
  color: #32b1fc !important;
}

p.pet-title-purple {
  font-family: 'Varela Round',sans-serif;
  font-size: 1.8em;
  line-height: 1;
  /* margin-top: 20px;
  margin-bottom: 40px; */
  color: #3a3a3a !important;
}

p.pet-title-purple span {
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #3a3a3a !important;
}

h1.pet-title-yellow {
  font-family: "Open Sans", sans-serif !important;
  font-size: 28px;
  line-height: 1;
  margin-top: 0px;
  margin-bottom: 30px;
  color: #fec941 !important;
}

.pet-title-yellow span {
  font-size: 26px;
  line-height: 1.8;
  font-weight: bold;
  color: #fec941 !important;
}

h1.pet-title-blue {
  font-family: "Open Sans", sans-serif !important;
  font-size: 32px;
  line-height: 1;
  margin-top: 12px;
  margin-bottom: 30px;
  color: #242424 !important;
  text-transform: uppercase;
  letter-spacing: -1px;
}

.pet-title-blue span {
  font-size: 36px;
  line-height: 1.8;
  font-weight: bold;
  color: #242424 !important;
}

input.pet {
  border-bottom: 1px solid #32b1fc !important;
}

input.pet:focus {
  border-bottom: 2px solid #32b1fc !important;
}

select.pet {
  border-bottom: 1px solid #32b1fc !important;
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  padding: 3px 23px 3px 10px !important;
  font-size: 14px;
  font-family: 'Varela Round';
}

.select2-container .select2-container--default .select2-container--focus {
  background-color: #fff;
  border-bottom: 1px solid #32b1fc !important;
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 4px;
}

.select2-container .select2-container--default {
  width: 100% !important;
}

.select2-selection .select2-selection--single {
  background-color: #fff;
  border-bottom: 1px solid #32b1fc !important;
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 4px;
}

select.pet:focus {
  border-bottom: 2px solid #32b1fc !important;
}

label.pet {
  font-size: 14px;
  color: #313030;
}

label.pet2 {
  font-size: 14px;
  color: #8c8c8c;
  font-weight: normal;
}

.input-group.pet {
  top: 28px !important;
}

.pet-drop {
  border: 2px dashed #d3d3d3 !important
  ;
}

textarea.pet {
  border: 1px solid #32b1fc !important;
  border-radius: 5px;
  padding: 5px;
  overflow-y: scroll;
}

textarea.pet#info-perdida {
  border: 1px solid #32b1fc !important;
  border-radius: 5px;
}

textarea.pet#info-perdida:focus {
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-radius: 0;
}

/*********************************/
/********* check swich *********/

.checkbox-pet .checbox-switch-pet {
  padding-left: 0;
}

.checkbox-pet.checbox-switch-pet label,
.checkbox-inline.checbox-switch-pet {
  display: inline-block;
  position: relative;
  padding-left: 0;
  font-size: 14px;
  font-weight: normal;
}
.checkbox-pet.checbox-switch-pet label input,
.checkbox-inline.checbox-switch-pet input {
  display: none;
}
.checkbox-pet.checbox-switch-pet label span,
.checkbox-inline.checbox-switch-pet span {
  width: 35px;
  border-radius: 20px;
  height: 18px;
  border: 1px solid #dbdbdb;
  background-color: rgb(255, 255, 255);
  border-color: #32b1fc;
  /* box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; */
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.checkbox-pet.checbox-switch-pet label span:before,
.checkbox-inline.checbox-switch-pet span:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  border: solid #32b1fc 1px;
  content: " ";
  top: -2px;
  position: relative;
  left: -1px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.checkbox-pet.checbox-switch-pet label > input:checked + span:before,
.checkbox-inline.checbox-switch-pet > input:checked + span:before {
  left: 17px;
}

/* Switch Default */
.checkbox-pet.checbox-switch-pet label > input:checked + span,
.checkbox-inline.checbox-switch-pet > input:checked + span {
  background-color: rgb(180, 182, 183);
  border-color: rgb(180, 182, 183);
  box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s,
    background-color 1.2s ease 0s;
}
.checkbox-pet.checbox-switch-pet label > input:checked:disabled + span,
.checkbox-inline.checbox-switch-pet > input:checked:disabled + span {
  background-color: rgb(220, 220, 220);
  border-color: rgb(220, 220, 220);
  box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s,
    background-color 1.2s ease 0s;
}
.checkbox-pet.checbox-switch-pet label > input:disabled + span,
.checkbox-inline.checbox-switch-pet > input:disabled + span {
  background-color: rgb(232, 235, 238);
  border-color: rgb(255, 255, 255);
}
.checkbox-pet.checbox-switch-pet label > input:disabled + span:before,
.checkbox-inline.checbox-switch-pet > input:disabled + span:before {
  background-color: rgb(248, 249, 250);
  border-color: rgb(243, 243, 243);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

/* Switch Light */
.checkbox-pet.checbox-switch-pet.switch-light label > input:checked + span,
.checkbox-inline.checbox-switch-pet.switch-light > input:checked + span {
  background-color: rgb(248, 249, 250);
  border-color: rgb(248, 249, 250);
  box-shadow: rgb(248, 249, 250) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s,
    background-color 1.2s ease 0s;
}

/* Switch Dark */
.checkbox-pet.checbox-switch-pet.switch-dark label > input:checked + span,
.checkbox-inline.checbox-switch-pet.switch-dark > input:checked + span {
  background-color: rgb(52, 58, 64);
  border-color: rgb(52, 58, 64);
  box-shadow: rgb(52, 58, 64) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s,
    background-color 1.2s ease 0s;
}
.checkbox-pet.checbox-switch-pet.switch-dark
  label
  > input:checked:disabled
  + span,
.checkbox-inline.checbox-switch-pet.switch-dark
  > input:checked:disabled
  + span {
  background-color: rgb(100, 102, 104);
  border-color: rgb(100, 102, 104);
  box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s,
    background-color 1.2s ease 0s;
}

/* Switch Success */
.checkbox-pet.checbox-switch-pet.switch-success label > input:checked + span,
.checkbox-inline.checbox-switch-pet.switch-success > input:checked + span {
  background-color: rgb(40, 167, 69);
  border-color: rgb(40, 167, 69);
  box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s,
    background-color 1.2s ease 0s;
}
.checkbox-pet.checbox-switch-pet.switch-success
  label
  > input:checked:disabled
  + span,
.checkbox-inline.checbox-switch-pet.switch-success
  > input:checked:disabled
  + span {
  background-color: rgb(153, 217, 168);
  border-color: rgb(153, 217, 168);
  box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
}

/* Switch Danger */
.checkbox-pet.checbox-switch-pet.switch-danger label > input:checked + span,
.checkbox-inline.checbox-switch-pet.switch-danger > input:checked + span {
  background-color: rgb(200, 35, 51);
  border-color: rgb(200, 35, 51);
  box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s,
    background-color 1.2s ease 0s;
}
.checkbox-pet.checbox-switch-pet.switch-danger
  label
  > input:checked:disabled
  + span,
.checkbox-inline.checbox-switch-pet.switch-danger
  > input:checked:disabled
  + span {
  background-color: rgb(216, 119, 129);
  border-color: rgb(216, 119, 129);
  box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s,
    background-color 1.2s ease 0s;
}

/* Switch Primary */
.checkbox-pet.checbox-switch-pet.switch-primary label > input:checked + span,
.checkbox-inline.checbox-switch-pet.switch-primary > input:checked + span {
  background-color: #32b1fc;
  border-color: #32b1fc;
  box-shadow: #32b1fc 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s,
    background-color 1.2s ease 0s;
}
.checkbox-pet.checbox-switch-pet.switch-primary
  label
  > input:checked:disabled
  + span,
.checkbox-inline.checbox-switch-pet.switch-primary
  > input:checked:disabled
  + span {
  background-color: #32b1fc;
  border-color: #32b1fc;
  box-shadow: #32b1fc 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s,
    background-color 1.2s ease 0s;
}

/* Switch Info */
.checkbox-pet.checbox-switch-pet.switch-info label > input:checked + span,
.checkbox-inline.checbox-switch-pet.switch-info > input:checked + span {
  background-color: rgb(23, 162, 184);
  border-color: rgb(23, 162, 184);
  box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s,
    background-color 1.2s ease 0s;
}
.checkbox-pet.checbox-switch-pet.switch-info
  label
  > input:checked:disabled
  + span,
.checkbox-inline.checbox-switch-pet.switch-info
  > input:checked:disabled
  + span {
  background-color: rgb(102, 192, 206);
  border-color: rgb(102, 192, 206);
  box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s,
    background-color 1.2s ease 0s;
}

/* Switch Warning */
.checkbox-pet.checbox-switch-pet.switch-warning label > input:checked + span,
.checkbox-inline.checbox-switch-pet.switch-warning > input:checked + span {
  background-color: rgb(255, 193, 7);
  border-color: rgb(255, 193, 7);
  box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s,
    background-color 1.2s ease 0s;
}
.checkbox-pet.checbox-switch-pet.switch-warning
  label
  > input:checked:disabled
  + span,
.checkbox-inline.checbox-switch-pet.switch-warning
  > input:checked:disabled
  + span {
  background-color: rgb(226, 195, 102);
  border-color: rgb(226, 195, 102);
  box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s,
    background-color 1.2s ease 0s;
}

.pet-pl-0 {
  padding-left: 0px !important;
}

#celular-otr-adulto-res {
  margin-bottom: 0;
}

#celular-error {
  margin-bottom: 20px;
  font-size: 12px;
  display: inline-block;
  color: #ed555b;
  font-weight: 600;
}

.pet-nico-collar {
  max-width: 70px;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  margin-top: 20px;
}

a.pet {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  color: #32b1fc;
  font-weight: 800;
}

a.pet:hover {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  color: #c0c0c0;
  font-weight: 800;
}

.qr-container-impPet {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#modal-carnet-vacunacion .carousel-inner .item {
  height: 500px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
#modal-desparasitada .carousel-inner .item {
  height: 500px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.pet-panel-bg {
  background: url(../images/petbg.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  border: 0px solid transparent !important;
  background-position: right bottom;
}

body.single-mascota:not(.es-responsable) #sidemenu-wrapper {
  display: none;
}

body.single-mascota:not(.es-responsable) #page-wrapper {
  padding-left: 0;
  padding-top: 0;
}

body.single-mascota:not(.es-responsable) #page-wrapper #header,
body.single-mascota:not(.es-responsable) .qr-container-impPet,
body.single-mascota:not(.es-responsable) #agregar-otra-mascota,
body.single-mascota:not(.es-responsable) #aceptar-creacion,
body.single-mascota:not(.es-responsable) #marcar-perdido,
body.single-mascota:not(.es-responsable) #marcar-encontrado {
  display: none;
}

body.single-mascota:not(.es-responsable) .pet-row-buttons {
  display: grid;
}

.alime-container {
  display: flex;
  flex-direction: row;
}

#carousel-pets .carousel-inner > .item > img {
  line-height: 1;
  width: 100% !important;
}

.pet-steps-col {
  background-color: #eeeff2 !important;
}

.node-center1 {
  height: 15px;
  width: 15px;
  background-color: gray;
  border-radius: 50%;

  position: relative;
  top: 7px;
  left: 7px;
}

.node-center2 {
  height: 15px;
  width: 15px;
  background-color: gray;
  border-radius: 50%;

  position: relative;
  top: 7px;
  left: 7px;
}

.node-center3 {
  height: 15px;
  width: 15px;
  background-color: gray;
  border-radius: 50%;

  position: relative;
  top: 7px;
  left: 7px;
}

.alert-mis-mascotas {
  font-size: 15px !important;
  margin-left: 15px !important;
}

p.pet-p-ayuda {
  font-size: 14px !important;
}

.pet-drop-height {
  min-height: 181px !important;
  margin-bottom: 5px;
  justify-content: center;
  display: flex;
  width: auto;
}

#edit-form span.select2-selection.select2-selection--single,
#datosPr2 span.select2-selection.select2-selection--single {
  border-bottom: 1px solid #32b1fc;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  font-size: 13px;
  height: 40px;
}

#edit-form span[id^="select2-select-raza"],
#datosPr2 span[id^="select2-select-raza"] {
  line-height: 40px;
  color: #000;
}

input.select2-search__field {
  font-size: 13px !important;
  color: #000;
}

li[id^="select2-select-raza"] {
  font-size: 13px;
  line-height: initial;
}

.pet-data {
  font-size: 1.4em;
  margin: 5px;
  text-align: center;
}

/******************************/
/***********  clases en conflicto con full calendar *************/
#calendar.fc .fc-dayGridMonth-view.fc-dayGrid-view table {
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  border: 1px solid #ddd;
  margin-bottom: 0;
  background-color: transparent;
}

#calendar.fc .fc-dayGridMonth-view.fc-dayGrid-view th,
#calendar.fc .fc-dayGridMonth-view.fc-dayGrid-view td {
  border-style: solid;
  border-width: 1px;
  border-bottom: none;
  border-left: none;
  padding: 0;
  vertical-align: top;
}

#calendar.fc .fc-dayGridMonth-view.fc-dayGrid-view th {
  text-align: center;
  font-weight: bold;
}

#calendar.fc
  .fc-dayGridMonth-view.fc-dayGrid-view
  .fc-row
  .fc-content-skeleton
  table,
#calendar.fc
  .fc-dayGridMonth-view.fc-dayGrid-view
  .fc-row
  .fc-content-skeleton
  td,
#calendar.fc
  .fc-dayGridMonth-view.fc-dayGrid-view
  .fc-row
  .fc-mirror-skeleton
  td {
  background: none;
  border-color: transparent;
}

/* #calendar .fc-row:first-child table {
  border-top: 0 hidden transparent;
}

#calendar .fc-row table {
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  border-bottom: 0 hidden transparent;
} */

/***********************************************/
/*********** Estilos alertas en calendario ***********/
a.fc-day-grid-event.fc-event {
  font-size: 12px;
  font-weight: 600;
}

a.fc-day-grid-event.fc-event .fc-content {
  text-overflow: ellipsis;
}

a.fc-day-grid-event.fc-event.alerta-tipo-vacunas,
.fc-list-item.alerta-tipo-vacunas .fc-event-dot {
  background: #8625cc;
  border: 1px solid #8625cc;
}

a.fc-day-grid-event.fc-event.alerta-tipo-citas,
.fc-list-item.alerta-tipo-citas .fc-event-dot {
  background: #ed555b;
  border: 1px solid #ed555b;
}

a.fc-day-grid-event.fc-event.alerta-tipo-medicamentos,
.fc-list-item.alerta-tipo-medicamentos .fc-event-dot {
  background: #32b1fc;
  border: 1px solid #32b1fc;
}

a.fc-day-grid-event.fc-event.alerta-tipo-desparasitante,
.fc-list-item.alerta-tipo-desparasitante .fc-event-dot {
  background: #ed555b;
  border: 1px solid #ed555b;
}

a.fc-day-grid-event.fc-event.alerta-tipo-baño,
.fc-list-item.alerta-tipo-baño .fc-event-dot {
  background: #f45c08;
  border: 1px solid #f45c08;
}

.calendar-tooltip ul li {
  line-height: 22px;
}

.fc-bootstrap .fc-popover.card {
  background: #fff;
}

/***********************************************/
/********* estilos filtros aletars *************/

.fiters-pet-titles {
  display: flex;
  flex-direction: row;
  justify-content: start;
}

.title-filters {
  border: 2px solid;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  width: 92%;
  padding: 8px;
  margin-bottom: 15px;
  font-size: 18px;
  color: #000;
  border-image: linear-gradient(45deg, #8625cc, #ffffff 60%) 1;
}

.icon-adjustments {
  font-size: 35px;
  position: relative;
  top: 10px;
  right: 8px;
  color: #8625cc;
}

span.select2-selection.select2-selection--single {
  border-bottom: 1px solid #32b1fc;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  font-size: 13px;
  height: 40px;
  width: 100% !important;
}

span[id^="select2-filtro-mascotas"],
span[id^="select2-filtro-tipo-alerta"],
span[id^="select2-select-mascotas"],
span[id^="select2-select-tipo-alerta"] {
  line-height: 40px !important;
  color: #000 !important;
}

li[id^="select2-filtro-mascotas"],
li[id^="select2-filtro-tipo-alerta"],
li[id^="select2-select-mascotas"],
li[id^="select2-select-tipo-alerta"] {
  font-size: 13px;
  line-height: initial;
}

.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: #fff !important;
  cursor: default;
  border-bottom: 1px solid rgb(187, 186, 186);
}

/*********************************/

@media screen and (max-width: 768px) {
  .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }
}

.pet-time {
  font-size: 13px;
  line-height: 36px;
  color: #000;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}

#modal-nueva-alerta.pet .modal-header .close {
  position: relative;
left: 20px;
width: 33px;
height: 33px;
margin-top: -30px;
text-shadow: none;
color: #d5d4d4;
font-size: 28px;
border-radius: 50%;
opacity: 1;
top: 9px;
}

#modal-nueva-alerta .disabled {
  pointer-events: none;
  opacity: 0.4;
}

.requerido-pet {
  font-size: 14px;
  font-weight: bold;
  color: #ed555b;
}

/***************************/
/*********** acordeon pet-alert **/

.pet-al-panel-default {
  border-color: rgba(0, 0, 0, 0.08);
}
.pet-al-panel {
  background-color: #fff;
}
.pet-al-panel {
  margin-bottom: 0px;
  border: 0px solid transparent;
}
.pet-al-panel-default {
  border-color: #ddd;
}
.pet-al-panel {
  background-color: #fff;
  border: 1px solid transparent !important;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border: 0px !important;
  margin-bottom: 0px !important;
}

.pet-al-panel-default > .pet-al-panel-heading {
  color: #413f3f;
  background: transparent !important;
  border-bottom: 2px solid #32b1fc !important;
}

.pet-al-panel-heading {
  padding: 10px 15px;

  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: 0px solid #32b1fc !important;
  border-bottom: 1px solid #32b1fc !important ;
}

.pet-al-panel-heading {
  padding: 10px 15px;

  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.pet-al-panel-body {
  padding: 30px;
  border: 0px solid #32b1fc !important;
  padding-bottom: 0px !important;
}

.pet-al-panel-footer {
  padding: 10px;

  border-top: 0px solid #ddd;

  background-color: transparent;
}

.pet-al-panel-heading a {
  font-size: 16px;
}

.pet-al-panel-heading i {
  color: #32b1fc;
}

.pet-al-carou-btns {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  float: right;
}

.mt50 {
  margin-top: 50px;
}

.mt40 {
  margin-top: 40px;
}

.mt30 {
  margin-top: 30px;
}

.mt20 {
  margin-top: 20px;
}

.btn-alert-container {
  display: flex;
  flex-direction: row;
  padding: 5px;
}

.btn-alert-container button {
  margin: 10px;
}

.pet-alert-text-ant {
  position: relative;
  top: 6px;
  color: #8c8c8c !important;
}

.pet-alert-label {
  color: #333 !important;
  font-weight: 600 !important;
}

.pet-alert-sublabel {
  font-size: 12px;
}

#form-nueva-alerta {
  margin-bottom: 0px !important;
}

.alert-list-dates {
  display: flex;
  height: 90px;
  align-items: flex-start;
  margin-bottom: 0px;
  margin-top: 10px;
  margin-left: 0px !important;
  padding: 0px;
  width: 100%;
  flex-direction: column;
  flex-wrap: wrap;

  overflow-x: auto;
  padding-bottom: 5px;
}

.alert-list-dates li {
  margin: 0px;
  padding: 0px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 11.6px;
  line-height: 1.5 !important;
}

#lista-repeticiones {
  width: 100%;
}

#mensaje-repeticion {
  margin-top: 15px;
  font-size: 12px;
  color: #000;
}

button#actualizar-multiples-alertas.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.pet-logo-top {
  position: absolute;
  top: 15px;
  left: 15px;
  display: none;
}

body.single-mascota:not(.es-responsable) .pet-logo-top {
  display: block;
  z-index: 1;
}

.pet-text-publico {
  margin-top: 10px;
  font-size: 13px !important;
  color: #000 !important;
  font-weight: 600 !important;
  display: none;
}

body.single-mascota:not(.es-responsable) .pet-text-publico {
  display: block;
}

body.single-mascota:not(.es-responsable) .pet-qrs-row {
  width: 12.5% !important;
}

body.single-mascota:not(.es-responsable) .pet-col-izq {
  display: none !important;
}

body.single-mascota:not(.es-responsable) .contenedor-resumen {
  border: none !important;
}

.pet-text-left {
  text-align: left !important;
}

.pet-alert-texarea {
  min-height: 30px;
  line-height: 18px;
  padding: 5px 15px 0px 0;
}

.pet-select-alert {
  margin-bottom: 10px !important;
}

.pet-input-alert {
  margin-bottom: 10px !important;
}

/********** calendar buttons ******/

.fc-dayGridMonth-button {
  border-radius: 50px !important;
  border: solid 1px #32b1fc !important;
  background-color: #32b1fc !important;
}

.fc-dayGridMonth-button:hover {
  border-radius: 50px;
  background-color: #0f9dc9 !important;
}

.fc-listYear-button {
  border-radius: 50px !important;
  border: solid 1px #32b1fc !important;
  background-color: #32b1fc !important;
}

.fc-listYear-button:hover {
  border-radius: 50px;
  background-color: #0f9dc9 !important;
}

.fc-today-button {
  border-radius: 50px !important;
  border: solid 1px #32b1fc !important;
  background-color: #32b1fc !important;
}

.fc-today-button:hover {
  border-radius: 50px;
  background-color: #0f9dc9 !important;
}

.fc-prev-button {
  border-top-left-radius: 50px !important;
  border-bottom-left-radius: 50px !important ;
  border: solid 1px #32b1fc !important;
  background-color: #32b1fc !important;
}

.fc-prev-button:hover {
  background-color: #0f9dc9 !important;
}

.fc-next-button {
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important ;
  border: solid 1px #32b1fc !important;
  background-color: #32b1fc !important;
}

.fc-next-button:hover {
  background-color: #0f9dc9 !important;
}

.pet-lost-btn {
  font-size: 9px !important;
  margin-bottom: 0px !important;
  margin-bottom: 0px !important;
  padding: 5px 20px !important;
  width: 126.66px !important;
}

.requerido-pet {
  font-size: 14px;
  font-weight: bold;
  color: #ed555b;
}

ul.pet-list-perdido {
  font-size: 13px;
  padding-left: 30px;
}

ul.pet-list-perdido li {
  line-height: 23px;
  list-style: disc;
}

.detalle-perdido {
  /* padding-left: 57px; */
  padding-top: 20px;
}

/******* ribbon perdido ************/

.ribbon1 {
  position: absolute;
  top: -6.1px;
  right: 10px;
}

.ribbon1.ficha {
  position: absolute;
  top: 69.9px !important;
  right: 64px !important;
}

.ribbon1.mimascota {
  position: absolute;
  top: 9.9px !important;
  right: 30px !important;
}

body.single-mascota.not-responsable .ribbon1.ficha {
  position: absolute;
  top: 7.9px !important;
  right: 64px !important;
}
.ribbon1:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 53px solid transparent;
  border-right: 53px solid transparent;
  border-top: 0px solid #ed555b;
}
.ribbon1 span {
  position: relative;
  display: block;
  text-align: center;
  background: #ed555b;
  font-size: 14px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}

.ribbon1.ficha span {
  position: relative;
  display: block;
  text-align: center;
  background: #ed555b;
  font-size: 18px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 180px;
  color: #ffffff;
  font-weight: 700;
}

.ribbon1.mimascota span {
  position: relative;
  display: block;
  text-align: center;
  background: #ed555b;
  font-size: 14px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 135px;
  color: #ffffff;
  font-weight: 700;
}
.ribbon1 span:before,
.ribbon1 span:after {
  position: absolute;
  content: "";
}
.ribbon1 span:before {
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
  background: #ed555b;
}
.ribbon1 span:after {
  height: 6px;
  width: 8px;
  left: -8px;
  top: 0;
  border-radius: 8px 8px 0 0;
  background: #ed555b;
}

@media (max-width: 767px) {
  .ribbon1.mimascota {
    position: absolute;
    top: -6.1px !important;
    right: 30px !important;
  }
}

/************* sw alert buttons *************/

/* .swal2-popup .swal2-styled.swal2-cancel {
  border: 1px solid #32b1fc !important;
  border-radius: 2.25em !important;

  background-color: #fff !important;
  color: #32b1fc !important;
  font-size: 1.0625em;
}

.swal2-popup .swal2-styled.swal2-confirm {
  border: 1px solid #32b1fc !important;
  border-radius: 2.25em !important;

  background-color: #32b1fc !important;
  color: #fff;
  font-size: 1.0625em;
} */

#carousel-lost-pet .carousel-inner > .item > img {
  width: 230px !important;
  height: 230px !important;
  border-radius: 50% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 20px !important;
  object-fit: cover !important;
}

#carousel-lost-pet .carousel-control.left {
  background-image: none !important;
}

#carousel-lost-pet .carousel-control.left {
  background-image: none !important;
}

#carousel-lost-pet .carousel-control {
  color: #32b1fc !important;
}

.pet-icono-perdido {
  background-size: cover !important;
  background: url(../images/icono-mascota-perdida.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  margin-left: 5px;
  margin-right: 5px;
}

.pet-icono-encontrado {
  background-size: cover !important;
  background: url(../images/icono-mascota-encontrada03.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
  margin-left: 5px;
  margin-right: 5px;
}

#pet-help {
  margin-left: 10px;
}

.pet-options-bar a i.fa {
  margin-left: 5px;
  margin-right: 5px;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.pet-title-comentario {
  font-weight: 900;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: black;
}

.pet-text-comentario {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  color: #25264a;
}

#form-mascota-encontrada span.select2-selection.select2-selection--single {
  border-bottom: 2px solid #4a9fdc;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  font-size: 13px;
  height: 30px;
  width: 100% !important;
  margin-top: 4px;
}

.pet-info-found {
  font-size: 13px;
  font-weight: 600;
  margin-top: 10px;
  margin-left: 14px;
  color: #000;
}

.franja-depto {
  padding: 0px 0px 16px;
}

#form-mascota-encontrada .combo_barrio .select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 100% !important;
}

#form-mascota-encontrada .combo_ciudad .select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 175px !important;
}

#form-mascota-encontrada .combo_depto .select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 130px !important;
}

#pet-help-com {
  margin-left: 6px;
  z-index: 9999;
}


.pet-display-flex {
  display: flex !important;
}

.carousel-indicators{
  bottom: 5px !important;
}

@media (max-width: 500px){
  .carousel-indicators{
    bottom: -30% !important;
  }
  .pet-steps-col{
    width: 15% !important;}
  .pet-display-flex {
    flex-direction: row;
    flex-wrap: wrap;
}
.datos-complementarios [data-tootik] {
  bottom: 605%;
  left: 50%;
}
.btn-pet-help{
  font-size: 2em !important;
}
.row.is-flex{
  flex-wrap: inherit;
}
.pet-title-purple span{
  font-size: 0.8em;
}
p.pet-title-purple span{
  font-size: 0.9em;
}
.btn-group, .btn-group-vertical {
  display: flex !important;
}
#modal-encontrada .modal-body {
  position: relative;
  padding: 15px;
  max-height: 511px;
  overflow-y: auto;
  overflow-x: hidden;
}
}

@media (min-width: 501px) and (max-width: 768px){
  .carousel-indicators{
    bottom: -20% !important;
  }
  .pet-steps-col{
    width: 15% !important;}
  .pet-display-flex {
    flex-direction: row;
    flex-wrap: wrap;
}
#progress li p{
  visibility: hidden;
}
}
@media (min-width: 769px) and (max-width: 1024px){
  .carousel-indicators{
    bottom: -10% !important;
  }
  .pet-steps-col{
    width: 25% !important;}
  .pet-display-flex {
    flex-direction: row;
    flex-wrap: wrap;
}
.fc-center {
  text-align: center;
}
}
.btn-group, .btn-group-vertical {
  display: flex !important;
}

.swal2-title{
  background-color: #ffffff !important;
  display: flex;
  padding: 0px !important;
  border-radius: 10px 10px 10px 10px !important;
  margin: 10px !important;
}


.alert-alertas-mascotas{
  padding: 20px 20px 0px;
  font-family: 'Varela Round' !important;
  color: #5e5e5e;
  font-size: 16px !important;
}
.swal2-popup{
padding: 0% !important;
width: 390px !important;
border-radius: 15px !important;
}

.alert-alertas-title-icon{
  background-color: #32b1fc;
  border-radius: 15px 15px 0px 0px;
  padding: 20px 0px;
}
.swal2-actions{
  margin: 18px auto !important;
}
.swal2-content i {
  font-size: 54px;
  font-weight: 500;
  color: white;
}

.alert-alertas-title-icon-warning{
  background-color: #ed555b;
  border-radius: 15px 15px 0px 0px;
  padding: 10px 0px;

}

.btn-sw-alert-alertas-warning{
  background-color: #ed555b !important;
  border-radius: 2.25em !important;
  font-size: 16px !important;
}
.btn-sw-alert-alertas{
  background-color: #32b1fc !important;
  border-radius: 2.25em !important;
  font-size: 16px !important;
}

.icon-exitoso{
  font-size: 32px !important;
  font-weight: 600 !important;
}

.btn-sw-alert-alertas-cancel{
background-color: #ffffff !important;
  border: 1px solid #ed555b !important;
  border-left-color: #ed555b !important;
  border-right-color: #ed555b !important;
  color: #ed555b !important;
  font-weight: 600 !important;
  border-radius: 2.25em !important;
  font-size: 16px !important;
}
    

.btn-sw-alert-alertas-confirm-cancel{
background-color: #ffffff !important;
    border: 1px solid #32b1fc !important;
    border-left-color: #32b1fc !important;
    border-right-color: #32b1fc !important;
    color: #32b1fc !important;
    font-weight: 600 !important;
    border-radius: 2.25em !important;
    font-size: 16px !important;}  
.swal2-popup .swal2-header {
    display: none !important;
    flex-direction: column;
    align-items: center;}

.sw-texto {
  margin-top: 5% !important;
}

#message .alert-danger{
  color:#ed555b !important;
  background-color: transparent !important;
  border-color: transparent !important;
}


#message .alert-info{
  color:#32b1fc !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

@media (min-width:768px) and (max-width:1100px) {
  .ribbon1.ficha {
    position: absolute;
    top: 109.9px !important;
    right: 42px !important;
}
.fc-toolbar  button.btn.btn-primary {
  font-size: 11px;
}
div#calendar {
  margin-top: 15px;
}
.pet-row-margin {
  margin-top: 57px !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.not-responsable .pet-row-margin {
  margin-top: 18px !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
}
}

@media (min-width:1101px) and (max-width:1200px) {
  .fc-toolbar  button.btn.btn-primary {
    font-size: 11px;
  }
}

@media (min-width:320px) and (max-width:600px) {
  .ribbon1.ficha span {
    position: relative;
    display: block;
    text-align: center;
    background: #ed555b;
    font-size: 14px;
    line-height: 1;
    padding: 12px 8px 10px;
    border-top-right-radius: 8px;
    width: 180px;
    color: #ffffff;
    font-weight: 700;
}
.ribbon1.ficha {
  position: absolute;
  top: 109.9px !important;
  left: unset !important;
  right: 15px !important;
}
.pet .modal-header .close {
  position: relative;
  left: 17px;
  width: 33px;
  height: 33px;
  margin-top: -30px;
  text-shadow: none;
  color: #d5d4d4;
  font-size: 28px;
  border-radius: 50%;
  opacity: 1;
  top: 9px;
  border: 1px solid;
}

body.single-mascota.not-responsable .ribbon1.ficha {
  position: absolute;
  top: 33.9px !important;
  right: 16px !important;
  left: unset !important;
}
.pet-row-margin {
  margin-top: 57px !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.not-responsable .pet-row-margin {
  margin-top: 41px !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
}
}


@media (min-width:601px) and (max-width:767px) {
  .ribbon1.ficha span {
    position: relative;
    display: block;
    text-align: center;
    background: #ed555b;
    font-size: 16px;
    line-height: 1;
    padding: 12px 8px 10px;
    border-top-right-radius: 8px;
    width: 180px;
    color: #ffffff;
    font-weight: 700;
}
.ribbon1.ficha {
  position: absolute;
  top: 123.9px !important;
  right: 38px !important;
}
.pet-row-margin {
  margin-top: 57px !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
}
}

#modal-registro-incompleto.pet .modal-header .close {
  position: relative;
  left: 24px;
  width: 33px;
  height: 33px;
  margin-top: -30px;
  text-shadow: none;
  color: #d5d4d4;
  font-size: 28px;
  border-radius: 50%;
  opacity: 1;
  top: 9px;
}

#modal-registro-incompleto.pet .modal-dialog {
  display: flex;
  align-content: center;
 
  height: 88vh;

  align-items: center;
}

.fc-left {
  display: flex;
    flex-direction: row;
}

#message-form-1 .alert-danger, #message-form-2 .alert-danger, #message-form-4 .alert-danger, 
#message-pet-lost .alert-danger, #message-pet-found .alert-danger, #message .alert-danger{
  background: #ed555b;
  color: white;
  border-radius: 30px;
  border: 3px solid #ffc5c7;
  width: max-content;
padding: 5px 10px;
margin: 0 auto;
font-family: "Varela Round";
font-size: 12px
}

#message-form-1 .alert-info, #message-form-2 .alert-info, #message-form-3 .alert-info, 
#message-form-4 .alert-info, #message-form-4 .alert-success, #message-pet-lost .alert-info, #message-pet-found .alert-info{
  background: #32b1fc;
  color: white;
  border-radius: 30px;
  border: 3px solid #b7e5ff;
  width: max-content;
  width: -webkit-max-content;
  width: -moz-max-content;
padding: 5px 10px;
margin: 0 auto;
font-family: "Varela Round";
font-size: 12px
}

.alert-info {
  color: #ffffff !important;
  background-color: #32b1fc !important;
  border: 3px solid #89d4ff !important;
  border-radius: 30px !important;
  padding: 5px 10px !important;
  width: max-content;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: -moz-max-content;
  text-align: center;
  margin: 0 auto;
}

.table-bordered .alert-info{
  color: #31708f !important;
  background-color: #d9edf7 !important;
  border-color: #d9edf7 !important;
  border-radius: 0px !important;
}
.swal2-popup #swal2-content{
  margin-bottom: 15px;
}
#modal-nueva-alerta .swal2-styled.swal2-confirm{
  margin-bottom: 15px;
}
#modal-nueva-alerta .swal2-popup .swal2-styled.swal2-cancel{
  margin-top: 0px;
}
#modal-nueva-alerta .swal2-popup .swal2-styled.swal2-confirm{
  margin-top: 0px;
}
.pet2 .swal2-popup .swal2-actions{
  margin: 10px 0px !important;
}
.pet2 .swal2-actions{
  margin-bottom: 15px !important;
}

.sw-eliminar-pet .swal2-actions button:first-of-type {
  background: #ed555b !important;
  font-size: 1.15em;
  border-radius: 30px;
  text-transform: uppercase;
  font-family: "Varela Round";
}

select#ciudad_pet_found {
  box-shadow: none !important;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}

select#depto_pet_found{
  box-shadow: none !important;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}
.row-pets-type-edit{
  display: flex;
}
@media (max-width:425px){
  .pet-radio-bar label{
    max-width: 55px;
    padding: 0px;
    border-radius: 10px;
  }
  .pet-container{
    margin: 0px -10px;
  }
  .pet-al-panel-body .row.is-flex{
    display: grid;
  }
 
  .pet-al-panel-body select.pet{
    padding: 3px 0px 3px 8px !important;
  }
  .pet-alert-text-ant{
    top:10px;
  }
  .pet-al-panel-body{
    padding: 20px 0px;
  }
  .btn-alert-container{
    display: grid;
  }
  .pet-col-type{
    display: inline-flex;
  }
  .pet-text-flex{
    display: grid;
  }
}
.btn-custom-bp.btn-custom-bp a {
background-color: #32b1fc !important;
    color: #ffffff;
    display: inline-block;
    padding: 5px 25px;
    margin-bottom: 0;
    font-family: "Varela Round", sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    border-radius: 13px;
    text-transform: uppercase;
}