/* STEP 1 */

#error-message-min {
    display: none;
    color: red !important;
    margin-top: 5px;
    position: relative;
    float: left;
    text-align: center;
    width: 100%
}

@media (min-width: 993px) {
    .step-1-title-custom-a {
        margin-bottom: 39px;
    }
}

@media (max-width: 990px) {
    #module-profileadv-addpet .pet-type img,
    #module-profileadv-addfirstpet .pet-type img {
        max-width: 30vh;
        max-width: 44% !important;
    }
    #module-profileadv-addpet .pet-type-DISABLED img:hover,
    #module-profileadv-addfirstpet .pet-type-DISABLED img:hover {
        max-width: 44% !important;
    }
}

@media (min-width: 993px) {
    #module-profileadv-addpet .pet-type img,
    #module-profileadv-addfirstpet .pet-type img {
        max-width: 180px;
    }
    #module-profileadv-addpet .pet-type-DISABLED img:hover,
    #module-profileadv-addfirstpet .pet-type-DISABLED img:hover {
        max-width: 180px !important;
    }
    #module-profileadv-addpet .pet-type img,
    #module-profileadv-addfirstpet .pet-type img {
        max-width: 40vh;
        /* border-radius: 50%; */
        /* border: 2px solid #00B4DD; */
        /* border-style: dashed; */
        margin: 0;
        width: 200px;
        cursor: pointer;
    }
}

@media (max-width: 600px) {
    #module-profileadv-addpet .pet-type img,
    #module-profileadv-addfirstpet .pet-type img {
        max-width: 30vh;
    }
}

#module-profileadv-addpet .pet-type img.active-button,
#module-profileadv-addfirstpet .pet-type img.active-button {
    /* max-width: 40vh !important; 
	/* border-radius: 50%; */
    /* border: 2px solid #00B4DD; */
    /* border-style: double; */
    margin: 0;
}

#module-profileadv-addpet .pet-type img:hover,
#module-profileadv-addfirstpet .pet-type img:hover {
    /* max-width: 40vh !important; */
    /* border-radius: 50%; */
    /* border: 2px solid #00B4DD; */
    /* border-style: double; */
    margin: 0;
}

#module-profileadv-addfirstpet .pet-type img {
    /* border-radius: 50%; */
    /* border: 2px solid #00B4DD; */
    /* border-style: dashed; */
    margin: 0;
    cursor: pointer;
}

#module-profileadv-addfirstpet .pet-type img.active-button {
    /* border-radius: 50%; */
    /* border: 2px solid #00B4DD; */
    /* border-style: double; */
    margin: 0;
}

@media (max-width: 600px) {
    #module-profileadv-addfirstpet .pet-type img {}
}

#module-profileadv-addfirstpet .pet-type img:hover {
    /* border-radius: 50%; */
    /* border: 2px solid #00B4DD; */
    /* border-style: double; */
    margin: 0;
}

#module-profileadv-addfirstpet .select-images .inputGenre:hover {
    cursor: pointer;
}


/* STEP 2 */

@media (max-width: 1000px) {
    #module-profileadv-addpet #add-pet-form .data-step .text-center.pet-name-wrap,
    #module-profileadv-addfirstpet #add-pet-form .data-step .text-center.pet-name-wrap {
        padding: 0 15px !important;
    }
    #module-profileadv-addpet .select-images .inputGenre,
    #module-profileadv-addfirstpet .select-images .inputGenre {
        /* max-width: 168px; */
        max-width: calc(50% - 8px);
    }
    #module-profileadv-addpet .pet-name-wrap>.row,
    #module-profileadv-addfirstpet .pet-name-wrap>.row {
        padding: 0 0 !important;
    }
}

@media (min-width: 993px) {
    #module-profileadv-addpet #add-pet-form .data-step .text-center.pet-name-wrap,
    #module-profileadv-addfirstpet #add-pet-form .data-step .text-center.pet-name-wrap {
        padding: 0 31% !important;
    }
    #module-profileadv-addpet .select-images .inputGenre,
    #module-profileadv-addfirstpet .select-images .inputGenre {
        /* max-width: 200px; */
        max-width: calc(50% - 10px);
    }
    #module-profileadv-addpet #add-pet-form .data-step .text-center,
    #module-profileadv-addfirstpet #add-pet-form .data-step .text-center {
        padding: 0 !important;
        min-width: 62px;
    }
    #pet_form>section:nth-child(5)>div.step-3-fields-form-custom-a>div.row.mt-1.center-form-3-colum.padding-15.mt-3-sm>div:nth-child(3)>div>p.input-title.text-center.p-0.ml-1-lg {
        min-width: 102px!important;
    }
    #select-dog-breed,
    #select-cat-breed,
    #select-attitude {
        margin-top: 15px;
    }
}

