/* underline offset Global  */
*:hover {
    text-underline-offset: 4px;
}

html.beta body {
    background-color: #f4f7fb;
}

html.beta .content #main .sub-line .img-check {
    display: none;
}

html.beta .body-ua #main, html.beta div.user_account div#main {
    float: left;
    width: 100%;
    padding: 25px 25px 40px 305px;
    background: #fff;
    border-radius: 5px;
    margin: 0;
}
html.beta .loc-custom .user_account div#main .text p:last-child{
    font-size: 14px;
    font-weight: 500;
}

html.beta .paginate ul {
    background: none;
}

html.beta h2,
html.beta h3,
html.beta h4,
html.beta p {
    line-height: 125% !important;
}

/* new line Height */
h1 {
    line-height: 32px !important;
}

html.beta body* {
    background: var(--body-background-color);
}

html.beta div.prod-wrap {
    margin-top: var(--margin-right-between-elmt-same-type) !important;
}

html.beta .loc-home .business {
    margin-top:0;/* var(--margin-between-sections-but-categories);*/
}

h2,
html.beta #listing .item .basic h2>span.price,
html.beta .home-container h2,
html.beta .home-container .h2 {
    font-size: var(--type-h2) !important;
    margin-bottom: var(--margin-right-between-elmt-same-type) !important;
}

h3, html.beta .user_account #main h3 {
    font-size: var(--type-p-side-menu-font-size);
}
html.beta .user_account #main .numItems {
padding-left: 20px;}

/* NAV BAR */
html.beta header {
    background-color: var(--off-white);
    height: 80px;
    z-index: 1000000;
    border-bottom: none;
}

html.beta .body-ua .logo {
    border-right: none;
    padding: 0;
}

html.beta header .inside {
    display: flex;
    justify-content: space-between;
}

html.beta header .right {
    display: flex;
    justify-content: space-between;
    padding-right: 0;
}


html.beta .header-user .logout,
html.beta #bread ul li span,
html.beta .watchlist,
html.beta #listing .data .connect>a,
html.beta .mbBg {
    font-weight: 700 !important;
}

/* html.beta header .right .header-user a.profile:hover { */
html.beta header .right .header-user a:not(.publish):hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

html.beta header .logo {
    width: initial;
}

html.beta .left .logo img {
    margin-top: -6px;
    max-height: 112%;
}

html.beta .products.list .simple-prod .price {
    padding-bottom: 10px;
}

html.beta header .right a.publish.btn {
    background: var(--new-primary-color);
    min-width: 104px;
    min-height: 48px;
    display: flex;
    align-items: center;
}

html.beta header .right a.publish.btn span::after {
    display: none;
}

html.beta header .right {
    max-width: 80%;
}



html.beta header .right .header-user a.profile {
    background-color: transparent;
}



html.beta header .right .header-user {
    color: var(--off-black);
    max-width: 750px;
    display: flex;
}

html.beta header .right {
    transform: translateY(20%);
    overflow: initial;
}

/* Breadcrumb */
html.beta #bread ul {
    max-width: 87vw;
    padding-bottom: 20px;
}

/* Banner */
html.beta .content .banner-box,
html.beta .content .banner-box #banner-theme,
html.beta .content .ba-banner,
html.beta .banner-theme.banner-search_middle {
    /* 250 standard */
    max-height: 200px;
    padding: 0;
}

html.beta .ba-banner {
    margin: auto;
    aspect-ratio: 1;
    height: 0px;
}

html.beta .ba-banner .ba-advert,
html.beta .ba-banner .ba-advert .ba-advert-image {
    height: 100%;
    aspect-ratio: 1;
}

html.beta #banner-theme,
html.beta .ba-banner .ba-advert {
    margin: 0;
    padding: 0;
    height: 100%;
}


/* GALLERY GREY AREA */
html.beta #search-sort {
    display: flex;
    justify-content: space-between;
}

html.beta #search-sort .user-type, html.beta #search-sort .itemView__and__sortBy {
    display: flex;
    gap: var(--padding-sides-inside-cards);
}

html.beta #search-sort .itemView__and__sortBy {
    display: contents;
}

