/* UTILS */
.cursor-pointer{
    cursor: pointer;
}
.btn-disabled{
    background: #C7C7C7;
    color: white;
    border: none;
    pointer-events: none;
}

.no-decoration,
.no-decoration > *{
    text-decoration: none !important;
}


/* CARD GIFT */
.card-gifts-list{
    display: grid;
    /* 2col 300px and 1fr */
    grid-template-columns: 250px 1fr 1fr 125px;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
}
@media (max-width: 1080px){
    .card-gifts-list{
        grid-template-columns: 130px 1fr 1fr 125px;
    }
}
@media (max-width: 768px){
    .card-gifts-list{
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .card-gifts-list .no-mobile-show {
        display: none;
    }
}

.head-gift-list-card.active {
    border-left: 12px solid #3abc5e;
}
.head-gift-list-card.publishable {
    border-left: 12px solid #f5aa17;
}
.head-gift-list-card.ended {
    border-left: 12px solid #ff5e7c;
}

.search-gift-list-company {
    border: 2px solid #db091e;
}

@media (max-width: 768px) {
    .search-gift-list-company {
        min-width: 300px;
    }
}

.card-gifts-list--col-1{
    position: relative;
    grid-column: 1;
    background: #D81E28;
    color: white;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 768px){
    .card-gifts-list--col-1{
        flex-direction: column;
        min-height: 100px;
    }
}
.card-gifts-list--col-2{
    grid-column: 2;
    padding: 0 1.5rem;
    margin: 1.5rem 0;
    border-right: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card-gifts-list--col-3{
    grid-column: 3;
    padding: 0 1.5rem;
    margin: 1.5rem 0;
    border-right: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card-gifts-list--col-4{
    grid-column: 4;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: auto;
    margin-bottom: auto;
}
@media (max-width: 768px){
    .card-gifts-list--col-3{
        margin-top: 0;
    }
    .card-gifts-list--col-4{
        flex-direction: row;
    }
    .btn-create-gift-list {
        width: 100%;   
    }
}
.card-gifts-list--code{
    position: absolute;
    left: 1.5rem;
    bottom: 1.5rem;
}
@media (max-width: 768px){
    .card-gifts-list--code{
        position: static;
        margin-top: 1rem;
    }
}
.card-gifts-list--col-4 svg{
    transform: scale(.85);
}


/* CONTAINER SECTION */
#containerSection[sectionSet="list_list"] > *:not([section="list_list"]) {
    display: none !important;
    pointer-events: none !important;
}
#containerSection[sectionSet="new_list"] > *:not([section="new_list"]) {
    display: none !important;
    pointer-events: none !important;
}


/* NEW LIST MANAGER */
#containerTabNewList[tab_new_list="manager"] > *[tab_new_list]:not([tab_new_list="manager"]) {
    display: none !important;
    pointer-events: none !important;
}
#containerTabNewList[tab_new_list="general"] > *[tab_new_list]:not([tab_new_list="general"]) {
    display: none !important;
    pointer-events: none !important;
}
#containerTabNewList[tab_new_list="select_shop"] > *[tab_new_list]:not([tab_new_list="select_shop"]) {
    display: none !important;
    pointer-events: none !important;
}