#module-profileadv-addpet .select-images .inputGenre:hover,
#module-profileadv-addfirstpet .select-images .inputGenre:hover {
    cursor: pointer;
    transform: scale(0.95);
}

#module-profileadv-addpet .input-images,
#module-profileadv-addfirstpet .input-images {
    display: flex;
    border: none!important;
    justify-content: space-between;
    /* center; */
    align-items: center;
    /* gap: 20px; */
}

#module-profileadv-addpet .form-control,
#module-profileadv-addfirstpet .form-control {
    background: #fff!important;
}


/*ESTILOS MAC*/

#inputBirth {
    color: #000 !important;
    -webkit-text-fill-color: #000;
    /* Safari */
}

#pathology-dog-list,
#pathology-cat-list,
#allergy-dog-list,
#allergy-cat-list {
    padding-left: 0 !important;
}

#pathology-dog-list li,
#pathology-cat-list li,
#allergy-dog-list li,
#allergy-cat-list li {
    position: relative;
    padding-left: 26px;
    display: block;
    width: 100%;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

#pathology-dog-list .form-check-input,
#pathology-cat-list .form-check-input,
#allergy-dog-list .form-check-input,
#allergy-cat-list .form-check-input {
    position: absolute;
    left: 0;
    top: 0.2em;
    margin-left: 0 !important;
}

#pathology-dog-list .form-check-label,
#pathology-cat-list .form-check-label,
#allergy-dog-list .form-check-label,
#allergy-cat-list .form-check-label {
    margin: 0;
    display: inline-block;
}

#inputBirth::-webkit-datetime-edit,
#inputBirth::-webkit-datetime-edit-fields-wrapper,
#inputBirth::-webkit-datetime-edit-text,
#inputBirth::-webkit-datetime-edit-month-field,
#inputBirth::-webkit-datetime-edit-day-field,
#inputBirth::-webkit-datetime-edit-year-field {
    color: #000;
    -webkit-text-fill-color: #000;
}

#inputBirth:invalid {
    color: #000;
    -webkit-text-fill-color: #000;
}


/* STEP 3 */

@media (min-width:992px) {
    .date-pet {
        max-width: 420px;
        margin: auto;
    }
}

.custom-select-trigger {
    font-weight: 300;
    padding: 10px 15px;
    border: 2px solid #00B4DD;
    border-radius: 30px;
    cursor: pointer;
    background: white;
    display: flex;
    align-items: center;
    user-select: none;
    position: relative;
    justify-content: center;
}

.custom-select-trigger:hover {
    border-color: #00B4DD;
}

.custom-select-trigger::after {
    content: '▼';
    font-size: 12px;
    color: #666;
    transition: transform 0.3s;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.custom-select-trigger.open::after {
    transform: rotate(180deg) translateY(50%);
}

@media (max-width: 600px) {
    .step-3-fields-form-custom-a>.row {
        margin: unset !important;
    }
    .step-3-fields-form-custom-a>.row:first-child {
        margin-bottom: 3rem !important;
    }
}

@media (min-width: 600px) and (max-width: 990px) {
    .step-3-fields-form-custom-a>.row:first-child {
        padding: 0% 15%;
        max-width: 1000px;
    }
}

.step-3-fields-form-custom-a .custom-options>span,
.step-3-fields-form-custom-a .custom-options>.custom-options-wrap>span {
    font-weight: 500 !important;
}


/* STEP 4 */

@media (max-width: 600px) {
    .step-4-fields-form-custom-a {
        display: flex;
        flex-direction: column;
    }
    .step-4-fields-form-custom-a {
        padding: 0px 15px !important;
    }
    .step-4-fields-form-custom-a.text-center p.input-title {
        white-space: nowrap;
        font-size: medium;
        text-align: center;
        margin: inherit;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}

@media (max-width: 1000px) {
    div#step-4-fields.step-4-fields-form-custom-a.text-center>div.row.s4-mobile-fix {
        padding: unset !important;
    }
}

@media (max-width: 450px) {
    .step-4-fields-form-custom-a div#desired-weight-options {
        padding: 0px 15px;
        margin: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .step-4-fields-form-custom-a input#inputWeight,
    .step-4-fields-form-custom-a input#inputDesiredWeight {
        width: calc(100% - 30px);
        margin: auto;
        outline: unset !important;
    }
    .step-4-fields-form-custom-a input#inputWeight:focus-visible,
    .step-4-fields-form-custom-a input#inputDesiredWeight:focus-visible {
        border: 2px solid #00B4DD;
    }
}