html.beta #search-sort .sort-it {
    margin: 6px 0;
    max-width: 122px;
    width: fit-content;
}

/* html.beta #search-sort .list-grid {
    flex-wrap: nowrap;
} */

html.beta #search-sort a {
    border-radius: var(--border-radius-inputs);
    align-content: center;
}


/* Login & Register */
html.beta .logo-auth {
    margin-top: 0;
    margin-bottom: 20px;
}

/* Logo */
html.beta .logo-auth a img {
    max-height: 95px;
}

/* <p> */
html.beta #i-forms label span,
html.beta #i-forms input[type="text"],
html.beta #i-forms input[type="password"],
html.beta #i-forms .swap .signup,
html.beta #i-forms .swap .recover,
html.beta .flash-box .flashmessage {
    font-size: var(--type-p-cards-font-size) !important;
    font-weight: bold;
}

html.beta #i-forms .box h2 {
    font-size: var(--type-h2-cards-font-size);
}

html.beta html.beta #i-forms .box h1 {
    font-size: var(--type-h1-desktop-font-size);
}

html.beta .tabcells a {
    display: flex;
    padding: var(--padding-sides-inside-cards);
    align-items: center;
    justify-content: center;
}

html.beta .tabcells a:not(.login disabled):hover {
    background: var(--off-white);
}

html.beta .login .social_ img:hover {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}

html.beta .fancybox-opened .fancybox-close {
    background-color: var(--new-primary-color) !important;
    filter: none;
}

html.beta #body-item-forms .sec-send_friend {
    padding-top: calc(2* var(--padding-between-text-elmt));
    margin-top: 0 !important;
}

/* Error Popup */
html.beta .flash-box {
    position: absolute;
    transform: translateX(-50%);
    /* left: 50vw !important; */
    /* left: calc(100% - 120px) !important; */
    left: calc(100% - 20%) !important;
}


html.beta .flash-box .flashmessage {
    border-radius: var(--border-radius-inputs);
    width: 240px !important;
    bottom: 42vh;
}

html.beta .flashmessage-error:before {
    background: var(--error-color);
}

/* Entrar color */
html.beta header .right .header-user a.profile.not-logged:last-child {
    color: var(--new-primary-color);
}

html.beta header .right .header-user a.profile.not-logged,
html.beta header .right a {
    color: var(--off-black);
}


html.beta header .right .header-user a.profile,
html.beta header .right span.username,
html.beta header .right a {
    padding: var(--padding-updown-inside-cards) var(--padding-between-text-elmt);
    font-size: var(--type-p-side-menu-font-size) !important;
    font-weight: 700;
    word-break: auto-phrase;
}
/* LISTING PUBLISHINGS */
html.beta #body-user-custom.body-ua #main .inside {
    padding-left: 0;
}
html.beta .body-ua #main .inside, html.beta #body-user-custom.body-ua #main .inside {
    border: none;
}
html.beta ul.osp-um-inside li a:not(.active){
    background: var(--body-background-color);
}

/* SEARCH BAR */
html.beta #home-search {
    /*   padding: 0; */
    padding-top: var(--padding-between-text-elmt);
    padding-bottom: var(--padding-between-text-elmt);
    margin-bottom: 20px;
}

html.beta #home-search .cover {
    padding-top: var(--padding-between-text-elmt);
    padding-bottom: var(--padding-between-text-elmt);
    background: var(--off-grey);
}

html.beta #home-search,
html.beta #home-search .inside {
    height: fit-content;
    /*    max-height:62px; */
}

html.beta header .username {
    display: none;
}

/* SIDE MENU */
html.beta span.menuLabel,
html.beta .mobile-box .body {
    display: none;
}

html.beta .mobile-box a:nth-child(6) {
    display: none;
}

/* CATEGORY */
html.beta #home-cat .inside {
    height: max-content;
}

html.beta .loc-home #home-cat .box {
    justify-content: center !important;
    gap: var(--padding-between-text-elmt) !important;
}