#modeAddNewList:not([mode="edit"]) #editSection{
    display: none !important;
    pointer-events: none !important;
}
/* #goToShop dont sho if edit mode */
/* #modeAddNewList[mode="edit"] #goToShop{
    display: none !important;
    pointer-events: none !important;
} */
.general-info-date-on-off {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.new_list_manager{
    background: #F8F9FB;
}
.new_list_manager--line{
    display: grid;
    grid-template-columns: 40px 1fr min-content;
    gap: 1rem;
    align-items: center;
    padding: 1.5rem 2.5rem;
    border-left: 7px solid #000000;
    margin-bottom: 3px;
    transition: all .1s ease-in-out;
    cursor: pointer;
    text-decoration: none !important;
}

.new_list_manager--line.no-pointer {
    cursor: default;
}

@media (max-width: 768px){
    .new_list_manager--line{
        grid-template-columns: 1fr min-content;
        padding: 1rem 1.7rem;
    }
    .new_list_manager--line > *:first-child{
        display: none;
    }
    .new_list_manager--line.edit-list-publish-share {
        display: flex;
        flex-direction: column;
        align-items: start;
    }
}

.new_list_manager--line.active{
    border-color: #D81E28;
}
.new_list_manager--line.complete{
    border-color: #000000;
}
.new_list_manager--line:hover{
    background: #ecedee;
}
.new_list_manager--line--icon{
    margin-top: -5px;
}
.new_list_manager--line--title{
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}


/* NEW LIST TAB */
.new-list-tab{
    padding: 2rem;
}
.new-list-tab--header{
    display: grid;
    grid-template-columns: min-content min-content 1fr;
    align-items: center;
    gap: 2rem;
    text-decoration: none !important;
    padding-bottom: 1.5rem;
    border-bottom: 3px solid #000000;
    margin-bottom: 1.5rem;
    /* cursor: pointer; */
}
.new-list-tab--header *{
    font-weight: 700;
    margin-bottom: 0;
}
.new-list-tab--header > *:first-child{
    transition: all .1s ease-in-out;
}
.new-list-tab--header:hover > *:first-child{
    transform: translateX(-5px);
}
@media (max-width: 576px){
    .new-list-tab {
        padding: 1rem;
    }
    .new-list-tab--header{
        padding-bottom: 1rem;
    }
    h4{
        font-size: 20px;
    }
}


/* FORM */
.form-new-list .input-field.input-field--thumb{
    position: relative;
}
.form-new-list .input-field.input-field--thumb input{
    pointer-events: none;
}
.form-new-list .input-field.input-field--thumb button{
    position: absolute;
    right: 0;
    bottom: 5px;
}
.form-new-list .input-field .label{
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 9px;
    padding-left: 2px;
}

@media (max-width: 576px){
    .form-new-list .input-field .label{
        font-weight: 700;
        font-size: 16px;
        margin-bottom: 9px;
        padding-left: 0px;
    }
}

.form-new-list .input-field{
    border: none;
    border-bottom: 1px solid #D6D6D6;
    position: relative;
}
.form-new-list .input-field.input-field__textarea{
    border: none;
}
.form-new-list .input-field input{
    border: none !important;
}
.form-new-list .input-field input,
.form-new-list .input-field textarea{
    border-bottom: 1px solid #D6D6D6 !important;
    background: none !important;
    outline: none !important;
    width: 100%;
    padding: 4px;
    font-size: 14px;
    color: #333639;
    padding-bottom: 8px;
}
.form-new-list .input-field textarea{
    border-radius: 5px;
    padding: 1rem;
}


.form-new-list .input-field input:hover,
.form-new-list .input-field textarea:hover,
.form-new-list .input-field input:focus,
.form-new-list .input-field textarea:focus{
    border-color: #F3AA32 !important;
}
.form-new-list .input-field.is-invalid{
    border-color: #D81E28 !important;
}
/* .form-new-list .input-field:focus{
    border-color: #000;
}
.form-new-list .input-field.is-invalid{
    border-color: #D81E28;
} */
.input-field--error{
    position: absolute;
    bottom: 0rem;
    color: #D81E28;
    font-size: .8rem;
    opacity: 0;
    pointer-events: none;
    transition: 
        opacity .1s ease-in-out,
        bottom .15s ease-in-out .1s;
}
.form-new-list .input-field.is-invalid .input-field--error{
    opacity: 1;
    bottom: -1.5rem;
    transition: 
        bottom .15s ease-in-out,
        opacity .1s ease-in-out .1s;
    
}

#GiftListImageSelectBtn {
    margin-bottom: 4px;
    border-radius: 15px;
    border: 0;
    background: #526d9b;
    color: #fff;
    padding: 5px 20px;
}