@media (max-width: 768px) {
    .step-4-title>.profileadv-add-header p {
        font-size: 18px;
    }
}

@media (min-width: 1000px) {
    .step-4-fields-form-custom-a.text-center>.row:first-child {
        padding: 0 30%;
    }
    .step-4-fields-form-custom-a.text-center>.row:last-child {
        padding: 0 20%;
    }
}

@media (min-width: 450px) {
    .step-4-fields-form-custom-a div#desired-weight-options {
        max-width: 314px;
        margin: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .step-4-fields-form-custom-a input#inputWeight,
    .step-4-fields-form-custom-a input#inputDesiredWeight {
        max-width: 172px;
        margin: auto;
        outline: unset !important;
    }
    .step-4-fields-form-custom-a input#inputWeight:focus-visible,
    .step-4-fields-form-custom-a input#inputDesiredWeight:focus-visible {
        border: 2px solid #00B4DD;
    }
}

.step-4-fields-form-custom-a div#desired-weight-options {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.step-4-fields-form-custom-a #desired-weight-options button {
    padding: 7px 22px !important;
    font-size: 17px;
}


/* STEP 5 */

.profileadv-add-header.step-5-title {
    margin-bottom: 40px;
}

@media (max-width:992px) {
    [data-step='5'] .activity-cards>div {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
    }
    [data-step='5'] .activity-cards>div>div {
        flex: 0 50%;
        width: 50%;
    }
}


/* STEP 6 */

@media (min-width:992px) {
    .pet-feeding {
        max-width: 700px;
        margin: auto;
    }
    #feeding-step {
        padding: 0px !important;
    }
}

@media (max-width: 480px) {
    .pet-feeding .image-wrapper {
        height: 175px;
        margin-bottom: 35px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .pet-feeding .image-wrapper {
        height: 240px;
    }
}

.pet-feeding .image-wrapper {
    position: relative;
    cursor: pointer;
}

.pet-feeding .img-feeding-selected {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}

.pet-feeding .image-wrapper.selected .img-feeding-selected {
    opacity: 1;
}

.pet-feeding .image-wrapper.selected .img-feeding {
    opacity: 0;
}

@media (min-width: 1621px) {
    .image-wrapper {
        height: 240px;
    }
    #feeding-step {
        width: 60%;
        margin: auto;
        padding: 0px !important;
    }
}

.profileadv-add-header.step-6-title {
    margin-bottom: 40px;
}

.step-6-fields-custom .pet-feeding .img-feeding-selected {
    right: 0;
    margin: auto;
}

@media (max-width: 600px) {
    #module-profileadv-addpet .step-6-fields-custom .pet-feeding,
    #module-profileadv-addfirstpet .step-6-fields-custom .pet-feeding {
        columns: 2;
    }
    .step-6-fields-custom .pet-feeding-title {
        margin-top: 8px;
    }
}

@media (min-width: 600px) {
    #module-profileadv-addpet .step-6-fields-custom .pet-feeding,
    #module-profileadv-addfirstpet .step-6-fields-custom .pet-feeding {
        columns: 3;
        column-gap: 20px;
    }
    .step-6-fields-custom .pet-feeding-title {
        margin-top: 22px;
    }
}


/* STEP 7 */

[data-step="6"] .profileadv-add-header.step-7-title {
    margin-bottom: 40px;
}


/*
[data-step="6"] .enable-option-button .active-button {
    background: #00B4DD !important;
    border-color: #00B4DD !important;
    color: #FFFFFF !important;
}
*/

@media (max-width: 600px) {
    [data-step="6"] .enable-option-button {
        display: flex;
        justify-content: space-between;
    }
    [data-step="6"] .enable-option-button button {
        width: 171px;
    }
}