html.beta #home-cat a {
    height: max-content;
    background: var(--off-white);
    padding: var(--padding-between-text-elmt) var(--padding-updown-inside-cards);
    border: transparent;
    flex: 0 0 auto;
    flex-basis: calc(100%/6);
    /* 6.5 */
    border-radius: var(--border-radius-buttons) !important;
    /* Inline Version */
    display: flex !important;
    align-items: center;
    gap: var(--padding-between-text-elmt);
}

html.beta #home-cat a .img {
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-top: 0; */
    /* background-color: var(--new-primary-color); */
    background-color: unset;
    border: none;
    padding-left: var(--padding-sides-inside-cards);
}

html.beta #home-cat a i {
    font-size: var(--type-icon-size);
}

html.beta #home-cat .img i.fa:before {
    /* align-content:center; */
    color: var(--new-primary-color);
}

html.beta #home-cat a .count {
    display: none;
}

html.beta #home-cat a .name {
    font-size: var(--type-h1-categories-font-size);
    height: max-content;
    /* word-break: break-word; */
    word-break: keep-all;
    overflow: unset;
    text-align: left;
}

/* html.beta .loc-home .inside .box .flip-box {
    flex-basis: calc(100%/5);
} */

/* cards */
/* before in osclass */
html.beta .products.grid .prod-wrap .simple-prod {
    border-radius: var(--border-radius-cards);
    background-color: var(--new-card-background-light) !important;
    /* corrigir html.beta .products.list .simple-prod, html.beta .products.grid .simple-prod, html.beta .white .simple-prod { no respI */
}

/* Animation Hover */
html.beta .products.grid .simple-prod:hover,
html.beta .white .simple-prod:hover,
html.beta .prod-wrap .simple-prod:hover,
html.beta .products.grid .prod-wrap .simple-prod:hover,
html.beta .products.list .simple-prod:hover {
    transform: scale(1.025);
    max-height: 100%;
}

html.beta .products.list .simple-prod .description {
    /* max-height: 58px; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: var(--type-p-cards-font-size);
}
html.beta .uitem .image {
    box-shadow: none;
}

/* Last Slash */
html.beta .products.list .simple-prod .extra span:nth-of-type(4),
html.beta .products.list .simple-prod .extra span:nth-of-type(5) {
    color: rebeccapurple;
    display: none;
}

html.beta #public-items.products.grid .simple-prod {
    background-color: var(--new-card-background-light) !important;
}

html.beta .products.grid .prod-wrap .simple-prod,
html.beta .products.list .simple-prod,
html.beta .main-data>.img,
.main-data>.loc,
html.beta #listing .item .data .description .text,
html.beta #listing .item {
    /* border: .1px solid var(--off-grey) !important; */
    border: 1px solid rgba(0, 0, 0, 0.1);
}

html.beta .products.grid .simple-prod .img-wrap,
html.beta .white .simple-prod .img-wrap {
    border-bottom: none !important;
}

html.beta #home-cat a {
    padding: var(--padding-updown-inside-cards) var(--padding-sides-inside-cards) !important;
}

html.beta #home-slider .products .prod-wrap,
html.beta #bpr-seller .bpr-inside-trans .bpr-items #gallery-view #listing-card-list .products,
html.beta #search-items .premiums-block,
html.beta #search-items .grid .search-items-wrap .block .wrap .items-block {

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--padding-between-text-elmt);
}

html.beta #bpr-seller .bpr-inside-trans .bpr-items #gallery-view #listing-card-list .products,
html.beta #search-items .premiums-block,
html.beta #search-items .grid .search-items-wrap .block .wrap .items-block {
    justify-content: left;
}

html.beta #bpr-seller .bpr-inside-trans .bpr-items #gallery-view #listing-card-list .products {
    margin: 0 -1% 0 -1%;
}

html.beta #bpr-seller .bpr-inside {
    border-radius: var(--border-radius-buttons);
    padding-bottom: var(--padding-updown-inside-cards);
}

html.beta #search-items .grid .search-items-wrap .wrap.items-block,
html.beta #search-items .grid .search-items-wrap .block .wrap .items-block {
    width: 100%;
}

html.beta .products.list .simple-prod .user {
    position: absolute;
    padding: 0;
    float: right;
}