/* CARD SHOP */
.card-shop{
    background: white;
    border: 2px solid #000;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}
.card-shop .card-shop--title{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .8rem;
    transition: all .1s ease-in-out;
}
.card-shop .card-shop--address{
    font-size: 14px;
    margin-bottom: .8rem;
    transition: all .1s ease-in-out;
    
}
.card-shop .card-shop--availability{
    font-size: 12px;
    font-weight: 700;
    color: #526d9b;
    margin-bottom: rem;
    
}
/* hide checkboc */
.card-shop input[type="radio"]{
    display: none;
}
.card-shop > *{
    margin-bottom: 0;
}
.card-shop.active{
    border-color: #F5A832;
}
.card-shop.active .btn{
    background: #F5A832;
    color: white;
    border-color: #F5A832;
}
.card-shop.active .card-shop--address,
.card-shop.active .card-shop--title{
    color: #F5A832;
}

/* TABLE LIST GIFTS */
.table-gifts-in-list-wrapper {
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}
.table-gifts-in-list-wrapper.table-gifts-in-list-wrapper-mobile {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.table-gifts-in-list:not(.no-scroll){
    overflow-y: auto;
    max-height: 36vh;
}

.table-gifts-in-list-wrapper {
    overflow-x: auto;
}
.table-gifts-in-list table,
.table-gifts-in-list .table,
.table-gifts-in-list-mobile table,
.table-gifts-in-list-mobile .table{
    border: none !important;
    margin-bottom: 0 !important;
    min-width: 1000px;
    /* width: 100%; */
}

.table-gifts-in-list .table .thead,
.table-gifts-in-list .table .thead .tr {
    width: 100%;
}

.table-gifts-in-list .table .thead .tr .th {
    border-bottom: 2px solid #dee2e6;
    font-weight: 700;
    font-size: .9rem;
}

.table-gifts-in-list .table .thead .tr .th,
.table-gifts-in-list .table .tbody .tr .td {
    padding: .75rem;
    vertical-align: bottom;
}

.table-gifts-in-list .table .thead .tr .th:first-child,
.table-gifts-in-list .table .tbody .tr .td:first-child {
    width: 60%;
    min-width: 250px;
    flex-direction: row;
    justify-content: space-between;
}

.table-gifts-in-list .table .thead .tr .th:not(:first-child),
.table-gifts-in-list .table .tbody .tr .td:not(:first-child) {
    width: 20%;
}

.table-gifts-in-list .table .tbody .tr .td:nth-child(2),
.table-gifts-in-list .table .thead .tr .th:nth-child(2) {
    min-width: 150px;
}

.table-gifts-in-list .table .tbody .tr .td:last-child,
.table-gifts-in-list .table .thead .tr .th:last-child {
    min-width: 100px;
}

@media (max-width: 768px) {
    .table-gifts-in-list .table .thead .tr .th:first-child,
    .table-gifts-in-list .table .tbody .tr .td:first-child {
        width: 70%;
        min-width: 200px;
        flex-direction: column;
    }

    .table-gifts-in-list .table .tbody .tr .td:last-child,
    .table-gifts-in-list .table .thead .tr .th:last-child {
        width: 30%;
        min-width: 85px;
    }
}

.table-striped .tbody .tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}


.table-gifts-in-list th:not(:first-child),
.table-gifts-in-list td:not(:first-child),
.table-gifts-in-list .th:not(:first-child),
.table-gifts-in-list .td:not(:first-child),
.table-gifts-in-list-mobile th:not(:first-child),
.table-gifts-in-list-mobile td:not(:first-child),
.table-gifts-in-list-mobile .th:not(:first-child),
.table-gifts-in-list-mobile .td:not(:first-child){
    text-align: center;
}

.table-gifts-in-list-mobile th,
.table-gifts-in-list-mobile .th,
.table-gifts-in-list .th,
.table-gifts-in-list th{
    /* thead color: rosso e testo bianco */
    border: none;
    background: #D81E28;
    color: white;
}
.table-gifts-in-list-mobile th:not(:last-child),
.table-gifts-in-list-mobile .th:not(:last-child),
.table-gifts-in-list .th:not(:last-child),
.table-gifts-in-list th:not(:last-child){
    border-right: 1px solid #e0e0e0;
}
.table-gifts-in-list-mobile td:first-child,
.table-gifts-in-list-mobile .td:first-child,
.table-gifts-in-list .td:first-child,
.table-gifts-in-list td:first-child{
    border-left: none !important;
}
.table-gifts-in-list-mobile td:last-child,
.table-gifts-in-list-mobile .td:last-child,
.table-gifts-in-list .td:last-child,
.table-gifts-in-list td:last-child{
    border-right: none !important;
}
.table-gifts-in-list-mobile td,
.table-gifts-in-list-mobile .td,
.table-gifts-in-list td{
    /* centrato al centro verticalmente */
    vertical-align: middle;
}

.table .th,
.table .td {
    padding: .75rem;
}

.table-gifts-in-list-mobile .td:nth-child(2) {
    border-left: 1px solid #e0e0e0;
}

.table-gifts-in-list-mobile .table .thead .tr .th:first-child,
.table-gifts-in-list-mobile .table .tbody .tr .td:first-child {
    width: 70%;
    min-width: 280px;
}

.table-gifts-in-list-mobile .table .thead .tr .th:last-child,
.table-gifts-in-list-mobile .table .tbody .tr .td:nth-child(2) {
    width: 30%;
}

/* .table-gifts-in-list .td div:first-child {
    height: 100%;
} */

.table-gifts-in-list .tbody .tr {
    min-height: 77px;
}

.table-gifts-in-list-mobile .table-bordered .td,
.table-gifts-in-list .table-bordered .td {
    border: 1px solid #dee2e6;
}
.table-gifts-in-list-mobile .table-bordered .tr:first-child .td,
.table-gifts-in-list .table-bordered .tr:first-child .td {
    border-top: none;
}
.table-gifts-in-list-mobile .table-bordered .tr:not(:last-child) .td,
.table-gifts-in-list .table-bordered .tr:not(:last-child) .td {
    border-bottom: none;
}
.table-gifts-in-list-mobile .table-bordered .td:not(:last-child),
.table-gifts-in-list .table-bordered .td:not(:last-child) {
    border-right: none;
}

.buy-shop-gift-list-product {
    height: 250px;
    background: #eee;
    transform: translateY(-373px);
    display: none;
    transition: all 0.3s ease-in-out;
    z-index: -1;
    padding: 2rem;
    border-bottom: 3px solid #db091e;
}
.buy-shop-gift-list-product.mobile {
    height: 280px;
}

.buy-shop-gift-list-product.show {
    transform: translateY(98px);
    display: block;
    z-index: 999;
}

.shop-gift-list-product-row-desktop:hover {
    background: #b1bece !important;
    color: white !important;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}
.shop-gift-list-product-row-desktop:hover svg:not(.fa-trash),
.shop-gift-list-product-row-desktop:hover svg g,
.shop-gift-list-product-row-desktop:hover svg g path,
.shop-gift-list-product-row-desktop:hover div p, 
.shop-gift-list-product-row-desktop:hover div button {
    stroke: white !important;
    color: white !important;
    fill: white;
}
.shop-gift-list-product-row-desktop:hover div line {
    stroke: #b1bece;
}

.shop-gift-list-product-row-desktop:not(.disabled):hover div.td:nth-child(3).enabled {
    background: #db091e;
}

.buyShopGiftListProduct.disabled {
    color: #aaa !important;
    cursor: default;
}

.shop-gift-list-product-row-desktop.show {
    background: #db091e !important;
    stroke: white !important;
    color: white !important;
    fill: white !important;
}

.shop-gift-list-product-row-mobile:focus,
.shop-gift-list-product-row-mobile:hover {
    background: #b1bece !important;
    color: white !important;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}
.shop-gift-list-product-row-mobile:focus svg,
.shop-gift-list-product-row-mobile:focus svg g,
.shop-gift-list-product-row-mobile:focus svg g path,
.shop-gift-list-product-row-mobile:focus div p, 
.shop-gift-list-product-row-mobile:focus div button,
.shop-gift-list-product-row-mobile:hover svg,
.shop-gift-list-product-row-mobile:hover svg g,
.shop-gift-list-product-row-mobile:hover svg g path,
.shop-gift-list-product-row-mobile:hover div p, 
.shop-gift-list-product-row-mobile:hover div button {
    stroke: white !important;
    color: white !important;
    fill: white;
}
.shop-gift-list-product-row-mobile:focus div line,
.shop-gift-list-product-row-mobile:hover div line  {
    stroke: #b1bece;
}

.shop-gift-list-product-row-mobile:not(.disabled):focus div.td:nth-child(2).enabled
.shop-gift-list-product-row-mobile:not(.disabled):hover div.td:nth-child(2).enabled {
    background: #db091e;
}

.shop-gift-list-product-row-mobile.show {
    background: #db091e !important;
    stroke: white !important;
    color: white !important;
    fill: white !important;
}

.buyShopGiftListProduct.disabled svg g,
.buyShopGiftListProduct.disabled svg line {
    stroke: #aaa;
}

.shop-add-giftcard {
    background-color: #b1bece;
    color: white;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shop-add-giftcard-action {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #db091e;
    width: 100%;
    height: 40px;
    text-align: center;
    color: white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: all 0.2s ease-in-out;
}

.shop-add-giftcard-action:hover {
    background-color: #920614;
    /* color: #db091e; */
}

.shop-add-giftcard-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    width: 100%;
    height: 40px;
    text-align: center;
    color: #db091e;
    border: 2px solid #db091e;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    height: 100px;
}

.shop-add-giftcard-modal:hover {
    background-color: #db091e;
    color: white;
}

.removeShopGiftListGiftCard {
    width: 5%;
    height: 100%;
}

.shop-gift-list-product-row-desktop.tr .td a.removeShopGiftListGiftCard:hover {
    z-index: 999;
    color: #920614 !important;
}

#loadMoreProductsgiftList {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 18px;
    background: #D81E28;
    color: white;
    padding: 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
    transition: background .15s ease-in-out;
}

