/* FONT */
@font-face {
  font-family: "San Francisco Display Ultralight";
  font-style: normal;
  font-weight: 400;
  src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.eot?#iefix) format("embedded-opentype"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2) format("woff2"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff) format("woff"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.ttf) format("truetype"), url("fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.svg#San Francisco Display Ultralight") format("svg")
}

@font-face {
  font-family: "San Francisco Display Thin";
  font-style: normal;
  font-weight: 400;
  src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.eot?#iefix) format("embedded-opentype"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff2) format("woff2"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff) format("woff"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.ttf) format("truetype"), url("fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.svg#San Francisco Display Thin") format("svg")
}

@font-face {
  font-family: "San Francisco Display Medium";
  font-style: normal;
  font-weight: 400;
  src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.eot?#iefix) format("embedded-opentype"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff2) format("woff2"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff) format("woff"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.ttf) format("truetype"), url("fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.svg#San Francisco Display Medium") format("svg")
}

@font-face {
  font-family: "San Francisco Display Semibold";
  font-style: normal;
  font-weight: 400;
  src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2) format("woff2"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff) format("woff"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.ttf) format("truetype"), url("fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.svg#San Francisco Display Semibold") format("svg")
}

@font-face {
  font-family: "San Francisco Display Bold";
  font-style: normal;
  font-weight: 400;
  src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.eot?#iefix) format("embedded-opentype"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2) format("woff2"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff) format("woff"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.ttf) format("truetype"), url("fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.svg#San Francisco Display Bold") format("svg")
}