html.beta .products.grid .simple-prod .price,
html.beta .white .simple-prod .price,
html.beta .products.list .simple-prod .price,
html.beta #listing .item .data .description .text,
html.beta .uitem .price {
    color: var(--off-black) !important;
    /* font-size: var(--type-p-side-menu-font-size) !important; */
    font-size: var(--type-h1-categories-font-size);
}

/* PROFILE */
html.beta .uitem .title {
    font-size: var(--type-h1-categories-font-size);
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    gap: var(--padding-sides-inside-cards);
}

html.beta .uitem .dates,
html.beta {
    font-size: var(--type-h1-categories-font-size);
}

html.beta .loc-user .user_account .items .inside .uitem .price {
    margin: 0;
    white-space: nowrap;
    flex-basis: content;
}
/*  */
html.beta div.products.grid .simple-prod div.img-wrap,
html.beta .products.list .simple-prod .img-wrap img.lazy,
html.beta .products.grid .simple-prod .img-wrap img,
html.beta .sec-alerts .user_account .alerts .inside .opened .simple-prod .img-wrap,
html.beta .sec-alerts .user_account .alerts .inside .opened .simple-prod img {
    border-radius: var(--border-radius-cards) var(--border-radius-cards) 0 0;
    /* border-radius: var(--border-radius-buttons) var(--border-radius-buttons) 0 0; */
}

html.beta .products.grid .simple-prod,
.white .simple-prod.products.grid .simple-prod,
.white .simple-prod,
html.beta #home-slider .products .prod-wrap .simple-prod,
html.beta .search #main,
html.beta .sec-alerts .user_account .alerts .inside .opened .simple-prod {
    border-radius: var(--border-radius-cards);
}

html.beta .products.grid .prod-wrap .simple-prod,
html.beta .products.list .simple-prod,
html.beta .products.list .simple-prod,
html.beta .products.grid .simple-prod,
html.beta .white .simple-prod {
    background: var(--new-card-background-light);
}

html.beta .products.grid .prod-wrap,
html.beta #home-slider .products .prod-wrap,
html.beta #bpr-seller .bpr-inside-trans .bpr-items #gallery-view #listing-card-list .products,
html.beta .sec-alerts .user_account .alerts .inside .opened #alert-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--padding-between-text-elmt);
}

html.beta .sec-alerts .user_account .alerts .inside .opened #alert-items {
    display: flex !important;
    justify-content: left;
}

html.beta .products.grid .prod-wrap .simple-prod,
html.beta #home-slider .products .prod-wrap .simple-prod,
html.beta .products .search-items-wrap .betachild,
html.beta .products.grid .simple-prod,
html.beta .sec-alerts .user_account .alerts .inside .opened .simple-prod {
    width: calc(100% / 4.5) !important;
    max-width: 260px !important;
    /* aspect-ratio: 1.3; */
    /* removed to solve mozilla */
}

html.beta #bpr-seller.bpr-block .bpr-comp{
    width: calc(100% / 2) !important;
    max-width: 260px !important;
}

html.beta .home-container {
    background: var(--off-white);
}

/* FOOTER */
/* >> Profile */
html.beta footer {
    padding-top: 56px;
    margin-top: 80px;
}

html.beta footer .cl0 {
    margin: 0;
}

html.beta footer .cl {
    /* margin: 32px 48px; */
    margin: 0;
    width: 25%;
}

html.beta .products.grid .prod-wrap .simple-prod,
html.beta .products.list .simple-prod {
    /* border: none; */
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 var(--padding-between-text-elmt) 0;
}

html.beta .products.grid .prod-wrap .simple-prod .is-premium {
    border: 2px solid var(--primary-color);
}


html.beta #home-slider .products .prod-wrap .simple-prod,
html.beta .sec-alerts .user_account .alerts .inside .opened .simple-prod {
    max-width: 48%;
}

/* PROFILE PAGE */

html.beta .osp-item .osp-left a {
    color: black;
}

html.beta .osp-item .osp-promote,
html.beta .sec-alerts .user_account .alerts .inside .top .btn {
    background: var(--new-primary-color) !important;
    border: none;
}

/* html.beta #user-menu { */
html.beta .user-menu-wrap {
    margin-top: 20px;
    width: 24%;
}