#loadMoreProductsgiftList:hover {
    background: #920614;
}

.border-rounded-bottom {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.image-cover {
    border-radius: 10px; 
    max-width: 400px; 
    margin-bottom: 20px; 
    min-height: 170px; 
}

.image-cover.image-cover-new {
    border-radius: 10px; 
    max-width: 280px; 
    margin-bottom: 20px; 
    min-height: 170px; 
    box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.1);
}

.image-cover-upload {
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    opacity: 0; 
    cursor: pointer;
}

#UploadedImagePreviewDelete {
    color: red;
    text-decoration: none;
}

/* CARD PRODUCT GIFT LIST */
.grid-products-gifts-list{
    display: grid;
    /* 5 colonne tutte uguale */
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
}
@media (max-width: 1080px){
    .grid-products-gifts-list{
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 768px){
    .grid-products-gifts-list{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 576px){
    .grid-products-gifts-list{
        grid-template-columns: repeat(2, 1fr);
    }
}


.card-product-gift-list{
    display: flex;
    flex-direction: column;
}
.card-product-gift-list--img{
    min-width: 100%;
    display: flex;
    justify-content: center;
}
.card-product-gift-list--img img{
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
    border-radius: 5px;
}

/* gift-list-view */
.gift-list-view--hero img{
    width: 100%;
    height: 500px;
    max-height: 65vh;
    object-fit: cover;
}
.gift-list-view--hero-box{
    background: #db091e;
    position: relative;
    padding: 2rem;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    margin-top: -3rem;
    color: white !important;   
}
@media (max-width: 1080px){
    .gift-list-view--hero-box{
        padding-top: 4rem;
    }
}
.gift-list-view--data{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border-radius: 95px;
    height: 95px;
    width: 95px;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-50%, -50%);
    background: white;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
    color: #db091e;
    font-weight: bold;
    line-height: 30px;
}
@media (max-width: 1080px){
    .gift-list-view--data{
        left: 50%;
    }
}
.gift-list-view #navbarTop .navbar-nav:last-child{
    max-width: inherit;
    width: inherit  ;
}
.gift-list-view .navbar{
    margin-right: 0 !important;
    padding-right: 0 !important;
}