@font-face {
    font-family: 'BebasNeue-Regular';
    src: url('../font-awesome/fonts/BebasNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
.active-menu {
    background: #0e4d43;
}
.adopta-tab-list>.col-md-12 {
    z-index: 1;
}
a.boton-inicia-sesion {
    color: white;
    text-transform: uppercase;
}
.btn-clean-filtro {
    display: inline;
}
.btn-clean-filtro a {
    background-color: #ffffff00;
    color: white;
    text-decoration-line: underline;
}
.btn-search-filtro {
    display: inline;
    float: right;
}
.btn-search-filtro button {
    background-color: #ffffff00;
    color: white;
    text-decoration-line: underline;
}
.btn-search-pet {
    text-align: center;
}
.btn-send-share {
    background: #c48b19;
    border: 0;
    border-radius: 2px;
    color: white;
    padding: 2px 5px;
}
.contact-content .f-formulario .contat-form {
    padding: 40px 40px;
}
.contact-content input {
    height: 25px;
}
.content-adopt-swiper-effect, .content-adopt-swiper-effect-2 {
    /*background: black;*/
    /*border: 1px solid #f3f3f3;*/
    border-radius: 3px;
    /*height: 100%;*/
    margin: 0px;
    overflow: hidden;
    padding: 0px 25px;
    position: relative;
    width: 640px;
}
.content-adopt-swiper-effect {
    margin-left: 35%;

}
.content-adopt-swiper-effect-2 {
    margin: 0 auto;
    width: 960px;
}
.content-adopt-swiper-effect .swiper-slide, .content-adopt-swiper-effect-2 .swiper-slide {
    overflow: hidden;
    width: 100%;
}
.content-adopt-swiper-effect .blog-entry, .content-adopt-swiper-effect-2 .blog-entry {
    width: 100%;
}
.content-adopt-swiper-effect .blog-entry .img, .content-adopt-swiper-effect-2 .blog-entry .img {
    background-color: #d8d8d80f;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #00384008;
    border-radius: 3px;
    display: block;
    filter: saturate(1.2);
    width: 230px;
    height: 280px;
    position: relative;
    z-index: 0;
}
.content-adopt-swiper-effect .blog-entry .img, .content-adopt-swiper-effect-2 .blog-entry .img {
    background-size: cover;
    width: 280px;
    height: 230px;
}
/*.content-adopt-swiper-effect .blog-entry .img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #f3f3f3;
    border-radius: 3px;
    display: block;
    filter: saturate(1.2);
    width: 100%;
    height: 215px;
    position: relative;
    z-index: 0;
}*/
.content-adopt-swiper-effect .slide-inner, .content-adopt-swiper-effect-2 .slide-inner {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: saturate(1.2);
    height: 450px;
}
.content-adopt-swiper-effect .swiper-slide, .content-adopt-swiper-effect-2 .swiper-slide {
    /*border: 1px solid #cccccc;
    margin-bottom: 30px;*/
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.content-adopt-swiper-effect .swiper-wrapper, .content-adopt-swiper-effect-2 .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.content-adopt-swiper-effect .swiper-wrapper>a {
    text-decoration: none !important;
}

/*
.choose-file {
    margin-bottom: 5px;
}*/
.choose-file {
    background-image: linear-gradient(to bottom, #01b788a3, #114638b3);
    border-radius: 3px;
    float: left;
    width: 239px;
    color: white;
    margin-bottom: 5px;
    padding: 2px 0px 4px 4px;
}
.up-file {
    opacity: 0;
    position: absolute;
    width: 215px;
    z-index: 1;
}
.form-inst-adoptacdmx b {
    color: #eae300;
    font-size: 20px;
    margin-right: 4px;
}
.content-all-extrainfo-pet {
    background: linear-gradient(0deg, rgb(0 0 0 / 78%) 0%, rgb(0 20 35 / 70%) 35%, rgb(0 13 23 / 19%) 100%);
    border-radius: 4px 4px 0px 0px;
    bottom: 0px;
    margin-left: 3%;
    position: absolute;
    text-align: center;
    transition: bottom 1s;
    width: 94%;
}
.content-all-pet-ex {
    float: right;
    margin-right: 3%;
    width: 59%;
}
.content-info-pet-inner {
    /*bottom: 14px;*/
    display: flex;
    margin-left: 3%;
    /*position: absolute;*/
    /*text-align: center;*/
    /*transition: bottom 1s;*/
    width: 94%;
}
.content-info-pet-inner>div {
    border-bottom: 2px solid #ffffff47;
    border-top: 2px solid #ffffff47;
    margin-bottom: 15px;
    margin-top: 3%;
    text-align: center;
    width: inherit;
}
.content-info-pet-inner>div:last-child {
    border-right: unset;
}
.content-info-pet-inner>div>img, .long-necesidades-pet>img {
    display: block;
    filter: invert(1);
    height: 65px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 15px;
}
.content-info-pet-inner>div>span, .long-necesidades-pet>span {
    /*background: #00213840;*/
    background: #ce8700;
    border-radius: 2px;
    display: block;
    font-size: 19px;
    margin: 0 auto;
    /* margin-bottom: 4%; */
    padding: 3px 2px;
    width: 95%;
}
.content-info-pet-inner>div>div.each-data-an,  .long-necesidades-pet>div.each-data-an {
    /*background: #56565659;*/
    /* border-radius: 2px; */
    /* display: block; */
    font-size: 15px;
    letter-spacing: .5px;
    margin: 0 auto;
    /* margin-bottom: 4%; */
    padding: 8px 1px;
    width: 95%;
}
.content-info-pet-inner div.icon-necesidade {
    background-image: url(../../images/icons-pet/necesidades.png);
    background-position: center;
    background-size: contain;
}
.content-info-pet-inner div.icon-protocolo {
    background-image: url(../../images/icons-pet/protocolo.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
#create-form .choose-file {
    margin-bottom: 5px;
}
#create-form .doc-option {
    margin-bottom: 5px;
    margin-top: 12px;
}
#create-form .file-section>div {
    float: left;
}
#create-form .form-age {
    float: left;
    margin-right: 3%;
    width: 40% !important;
}
#create-form .ibox-content-create-form b{
    color: red;
}
#create-form .ibox-title {
    color: white;
}
#create-form #done-form {
    font-size: 20px;
    font-weight: 600;
    padding: 4% 20% !important;
    text-align: center;
    width: 100% !important;
}
#create-form th {
    font-size: 16px;
    font-weight: 100;
    color: #ffffff;
    width: 310px;
    text-align: right;
    padding: 3%;
}
/*


.file-section {
    bottom: 0;
    height: 60px;
    left: -6px;
    /* position: absolute; */
    /*width: 100%;*/
/*}*/