html.beta .user_account .inside {
    border: none;
}

html.beta .user-menu-wrap #user-menu {
    background: var(--new-primary-color);
    opacity: .8;
}

html.beta body .uitem .buttons {
    display: flex;
    gap: calc(var(--padding-between-text-elmt) / 2);
    flex-wrap: wrap;
    margin-top: var(--padding-between-text-elmt);
}

html.beta body .uitem .buttons a:hover {
    opacity: 0.8;
    text-decoration: none;
}

html.beta body .uitem .buttons a {
    background: var(--new-primary-color);
    border: none;
    margin: 0;
}

html.beta .body-ua #bread, html.beta #bread {
    padding: 0;
    font-size: 14px;
    margin: 20px 0 -2px 0;
}

html.beta .user-menu-wrap .user-button {
    background-color: var(--new-primary-color);
}

/* Partners  */
html.beta .bpr-cover .bpr-wrap .bpr-wrap-img {
    display: none;
}

html.beta .bpr-comp .bpr-cover .bpr-wrap {
    padding-top: 66%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding-top: 45%;
}

html.beta .bpr-comp .bpr-cover .bpr-elip {
    display: none;
}

html.beta .home-container #bpr-seller.bpr-block .bpr-inside-all {
    width: 100%;
    margin: auto;
    display: flex;
}

html.beta .bpr-comp:hover {
    border: none;
    box-shadow: none;
}

html.beta .bpr-comp .bpr-icon-wrap .bpr-icon>div {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: calc(100% - 2px);
    border-radius: 200px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
    background-position: center center;
    background-size: cover;
    background-clip: border-box;
    background-repeat: no-repeat;
}


html.beta .company,
html.beta .promote {
    margin: 20px 0;
}

@media screen and (max-width: 360px) {

    /* change to 320 or 480?+*/
    html.beta div[id^="anr_captcha_field_"],
    html.beta div.g-recaptcha {
        max-width: 250px;
    }

    html.beta div[id^="anr_captcha_field_"]>div,
    html.beta div.g-recaptcha>div {
        transform: scale(0.75);
        transform-origin: 0 0;
    }

    html.beta .fw-supporting div[id^="anr_captcha_field_"],
    html.beta .fw-supporting div.g-recaptcha {
        max-width: 227px;
    }
}


/* POPUP MODAL HANDLER CODE */
html.beta #modalHolder {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100vh;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
}

html.beta #confirmModal {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 300px;
    margin: auto;
    background-color: white;
    border: 2px solid var(--primary-color);
    border-radius: var(--border-radius-cards);
    padding: 2em 1em;
    text-align: center;
}

html.beta #confirmModal #modaltitle {
    font-weight: bold;
    margin-bottom: 10px;
    /* padding-bottom: 10px; */
}

html.beta #confirmModal p {
    padding-bottom: 10px;
}

html.beta #confirmModal .confirmModal-buttons_container {
    display: flex;
    gap: 10px;
    justify-content: space-evenly;
}

html.beta #confirmModal .confirmModal-buttons_container button {
    flex-grow: 1;
}

html.beta #confirmModal .confirmModal-buttons_container #btnNo {
    border: 2px solid var(--new-primary-color);
    background-color: transparent;
    color: var(--off-black);
}

html.beta #confirmModal .confirmModal-buttons_container #btnYes {
    background-color: var(--new-primary-color);
}


/* Check Items */
.input-box-check input[type="checkbox"]:checked+label:before,
#atr-search .atr-input-box input[type="checkbox"]:checked+label:before,
#atr-search .atr-input-box input[type="radio"]:checked+label:before,
#atr-form .atr-input-box input[type="checkbox"]:checked+label:before,
#atr-form .atr-input-box input[type="radio"]:checked+label:before,
.bpr-box-check input[type="checkbox"]:checked+label:before,
#gdpr-check.styled .input-box-check input[type="checkbox"]:checked+label:before,
.pol-input-box input[type="checkbox"]:checked+label:before,
.pol-values:not(.pol-nm-star) .pol-input-box input[type="radio"]:checked+label:before {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
}