#badge-cart-mobile {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    padding: 0;
    right: -2px;
    font-size: 14px;
    color: white;
    background: #db091e;
}
#badge-cart-mobile > small {
    display: block;
    padding-top: 2px;
    height: 100%;
    line-height: 100%;
}



/* MODAL UPLOAD IMG */
.modal-select-img{
    max-width: 750px;
}

.modal-select-img[select-type-upload="gallery"]{
    max-width: 1000px;
}
.modal-select-img[select-type-upload="loading"] .tab:not([tab="loading"]){
    display: none !important;
    pointer-events: none !important;
}
.modal-select-img[select-type-upload="select"] .tab:not([tab="select"]){
    display: none !important;
    pointer-events: none !important;
}
.modal-select-img[select-type-upload="upload"] .tab:not([tab="upload"]){
    display: none !important;
    pointer-events: none !important;
}
.modal-select-img[select-type-upload="gallery"] .tab:not([tab="gallery"]){
    display: none !important;
    pointer-events: none !important;
}
.gallery-img{
    height: 200px;
    padding: 1rem;
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
}
.gallery-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.gallery-img.active{
    background: #db091e05;
    border: 1px solid #db091e;
}
.grid-thumb{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
}
@media (max-width: 768px) {
    .grid-thumb{
        display: block;
    }
}

