/*teste de cor */

/*rz-background-color-base-50 - ja esta com a cor alterada , para a cor da maket*/
/*usado em objeto produto*/
.rz-background-color-base-50 {
    background: #F1F1F1 !important;
}

/*usado nos funsosa da interfases*/
/*cor default #f5f5f5*/
.rz-background-color-base-100 {
/*background:  !important;*/
}

/*usado no backgraund do footer*/
.rz-background-color-base-200 {
/*    background:  !important;*/
}

/*usado nos butoes do produto*/
.rz-background-color-base-300 {
    /*background: !important;*/
}
/*usado para compontes com fundo branco*/
.rz-background-color-white{

}

.header {
    align-items: center;
    /*    height: 100px;*/
    max-height: 100px;
    display: flex;
    justify-content: space-between;
}
.bodyajust {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.logo {
    font-size: 39px;
    font-weight: bold;
    color: #000000;
    cursor: pointer;
}

.separator {
    color: black;
    align-items: center;
    display: flex;
/*    margin: 0 5px 0 5px ;*/
}

.clientaccont ,.shoppingcart {
    padding: 0;
    text-transform: none;
}
.shoppingcart-tag {
    margin: 0;
    justify-content: center;
    align-items: center;
    display: flex;
}

/* Popup */
.popup-menu {
    display: none; 
    position: absolute;
    left: 0;
    padding: 20px;
    background-color: #fff;
    margin-top: 10px;
    box-shadow: 0px 0px 20px #00000029;
    z-index: 1000;
    opacity: 0; 
    transform: translateY(-20px); 
    transition: opacity 0.3s ease, transform 0.3s ease; 
}

    .popup-menu.rz-popup {
        display: block; 
        animation: slidein 0.3s ease forwards; 
    }

@keyframes slidein {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.LoginErrorMessageContainer {
    /*   border: 2px solid #000000;*/
    box-shadow: var(--rz-button-hover-shadow);
    padding:5px;
}
    .LoginErrorMessageContainer .LoginErrorMessage {
        color: red;
        font-size: 1em;
    }

.gvm-rz-p-40 {
    padding: 29px 40px 29px 40px;
}

/*footer style*/
.fotter-bank-card {
    border-radius: 18px !important;
    height: 35px;
    width: 136px;
    background: #ffffff;
    border: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    gap: 16px;
}

.rz-textbox {
    border-radius: 0;
}
.rz-button {
    border-radius: 0;
}
.rz-card {
    border-radius: 0;
    box-shadow:none !important;
}

    .Link ,.rz-linz {
    color: #000000 !important;
    margin: 0;
}
    .rz-link:hover {
        color: #000000 !important;
        text-decoration: underline;
    }
    .rz-link-text {
        color: #000000 !important;
        text-decoration: underline;
    }

.gvm-side-button-trasp {
    padding: 0;
    text-align: start;
    text-transform: none;
}

.gvm-black-button {
    background-color: #000000 !important;
    color: #fff !important;
    font-size: 12px;
    border-radius: 0;
    box-shadow: none;
    height:49px;
    padding:8px;
}
.gvm-withe-button {
    border: 1px solid #000000 !important;
    background: #fff !important;
    color: #000000 !important;
    font-size: 12px;
    border-radius: 0;
    box-shadow: none;
    height:49px;
    padding:8px;
}
.hrSpace {
    width: 100%;
    border: 1px solid #707070;
    margin: 0;
}

.gvm-link-a {
    text-decoration: underline;
    color: #000000 !important;
}

.gvm-map-card {
    height: 500px;
    border: none;
    padding:0;
}

.height100 {
    height: 100%;
}
/*produt card*/
.gvm-footer-product {
    padding: 9px 15px 15px 15px;
}
.gvm-footer-product-ass {
    padding: 15px;
}



/*data list - conta cliente - historico de encomenda*/
.gvm-rz-datalist, .rz-datalist-data {
    padding: 0;
}

.gvm-rz-datalist, .rz-datalist-data > li {
    border: none;
    border-radius: 0;
    justify-content: center;
    background: none;
    padding :0;
}
     
 .gvm-rz-datalist .column-style {
     padding: 0;
     display: flex;
     align-items: center;
 }
 .gvm-rz-datalist .column-end {
     padding: 0;
     display: flex;
     justify-content: end;
 }
 .gvm-rz-datalist .column-style >p {
   margin:0;
 }

 .gvm-rz-datalist .center-align {
     display: flex;
     align-items: center;
     justify-content: center;
 }


/* chekbox */
.gvm-checkbox .rz-chkbox-box {
    border: 1px solid #000000 !important;
}
.checkbox-size-19{
    width:19px;
    height:19px;
}
.checkbox-size-30 {
    width: 30px;
    height: 30px;
}
.gvm-checkbox .rz-chkbox-box.rz-state-active {
    background-color: #FFFFFF !important;
}
.gvm-checkbox .rz-chkbox-box.rz-state-active .rz-chkbox-icon {
    color: #000000 !important;
}
.gvm-checkbox .rz-chkbox-box:hover {
    background-color: #FFFFFF !important;
    border-color: #000000 !important;
}
.gvm-checkbox .rz-chkbox-box.rz-state-active:hover {
    background-color: #FFFFFF !important;
    border-color: #000000 !important;
}
.gvm-checkbox .rz-chkbox-box::after {
    content: none;
}

.gvm-checkbox .rz-chkbox-box:hover::after {
    content: none;
}

/*info button*/
.gvm-product-small-info-button {
    padding: 2px 6px;
}

.gvm-product-small-info-button i {
    font-size: 10px;
    margin-left: -4px;
}

.gvm-product-small-info-button .rz-label {
    font-size: 8px;
}

/*OrderHistory and OrdersNotDelivered*/
.dialogqr, .rz-dialog-titlebar {
    padding-block: 0;
    padding-inline: 0;
}

.column-order-code {
    max-width: 100px; 
    word-wrap: break-word;
    word-break: break-all; 
    overflow-wrap: break-word; 
}



    /*xs - Extra Small ≥ 576px*/
    @media (max-width:767px) {
        .header {
            padding: 5px 10px 5px 10px;
            height: 50px;
        }
            .header .rz-header{
                position:relative;
            }
        .Home-Padding {
            padding: 10px 10px 140px 10px
        }
        .padding-pages {
            padding: 0px 10px 33px 10px;
        }
        .gvm-rz-p-40 {
            padding:0;
        }
        .create-padding {
            padding: 20px;
        }

        .rz-notification {
            inset-block-start: 0;
            inset-inline-start: 0;
            inset-inline-end: 0;
            width: 100%;
            border-radius: 0;
            padding: 10px;
            font-size: 14px;
            margin-top: 30px;
        }
        .rz-notification-item-wrapper{
            width : 100%;
        }
    }

    /*s - Small ≥ 868px*/
    @media (max-width: 868px) {
       .create-padding {
            padding: 45px;
        }
    }

    /*sm - Small ≥ 768px*/
    @media (min-width: 768px) {
        .header {
            padding: 0px 100px 0px 110px
        }
            .header .rz-header {
                position: relative;
            }
        .Home-Padding {
            padding: 10px 100px 140px 110px
        }
        .padding-pages {
            padding: 0px 100px 66px 110px;
        }
        .padding-Footer {
            padding-left: 120px;
        }

    }

    /*md - Medium ≥ 1024px*/
    @media (min-width: 1024px) {
        .header {
            padding: 0px 150px 0px 150px
        }
        .Home-Padding {
            padding: 10px 130px 140px 150px
        }
        .padding-pages {
            padding: 0px 150px 66px 150px;
        }
        .padding-Footer {
            padding-left: 170px;
        }

    }
    /*lg - Large ≥ 1280px*/
    @media (min-width: 1280px) {
        .header {
            padding: 0px 210px 0px 190px
        }
        .Home-Padding {
            padding: 10px 190px 140px 190px
        }
        .padding-pages {
            padding: 0px 180px 66px 190px;
        }
        .padding-Footer {
            padding-left: 220px;
        }
        .create-padding {
            padding: 75px;
        }

    }
    /*xl - Extra Large ≥ 1920px*/
    @media (min-width: 1920px) {
        .header {
            padding: 0px 230px 0px 230px
        }
        .Home-Padding {
            padding: 10px 210px 140px 230px
        }
        .padding-pages {
            padding: 0px 210px 66px 230px;
        }
        .create-padding {
            padding: 75px;
        }
        .padding-Footer {
            padding-left: 230px;
        }

    }

.rz-text-bold {
    font-weight: bold !important;
}