.file-section>div {
    float: left;
    margin-right: 20%;
    margin-top: 15px;
    margin-bottom: -8px;
}
.filter-form-an {
    margin: 0 !important;
}
.filter-sex {
    margin-bottom: 35px;
}
.filter-sex div {
    display: inline;
}
.filter-sex input {
    position: relative;
    height: 20px;
    bottom: -5px;
    width: 50px;
}
#create-form .form-control {
    background-color: #dfe3e324 !important;
    border: 1px solid #c1c1c1 !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset -1px -2px 4px rgb(0 0 0 / 8%) !important;
    box-shadow: inset -1px -2px 4px rgb(0 0 0 / 8%) !important;
}
.form-share>.form-group.tooltip {
    opacity: 1 !important;
}
.foto-swiper-effect, .foto-swiper-effect-t, .foto-swiper-effect-info {
    background: black;
    border: 1px solid #f3f3f324;
    border-radius: 2px;
    height: 100%;
    margin: 0px;
    overflow: hidden;
    position: relative;
    width: 725px;
}
.foto-swiper-effect .swiper-slide, .foto-swiper-effect-t .swiper-slide, .foto-swiper-effect-info .swiper-slide {
    overflow: hidden;
    width: 100%;
}
.foto-swiper-effect .slide-inner, .foto-swiper-effect-t .slide-inner {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: saturate(1.2);
    height: 40vh;
}
.foto-swiper-effect .swiper-slide, .foto-swiper-effect-t .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.foto-swiper-effect .swiper-wrapper, .foto-swiper-effect-t .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.foto-swiper-effect-t .swiper-slide {
    width: 190px;
    height: 100%;
    opacity: 0.4;
}

.foto-swiper-effect-t .swiper-slide-thumb-active {
    opacity: 1;
}
#init-adopt-swiper {
    margin-left: -8%;
    width: 116%;
}
.init-animal-info {
    padding: 1rem !important;
    text-align: left;
}
.init-animal-info h3 {
    border: 1px solid #d7ecdc;
    border-radius: 2px;
    color: #ececec;
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 8px !important;
    padding: 1px 16px;
    text-transform: uppercase;
}
.init-animal-info h4 {
    color: #ffffff;
    font-size: 1.4rem;
}
.init-animal-info p {
    border-radius: 15px;
    color: #ffffff;
    cursor: pointer;
    display: initial;
    float: right;
    font-size: 14px;
    letter-spacing: .8px;
    margin-bottom: 20% !important;
    margin-right: 20%;
    margin-top: 10%;
    padding: 1px 15px;
}
.init-animal-info p>a {
    color: #5f5f5f;
}
.init-animal-info p>a:hover {
    text-decoration: unset;
}
.input-redes-select {
    position: relative;
}
.input-redes-select>input {
    margin-bottom: 3%; 
}
.input-redes-select>i {
    font-size: 22px;
    margin-top: 6px;
    position: absolute;
    right: 15px;
}
.input-redes-select .icon-red-1 {
    
}
.input-redes-select .icon-red-2 {
    
}
.input-redes-select .icon-red-3 {
    
}
.input-redes-select .icon-red-1:before {
    content: "\f09a";
}
.input-redes-select .icon-red-2:before {
    content: "\f099";
}
.input-redes-select .icon-red-3:before {
    content: "\f16d";
}
.inst-data-content {
    color: #1d1d1d;
    font-family: BebasNeue-Regular;
    /* font-size: 27px !important; */
    font-size: 20px!important;
    /* font-weight: 300; */
    letter-spacing: .5px;
    /* padding: 1% !important; */
    /* top: 20.2% !important; */
    /* width: 725px;*/
}
.inst-data-content span {
    color: #ffffff;
}
.inst-data-content div:not(.inst-data-t) {
    color: #ffffff;
    line-height: 25px;
    padding: 0px 5px;
}
.inst-data-t {
    background: #00000052;
    border-radius: 3px;
    color: #ffffff;
    font-size: 25px;
    /* margin-bottom: 20px; */
    margin-bottom: 10px;
    padding: 0px 0px 0px 1px;
    /* width: fit-content;*/
}
.jconfirm .jconfirm-box {
    background: url(../../images/back-letter.png);
    background-color: #e1ffe8f2;
    border-radius: 2px !important;
    border: 15px solid transparent;
    padding: 0px;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
    position: absolute;
    right: 10px;
    top: 5px;
}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    background-image: linear-gradient(to bottom, #ff6f76, #c54d4d);
    width: 53px;
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
    background: #00798091;
    border-radius: 4px 4px 1px 1px;
    color: white;
    letter-spacing: 0.5px;
}