.select-type-share-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    border-radius: 7px;
    border: 1px solid #dee2e6;
    cursor: pointer;
    transition: all .1s ease-in-out;
}
.select-type-upload-img{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    border-radius: 7px;
    border: 1px solid #dee2e6;
    cursor: pointer;
    transition: all .1s ease-in-out;
}
@media (max-width: 576px){
    .select-type-share-link > div,
    .select-type-upload-img > div {
        padding: 14px;
        text-align: center;
    }
}
.select-type-share-link:hover,
.select-type-upload-img:hover{
    background: #db091e05;
    border-color: #db091e
}
.select-type-upload-img--icon > svg{
    height: 40px;
    fill: #43484b;
    margin-bottom: 1rem;
}

#ToggleGiftListSelect {
    z-index: 999;
}

.gift-list-select-wrapper {
    opacity: 0; 
    transition: all 0.3s; 
    width: 350px; 
    height: fit-content;
    max-height: 300px; 
    overflow-y: auto; 
    position: absolute; 
    top: 50%; 
    right: 50%; 
    padding: .375rem .75rem .375rem .75rem;
}

.gift-list-select-wrapper:focus {
    border: 1px solid #ced4da !important;
    box-shadow: none;
}

.on-top {
    z-index: 1000;
}

a.gift-list-select {
    display: block;
    width: 100%; 
    text-decoration: none;
    padding-left: 8px;
}
a.gift-list-select:hover {
    background: #DB0D20;
    color: white;
    border-radius: 4px;
}

.gift-list-select-header {
    background-color: transparent;
    font-weight: 700; 
    color: #43484b;
}

.gift-list-select-close {
    z-index: 999; 
    width: 20px; 
    height: 20px; 
    font-weight: 700; 
    font-size: 12px; 
    border-radius: 50%; 
    text-align: center; 
    cursor: pointer;
}
.gift-list-select-close:hover {
    background: #ccc; 
}

.shop-selected {
    border: 2px solid white;
    box-shadow: 0px 0px 0px 4px #D81E28;
}
.shop-already-selected {
    border: 2px solid white;
    box-shadow: 0px 0px 0px 4px #C7C7C7;
}
@media (max-width: 768px) {
    #title-lista-regalo-view-user {
        font-size: 28px;
    }
    #main-logo-desktop {
        max-width: 50px !important;
    }
}