[data-step="6"] .enable-option-button .active-button {
    background: #006691 !important;
    border-color: #006691 !important;
    color: #FFFFFF !important;
}

[data-step="6"] .enable-option-button button:focus {
    outline: none;
}

#module-profileadv-addpet .options-list ul,
#module-profileadv-addfirstpet .options-list ul {
    /* column-count: 2; */
    column-gap: 2rem;
    list-style: none;
    margin-top: 2%;
}

[data-step="6"] .enable-option-button button {
    border: 2px solid #00B4DD !important;
    border-radius: 30px !important;
    padding: 4px 20px;
    color: black;
    font-weight: 700;
    font-size: 16px !important;
    background: white;
}

@media (max-width: 600px) {
    #module-profileadv-addpet .options-list ul,
    #module-profileadv-addfirstpet .options-list ul {
        /* column-count: 1; */
        margin-top: 7%;
        margin-bottom: 5%;
        width: 100%;
        display: block;
    }
    #module-profileadv-addpet [data-step='6'].options-list,
    #module-profileadv-addfirstpet [data-step='6'].options-list {
        column-count: 1;
        margin-top: 7%;
        margin-bottom: 5%;
    }
}

@media (min-width: 600px) {
    .form-check.form-check-inline.cols-estruct-a {
        columns: 2;
        column-count: 2;
    }
    [data-step="6"] .enable-option-button button {
        margin: 0px 16px;
    }
}

.form-check.form-check-inline.cols-estruct-b {
    columns: 3;
}

.form-check.form-check-inline li {
    margin-bottom: 15px;
}

#module-profileadv-addpet .options-list ul li input[type="checkbox"],
#module-profileadv-addfirstpet .options-list ul li input[type="checkbox"] {
    appearance: none;
    border-radius: 5px;
    border: 2px solid #00B4DD;
    padding: 5px;
    transform: translateY(-2px);
}

#module-profileadv-addpet .options-list ul li input[type=checkbox]:checked,
#module-profileadv-addfirstpet .options-list ul li input[type=checkbox]:checked {
    background-color: #00B4DD;
}

#module-profileadv-addpet #add-pet-form [data-step='6'] .text-center,
#module-profileadv-addfirstpet #add-pet-form [data-step='6'] .text-center {
    padding: 0 10%;
}

#module-profileadv-addpet #add-pet-form [data-step='6'] .form-check-label,
#module-profileadv-addfirstpet #add-pet-form [data-step='6'] .form-check-label {
    padding-left: 0.1rem;
    letter-spacing: 0.5px;
    font-weight: 500;
}

#module-profileadv-addpet #add-pet-form [data-step='6'] p.input-title,
#module-profileadv-addfirstpet #add-pet-form [data-step='6'] p.input-title {
    margin: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-family: 'AvenirNextLTPro-Bold' !important;
}

#module-profileadv-addpet .options-list ul li label,
#module-profileadv-addfirstpet .options-list ul li label {
    color: #00B4DD;
}

#module-profileadv-addpet .options-list ul li input,
#module-profileadv-addfirstpet .options-list ul li input {
    accent-color: #00B4DD;
    -ms-transform: scale(2);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.step-7-last-messsage {
    display: flex;
    font-family: "AvenirNextLTPro-Regular", sans-serif;
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    justify-content: center;
    margin-top: 15px;
    width: 100%;
    color: #2B2B2B73 !important;
}

.step-7-last-mail {
    display: flex;
    font-family: "AvenirNextLTPro-Regular", sans-serif;
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    justify-content: center;
    width: 100%;
    color: #00B4DD !important;
}


/* STEP 8 */

@media (min-width: 800px) {
    #module-profileadv-addpet #add-pet-form [data-step='7'] .text-center {
        /* padding: 0 25%; */
    }
    #module-profileadv-addpet #add-pet-form .data-step .text-center.pet-image-wrap {
        padding: 0 25% !important;
    }
}

@media (max-width: 600px) {
    #module-profileadv-addpet #add-pet-form [data-step='7'] .text-center {
        padding: 0 10%;
    }
}

[data-step='7'] .pet-image-wrap .text-center.center-component {
    margin: auto;
    width: 100%;
}


/* STEP 8 - FIRST PET*/

@media (min-width: 490px) {
    [data-step='8'] #inputEmail {
        max-width: 354px !important;
        margin: auto;
    }
}