.mail-cut-an {
    word-break: break-word;
}
.msg-no-data-result {
    border: 2px solid #ffffff;
    border-radius: 3px;
    color: #ffffff;
    display: inline-grid;
    font-size: 22px;
    margin-left: 10%;
    margin-top: 10%;
    padding: 1%;
}
#pet-data {
    margin-top: 3%;
    overflow: hidden;
    /*position: relative;*/
}
#pet-data .foto-swiper-effect {
    background: #ffffff00;
    border: 1px solid #2f4d4300;
    margin: 0px 5% 0% auto;
    float: right;
    width: 55%;
}
#pet-data .foto-swiper-effect-t {
    background: #e4e4e400;
    float: right;
    margin: 0px 50px 0px auto;
    margin-top: 3%;
    width: fit-content;
}
#pet-data .foto-swiper-effect-info {
    background: #ffffff00;
    border: 1px solid #2f4d4300;
    margin: 0px 5% 0% auto;
    width: 100%;
}
#pet-data .foto-swiper-effect .slide-inner {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: saturate(1.3);
    height: 665px;
}
#pet-data .foto-swiper-effect-info .slide-inner>img {
    display: block;
    height: 55px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 8%;
}
#pet-data .foto-swiper-effect-t .slide-inner {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 330px;
}
#pet-data .foto-swiper-effect .swiper-wrapper {
    width: 70%;
}
#pet-data .foto-swiper-effect-info .swiper-wrapper {
    width: 70%;
}
#pet-data .slide-inner.hide-info-pet:hover .content-all-extrainfo-pet  {
    bottom: -100%;
    transition: bottom 1s;
}
#pet-data .swiper-button-prev {
    background-color: #2c2f2e;
    border: 1px solid #ffffff00;
    filter: saturate(.7) drop-shadow(2px 4px 6px black);
    left: 4px;
}
#pet-data .swiper-button-next {
    background-color: #2c2f2e;
    border: 1px solid #ffffff00;
    filter: saturate(.7) drop-shadow(2px 4px 6px black);
    right: 4px;
}
.pre-load-resHtml {
    background: white;
    background-image: url(../../images/load-circle.gif);
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 3;
}
.rest-data-content {
    float: left;
    margin: auto;
    width: 80%;
}
.rest-data-content .inst-data-t {
    margin-bottom: 2%;
    margin-top: 3%;
}
.rest-data-content .more-data-next {
    float: left;
    margin: 2% 10% 5% 0%;
}
.rest-data-content>div:not(.inst-data-t) :not(span) {
    font-family: San Francisco Display Thin;
    font-size: 16px !important;
    font-weight: 700;
}
.rest-data-content span {
    /*border: 1px solid #843d3d80;*/
    border-radius: 2px;
    color: #de9910;
    display: block;
    padding: 1px 12px;
}
.res-file {
    display: none;
    margin-bottom: 1%;
}
.res-file > div {
    background-image: linear-gradient(to bottom, #5192de, #1e31b1);
    border-radius: 5px 0px 0px 5px;
    float: left;
    width: 222px;
    color: white;
    padding: 3px 3px 3px 5px !important;
    padding-left: 5px;
    overflow: hidden;
}
.res-file > span {
    background-image: linear-gradient(to bottom, #ed5959, #6f0101);
    border-radius: 0px 5px 5px 0px;
    color: white;
    padding: 2px 5px 8px 4px;
}
.salud-info-extra-sec img {
    display: block;
    filter: invert(1);
    height: 65px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 15px;
}
.sda-nombre {
    background: #232c32;
    font-size: 35px;
    letter-spacing: 3px;
    /* margin-left: -5%; */
    /* padding: 0px 5%; */
    text-align: center;
}
.section-data-animal {
    /* background: #28a9457a; */
    border: 1px solid #ffffff6b;
    border-radius: 2px;
    color: white;
    font-family: BebasNeue-Regular;
    font-size: 20px;
    font-weight: 300;
    left: -25%;
    letter-spacing: 1px;
    margin-left: 8%;
    margin-bottom: 1%;
    /* padding: 0px 1%; */
    /* position: absolute; */
    text-shadow: 0px 0px 20px #000000b8;
    /* top: 2%; */
    text-align: center;
    width: 27%;
    z-index: 2;
}
.section-data-animal:not(.inst-data-content) {
    -webkit-animation: showDataAn 1s forwards ease-in-out;
    animation: showDataAn 1s forwards ease-in-out;
    animation-delay: .5s;
}
.section-data-animal .social-icons>li{
    display: inline;
}
.section-share-animal-social {
    /*top: 15%;*/
}
.section-share-animal-social ul.social-icons {
    float: initial !important;
    margin: 0 !important;
}
.section-data-animal .social-icons>li i.fa{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@-webkit-keyframes showDataAn {
  0% {
    left: -25%;
  }
  /*50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }*/
  100% {
    left: 8%;
  }
}
@keyframes showDataAn {
  0% {
    left: -25%;
  }
  /*50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }*/
  100% {
    left: 8%;
  }
}
.slide-inner a {
    text-decoration: unset !important;
}
.inst-data-content {
    text-shadow: unset;
}
.inst-data-content.section-data-animal {
    -webkit-animation: showDataAn 1s forwards ease-in-out;
    animation: showDataAn 1s forwards ease-in-out;
    animation-delay: .8s;
}
.show-loading-foto {
    background: #4bbfa866;
    background-image: url(../../images/load-circle.gif);
    /* color: white !important; */
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: center;
    /* opacity: .7; */
    height: 100%;
    width: 100%;
    z-index: 3;
}

.loading-charge {
  margin-left: 5px;
  width: 18px;
}
.loading-file {
  margin-left: 45%;
}

@media (max-width: 740px) {
    #create-form .ibox-title h5 {
        display: inline-block;
        font-size: 26px;
        margin: 0 0 7px;
        padding: 0;
        text-overflow: ellipsis;
        float: none;
    }
    #create-form .ibox-title h5 {
        display: inline-block;
        font-size: 26px;
        margin: 0 0 7px;
        padding: 0;
        text-overflow: ellipsis;
        float: none;
        width: 330px;
    }

    #create-form > table {
        width: 394px;
        margin-left: -5%;
    }

    #create-form > table > tbody > tr > td {
        text-align: left;
        width: 55%;
    }

    #create-form .form-control:not(.form-control-lg) {
        background-image: linear-gradient(to bottom, #ffffff, #e5e5e5);
        border: 0 none !important;
        width: 179px;
        color: #000000;
    }

    #create-form .choose-file {
        background-image: linear-gradient(to bottom, #1d866b, #153c32);
        border-radius: 5px 5px 5px 5px;
        float: left;
        width: 179px;
        color: white;
        margin-bottom: 5px;
        padding: 2px 0px 4px 4px;
    }
    .content-adopt-swiper-effect .blog-entry .img, .content-adopt-swiper-effect-2 .blog-entry .img {
        margin: 0 auto;
    }
    div.content-adopt-swiper-effect, div.content-adopt-swiper-effect-2 {
        padding: 0px !important;
        margin: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
    .content-all-pet-ex {
        float: right;
        margin-right: 0%;
        width: 100%;
    }
    .content-info-pet-inner>div>span, .long-necesidades-pet>span {
        font-size: 15px;
        width: 98%;
    }
    .each-data-an>div {
        margin-left: 5px;
    }
    div.init-animal-info {
        padding: 1rem 5rem !important;
        text-align: left;
        width: initial;
    }
    .init-animal-info h3 {
        font-size: 1.5rem;
        padding: 1px 5px;
    }
    .inst-data-content {
        top: 55% !important;
    }
    #pet-data .foto-swiper-effect {
        float: unset;
        margin: unset;
        width: 100%;
    }
    #pet-data .foto-swiper-effect .slide-inner {
        background-size: contain !important;
        height: 50vh !important;
    }
    #pet-data .foto-swiper-effect .swiper-wrapper {
        width: 100%;
    }
    #pet-data .foto-swiper-effect-t {
        margin: 0;
        margin-bottom: 8%;
        width: 100%;
    }
    #pet-data .foto-swiper-effect-t .slide-inner {
        height: 12vh;
    }
    .rest-data-content {
        border: 1px solid #5a6670;
        display: inline-grid;
        /*margin-top: 157%;
        text-align: justify;*/
        width: 96%;
    }
    .rest-data-content .more-data-next {
        margin: 3% 5% 4% 0%;
        text-align: center;
    }
    .sda-nombre {
        margin-left: 0%;
        width: 100%;
    }
    .section-data-animal {
        font-size: 20px;
        margin-left: 0%;
        width: auto;
    }
    .section-share-animal-social {
        top: 50% !important;
    }
    .section-data-animal .social-icons>li i.fa {
        /*margin-left: 138px;*/
    }
}